Khanh blog

Isolation level

noreply@blogger.com (Quoc Khanh Bui) — Tue, 16 Nov 2021 10:00:00 +0000

I have learned about isolation levels in database, so I just want to write down a simple post to remember it better.

1. Read phenomena

When transaction A reads the data that might be change by transaction B.

1.1 Dirty reads:

Is when a transaction read uncommitted data from another transaction. Example:

Transaction A

Transaction B

begin transaction;

select age from employee where id = 1;

// age = 24

begin transaction;

update employee set age = 25 where id = 1;

// age = 25

select age from employee where id = 1;

// age = 25

rollback;

select age from employee where id = 1;

// age = 24

commit;

1.2 Non-repeatable reads

When during a transaction, you retrieves a row two times, and in the second time, you got a slightly different row. It different with dirty read that this time, it read committed data.

Transaction A

Transaction B

begin transaction;

select age from employee where id = 1;

// age = 24

begin transaction;

update employee set age = 25 where id = 1;

// age = 25

commit;

select age from employee where id = 1;

// age = 25

commit;

1.3 Phantom read

When during a transaction, you performs two query and the number of rows you got each time is different due to some other transaction insert or delete new data.

Transaction A

Transaction B

begin transaction;

select * from employee where age > 18 and age < 24;

// 4 rows

begin transaction;

insert into employee(id, age) values(20);

commit;

select * from employee where age > 18 and age < 24;

// 5 rows

commit;

2. Isolation level

2.1 Read uncommitted

Transaction A could see uncommitted changes from Transaction B, in other words, it allow dirty read to happen.

2.2 Read committed

Transaction A could see committed changes from Transaction B. No dirty read at this level, but non-repeatable read and phantom read are possible.

2.3 Repeatable reads

It inherits from read committed, and no non-repeatable read in this level, it means that no matter how many time you query for a row in a single transaction, you are warranty that all the values in the row remain unchanged.

But phantom read could happen at this level.

2.4 Serializable

Not any read phenomena could happen at this level, this is the highest level of isolation.

In Serializable Isolation Level, all transactions have to execute in sequential order, it cannot be execute in parallel like in Repeatable level.

3. Default Isolation level in Postgres

Default isolation level of Postgres is Read Committed.

There are no way to read uncommitted in Postgres.

Phantom read are prevent even in Repeatable reads Isolation Level.

4. References

https://en.wikipedia.org/wiki/Isolation_(database_systems)

Floating point number (IEEE 754)

noreply@blogger.com (Quoc Khanh Bui) — Mon, 01 Nov 2021 03:05:00 +0000

Đã bao giờ bạn dùng javascript và tự hỏi tại sao 0.1 + 0.2 lại bằng 0.30000000000000004 chưa? Đó là bởi vì trong máy tính, số thập phân sẽ được biểu diễn một cách gần đúng với giá trị mà bạn mong muốn, và chúng ta sẽ tìm hiểu về nó trong bài này.

Nội dung bài viết:

- Biểu diễn một số thập phân dưới dạng floating point trong máy tính.

- Chuyển floating point ngược lại số thập phân.

- Cộng hai số được biểu diễn dưới dạng floating point.

- Tại sao chúng ta lại biểu diễn số thập phân dưới dạng floating point, mà không phải là một dạng khác?

0.

Floating point 32 format. (image from Wikipedia)

Trước khi vào bài viết, bạn cần biết rằng hiện tại có hai loại floating point được dùng phổ biến. Loại thứ nhất gọi là Single-precision floating point, sử dụng 32 bit để biểu diễn số thập phân. Loại thứ hai là Double-precision floating point, sử dụng 64 bit để biểu diễn số thập phân, do dùng nhiều bit hơn nên nó có thể biểu diễn số thập phân lớn hơn, với độ chính xác cao hơn. Trong bài này chúng ta chỉ xem xét những ví dụ với single precision cho ngắn gọn.

1. Biểu diễn một số thập phân dưới dạng floating point

Ở ví dụ này, chúng ta hãy cùng chuyển số -2.2 sang dạng floating point:

-2.2

Bước 1. chuyển phần nguyên sang hệ nhị phân:

ở đây chúng ta sẽ không cần quan tâm tới dấu của phần nguyên vội, nên chúng ta sẽ chuyển 2 sang hệ nhị phân trước:

(2)₁₀ -> (10)₂

Bước 2. chuyển phần thập phân sang hệ nhị phân:

phần thập phân ở đây là 0.2, để chuyển 0.2 thành phần thập phân chúng ta sẽ làm như sau:

0.2 * 2 = 0.4 => 0 chúng ta lấy số 0 của 0.4
0.4 * 2 = 0.8 => 0 mang 0.4 ở bên trên xuống, sau đó lấy số 0 của 0.8
0.8 * 2 = 1.6 => 1 mang 0.8 ở bên trên xuống, sau đó lấy số 1 của 1.8
0.6 * 2 = 1.2 => 1 mang phần thập phân 0.6 của 1.6 xuống, sau đó lấy 1 của 1.2

--- các phép tính sẽ bị lặp lại như dưới mãi

0.2 * 2 = 0.4 => 0
0.4 * 2 = 0.8 => 0
0.8 * 2 = 1.6 => 1
0.6 * 2 = 1.2 => 1

---

0.2 * 2 = 0.4 => 0
.... cứ tiếp tục lặp đến vô hạn, nhưng sau đó, chúng ta chúng ta chỉ giữ lại vừa đủ thôi.

Chúng ta có thể biểu diễn 0.2 dưới dạng nhị phân như sau: 0011 0011 0011 0011 ........ và cứ 0011 mãi

Bước 3. Biểu diễn 2.2 dưới dạng nhị phân

(10.0011 0011 0011 0011 0011 0011 .....)₂

Bước 4: Chuyển thành dạng scientific notation

một vài ví dụ về chuyển tự dạng số thập phân sang scientific notation cho các bạn dễ hiểu:

1002 => 1.002 * 10³
123.4 => 1.234 * 10²
0.002 => 2 * 10^-3

Bước này chúng ta sẽ dịch chuyển dâu chấm sang bên trái của số-1-ngoài-cùng-bên-trái. Trong ví dụ này, chúng ta chuyển dấu chấm về bên trái 1 vị trí. Do chúng ta đang xài hệ nhị phân nên nhân với 2^x nhé.

10.0011 0011 0011 => 1.0 0011 0011 0011 * 2¹

Phần được bôi màu xanh lá này được gọi là mantissa.
Phần được bôi màu xanh dương gọi là exponent, và nó có thể mang giá trị âm.

Bước 5: Tính bias exponent.

ở bước này thì có lẽ chúng ta cần phải tìm hiều về cấu trúc của floating point 32 bit một chút:

x xxxx xxxx xxxx xxxx xxxx xxxx xxxx xxx
Sign bit Bias exponent Mantissa

Sign bit: gồm 1 bit, là bit dấu , trong ví dụ này -2.2 là âm, nên bit này sẽ có giá trị là 1.

Mantissa: gồm 23 bit, dùng để biểu diễn phần mantissa được tính ở bước 4, (0 0011 0011 0011 0011 0011 00)₂

Bias exponent: gồm 8 bit, dùng để biểu diễn số mũ (exponent) mà ta tìm được ở bước 4, trong ví dụ này số mũ là 1.
Nhưng vì số mũ cũng có thể âm, nên để có thể biểu diễn số mũ ở đây hơi lằng nhằng một tí. Chúng ta sẽ không chuyển số 1 thành nhị phân ngay mà phải cộng thêm một lượng gọi là bias vào trước.

Bias = 2^(k-1)-1, k = số bit tối đa của bias exponent, trong ví dụ này là 8.

Trong ví dụ ngày, bias = 2^(8-1)-1 = 127
Bias exponent = bias + exponent = 127 + 1 = (128)₁₀ => (1000 0000)₂

Bước 6: Kết quả.

Đến bước này chúng ta sẽ thu được dạng floating point của -2.2 dưới dang nhị phân như sau:

1 10000000 00011001100110011001101

Tất nhiên theo cách biểu diễn này thì gía trị mà floating point biểu diễn chỉ gần bằng -2.02 thôi, chính xác là -2.019999980926513671875 trong ví dụ này. Lát nữa chúng ta sẽ tìm hiểu về cách chuyển floating ngược lại số thập phân.

Bây giờ chúng ta cùng làm thêm một ví dụ về chuyển số thập phân sang dạng floating point nữa, lần này là -0.35.

Bước 1: Chuyển phần nguyên sang hệ nhị phân, trong trường hợp này, phần nguyên là 0 nên không cần chuyển.

Bước 2: Chuyển phần thập phân sang hệ nhị phân:

0.35 * 2 = 0.7 => 0
0.7 * 2 = 1.4 => 1
0.4 * 2 = 0.8 => 0
0.8 * 2 = 1.6 => 1
0.6 * 2 = 1.2 => 1
-----
0.2 * 2 = 0.4 => 0
0.4 * 2 = 0.8 => 0
0.8 * 2 = 1.6 => 1
0.6 * 2 = 1.2 => 1
---
0.2 * 2 = 0.4 => 0
0.4 * 2 = 0.8 => 0
0.8 * 2 = 1.6 => 1
0.6 * 2 = 1.2 => 1
---
0.2 * 2 = 0.4 => 0
..... cứ tiếp tục lặp đến vô hạn.

Biểu diễn 0.35 dưới dạng nhị phân như sau: (01011 0011 0011 0011 0011 ...)₂

Bước 3: Chuyển thành dạng có dấu chấm thập phân.

(0.01011 0011 0011 0011)₂

Bước 4: Chuyển thành dạng scientific notation

Ở bước này, chúng ta sẽ chuyển dấu chấm về bên trái của số-1-ngoài-cùng-bên-trái. Trong ví dụ này, chúng ta chuyển dấu chấm sang bên phải 2 vị trí.

0.01011 0011 0011 0011 => 001.011 0011 0011 0011 * 2^-2

Sau bước này, chúng ta có được mantissa và exponent.

Bước 5: Tính bias exponent.

Bias = 2 ^{(8 - 1)} - 1 = 127

Bias exponent = bias + exponent = 127 + (-2) = (125)₁₀ => (1111 1010)₂

Bước 6:

1 1111 1010 011 0011 0011 0011 0011

Vì -0.35 nên sign bit là 1. Bây giờ chúng ta đã có được biểu diễn floating point của -0.35.

2. Chuyển floating point ngược lại số thập phân.

Xem xét ví dụ về floating point 1 10000001 0100 0000 0111 0010 1011 000:

1 10000001 0100 0000 0111 0010 1011 000
Sign bit Bias exponent Mantissa

Sign bit: bằng 1, có nghĩa đây là số âm
Bias exponent: (10000001)₂ => (129)₁₀
Bias = 2 ^{(8 - 1)} - 1 = 127
Exponent: bias exponent - bias = 2
Vậy số thập phân được biểu diễn dưới dạng scientific notation và hệ nhị phân như sau:

(1.0100 0000 0111 0010 1011 000 * 2²)₂

Dịch chuyển dấu chấm thập phân sang bên phải để bỏ scientific notation:

(1.0100 0000 0111 0010 1011 000 * 2²)₂ => (101.00 0000 0111 0010 1011 000)₂

Bây giờ chúng ta thu được số thập phân dưới dạng hệ nhị phân như sau:

(101.00 0000 0111 0010 1011 000)₂

Chuyển phần nguyên về hệ thập phân:

(101)₂ => (5)₁₀

Chuyển phần sau dấu chấm về hệ thập phân:

(0.00 0000 0111 0010 1011 000)₂ => (0.006999969482421875)₁₀

Ví dụ: (0.011010)₂ = (0 × 2⁰) + (0 × 2⁻¹) + (1 × 2⁻²) + (1 × 2⁻³) + (0 × 2⁻⁴) + (1 × 2⁻⁵) + (0 × 2⁻⁶) = (0.40625)₁₀

Cộng phần nguyên vào và thêm dấu, cuối cùng chúng ta thu được:

(-5.006999969482421875)₁₀

Gần bằng 5.007 - là số mà mình muốn biểu diễn.

3. Cộng hai số được biểu diễn dưới dạng floating point

Chúng ta hãy cùng cộng thử hai số 0.1 và 0.2 dưới dạng floating point xem nó bằng bao nhiêu nhé, lần này chúng ta dùng loại 64 bit, tương ứng với loại mà Javascript đang dùng:

FP = floating point

Bước 1. Chuyển 0.1 từ hệ thập phân sang nhị phân:

(0.1)₁₀
=> (0 01111111011 1001100110011001100110011001100110011001100110011010)_FP
=> (1.100110011001100110011001100110011001100110011001101 * 2^-4)₂
=> (0.0001100110011001100110011001100110011001100110011001101)₂

Bước 2. Chuyển 0.2 từ hệ thập phân sang nhị phân:

(0.2)₁₀
=> (0 01111111100 1001100110011001100110011001100110011001100110011010)_FP
=> (1.100110011001100110011001100110011001100110011001101 * 2^-3)₂
=> (0.001100110011001100110011001100110011001100110011001101)₂

Bước 3. Cộng hai số nhị phân lại:

(0.0001100110011001100110011001100110011001100110011001101)₂
+
(0.001100110011001100110011001100110011001100110011001101)₂
=
(0.0100110011001100110011001100110011001100110011001101000)₂
=
(0.3000000000000000444089209850062616169452667236328125)₁₀

4. Tại sao chúng ta lại dùng floating point?

Bên cạnh floating point, thì chúng ta còn một cách khác là fixed point. Ví dụ fixed point 32 bit sẽ có format như sau:

x xxxx xxxx xxxx xxx xxxx xxxx xxxx xxxx
Sign bit Integral part Fraction part

Sign bit: gồm 1 bit để chứa dấu của số cần biểu diễn, số âm tương ứng với bit 1
Integral part: gồm 15 bit, chứa phần nguyên của số thập phân
Fraction part: gồm 16 bit, chứa phần thập phân sau dấu chấm

Đối với kiểu fixed point này thì khoảng giá trị mà nó biểu diễn được khá nhỏ khi so với floating point.

Số nguyên dương khác không nhỏ nhất mà nó biểu diễn được là:

(2^-16)₂ = (0.00001525878)₁₀

Số nguyên dương lớn nhất mà fixed point có thể biểu diễn là:

(2¹⁵-1)₂+ (2^-16)₂ = (32767.00001525878)₁₀

Trong khi đó, số lớn nhất mà floating point có thể biểu diễn là:

(2 − 2⁻²³) × 2¹²⁷ ≈ 3.4028235 × 10³⁸

Chúng ta có thể thấy floating point biểu diễn được một khoảng giá trị lớn hơn nhiều so với fixed point. Nhưng đồng thời chúng ta phải hi sinh đi sự chính xác và thời gian - vì cần nhiều thời gian để xử lí floating point hơn.

5. Mẹo khi làm việc với floating point

1. Nếu bạn cần dùng biến để lưu giá trị tiền, thì dùng số nguyên với đơn vị là Đồng, tránh sử dụng số thập phân với đơn vị là nghìn đồng chẳng hạn. Vì floating point sẽ không mang lại cho bạn giá trị sau dấu chấm thập phân đúng tuyệt đối, và tiền là một giá trị rất quan trọng.

2. Nếu phải so sánh hai floating point với nhau, hãy tránh so sánh hai số đó bằng trực tiếp. Mà hãy định nghĩa ra một lượng sai số cho phép, nếu sai số vẫn nằm trong khoảng đó thì coi như hai số bằng nhau.

ví dụ như phép so sánh huyền thoại trong Javascript:

if (0.1 + 0.2 === 0.3) {
// do something
}

hãy làm như sau, định nghĩa ra khoảng sai số cho phép, ví dụ bạn muốn dúng đến 3 chữ số thập phân:

const eps = 0.001
if (Math.abs((0.1 + 0.2) - 0.3) < eps) {
// do something
}

6. Tham khảo

https://en.wikipedia.org/wiki/Single-precision_floating-point_format

https://stackoverflow.com/questions/588004/is-floating-point-math-broken

https://en.wikipedia.org/wiki/IEEE_754

Few things to mind when deploy your Spring MVC app to Heroku

noreply@blogger.com (Quoc Khanh Bui) — Sat, 10 Aug 2019 04:41:00 +0000

Few days ago, when I deployed a Spring MVC app to Heroku, I've encountered some problems, I must spent a lot of time and effort to fix it. If you currently use Intellij IDEA to code, use Spring MVC for backend, use Maven to manage dependencies, use Java 11 and you want to deploy your app to Heroku, this article is for you. In this post, I will share somethings that you need to be careful with.

Chia sẻ tài liệu lập trình C

noreply@blogger.com (Quoc Khanh Bui) — Sun, 05 Mar 2017 16:47:00 +0000

Hôm nay xin được chia sẻ cho các bạn một số tài liệu lập trình C mà mình sưu tầm được trong quá trình học ngôn ngữ này.
Nếu có thể thì bạn hãy mua sách ủng hộ tác giả nhé!

Chương trình đơn giản đầu tiên - Phần 2

noreply@blogger.com (Quoc Khanh Bui) — Thu, 11 Aug 2016 04:00:00 +0000

Trong phần 1, chúng ta đã làm quen với một số thủ tục vào ra cơ bản ( write, writeln, read và readln), khai báo biến và sử dụng biến. Trong phần hai ta tiếp tục tìm hiểu về cách khai báo và sử dụng hằng, một số phép tính toán (+ , - , * , / , mod , div ), phép gán trong Pascal.

Chương trình đơn giản đầu tiên - Phần 1

noreply@blogger.com (Quoc Khanh Bui) — Mon, 08 Aug 2016 11:19:00 +0000

Khi mới học Pascal ai cũng thích thực hành viết chương trình luôn hơn là học lý thuyết và mình cũng vậy. Cho nên trong series này mình không viết riêng bài về lý thuyết mà lồng ghép nó vào trong các bài hướng dẫn viết chương trình cho các bạn luôn, mình thấy như vậy khá là dễ nhớ. Ngay trong bài thứ 2 thuộc series này, ta sẽ thực hành viết chương trình đơn giản đầu tiên luôn.

Làm quen với Pascal

noreply@blogger.com (Quoc Khanh Bui) — Sat, 06 Aug 2016 14:11:00 +0000

Trong bài này mình sẽ giới thiệu qua cho các bạn biết tới một số thành phần trong Pascal, ví dụ như là biến, hằng, từ khóa... Trong các bài tiếp theo chúng ta sẽ đi đến phần lập trình luôn nhé, phần này mình chỉ nói sơ qua thôi vì mục đích là giới thiệu thôi mà, các bạn chịu khó đọc thêm trong sách giáo khoa tin học lớp 8 hoặc 11 nhé, trong sách nói rất kĩ, mình không muốn viết lại nhiều, nếu không có sách thì bạn có thể tham khảo trên mạng - rất nhiều.
Các bạn có thể tham khảo thêm bài này: https://vi.wikipedia.org/wiki/Pascal_(ngôn_ngữ_lập_trình)

làm quen với Pascal

Giới thiệu series lập trình Pascal cơ bản

noreply@blogger.com (Quoc Khanh Bui) — Sat, 06 Aug 2016 13:04:00 +0000

Trong quá trình học Pascal thì mình thấy rất nhiều người bạn của mình và rất nhiều người khác nữa gặp rất nhiều khó khăn khi học nó và dẫn tới việc có một điểm số không tốt. Theo mình thấy thì Pascal không quá khó mà do các bạn nghĩ Pascal khó nên nó khó đó thôi, kết hợp với việc không chịu khó tìm tòi và chú ý nghe thầy giảng trên lớp nên sau khi học bạn chẳng biết gì cả. Mình cũng khẳng định rằng Pascal không khó, bạn sẽ học tốt nó nếu bạn có một sự quyết tâm cao và tập trung trong suốt quá trình học.
Chính vì vậy nên mình sẽ viết series này nhằm giúp các bạn nắm chắc được những phần kiến thức căn bản của Pascal, giúp cho các bạn có một điểm số tốt hơn và cũng giúp cho các bạn muốn học nâng cao có một nền tảng tốt.

Lập trình pascal cơ bản

Tiện ích Featured Post mới từ Blogger

noreply@blogger.com (Quoc Khanh Bui) — Sat, 12 Dec 2015 13:37:00 +0000

Featured Post thì chúng ta đã nghe tới nhiều, và cũng đã có rất nhiều tiện ích Featured Post mà mình đã giới thiệu, tuy nhiên nó là do chúng ta tự thiết kế. Tới gần đây thì Blogger chính thức cung cấp cho chúng ta một tiện ích chính thức. Tiện ích này từ Blogger sẽ giúp bạn hiển thị một bài viết bất kì trên blog của bạn. Bây giờ chúng ta cùng thử tiện ích mới xem nó thế nào.

Khắc phục lỗi Loại bỏ JavaScript chặn hiển thị trong nội dung trong màn hình đầu tiên

noreply@blogger.com (Quoc Khanh Bui) — Mon, 23 Nov 2015 12:19:00 +0000

Khi thiết kế blog thì mình thường hay gặp lỗi khi kiểm tra trên PageSpeed Insights là "Loại bỏ JavaScript chặn hiển thị trong nội dung trong màn hình đầu tiên". Mình đã tìm kiếm trên intenet và thấy có cách thêm thuộc tính async, nhưng mình thấy nó không hiệu quả và làm cho trang blog của mình hoạt động không đúng cách. Sau khi tìm hiểu thì mình đã tìm ra một cách khắc phục khác như dưới đây.

Trao đổi Follow trên Tsu.Co

noreply@blogger.com (Quoc Khanh Bui) — Mon, 16 Nov 2015 13:05:00 +0000

Tsu.co đơn giản là một mạng xã hội giống như Facebook, Twitter hay Google Plus. Trong khi các mạng xã hội kia kiếm tiền quảng cáo từ bạn còn Tsu thì chia sẻ cho bạn 90% lợi nhuận từ họ.

Trao đổi follow Tsu.co

Thêm thuộc tính alt và title cho ảnh

noreply@blogger.com (Quoc Khanh Bui) — Fri, 18 Sep 2015 06:01:00 +0000

Thuộc tính alt và title là hai thuộc tính rất quan trọng của ảnh, nó sẽ giúp cho khả năng SEO của bạn tốt hơn.

Thêm thuộc tính alt và title

Bài tập Turbo Pascal - Kiểu Xâu - Phần 6

noreply@blogger.com (Quoc Khanh Bui) — Thu, 27 Aug 2015 06:26:00 +0000

Đề bài: hàm Upcase(s) trong Turbo Pascal có tác dụng là chuyển tất cả các kí tự in thường trong s thành kí tự in hoa, chúng ta sẽ viết một chương trình có tác dụng ngược lại, đó là chuyển tất cả các kí tự in hoa thành kí tự thường.

Hàm lower

Thông báo khi người dùng tắt Javascript của trình duyệt

noreply@blogger.com (Quoc Khanh Bui) — Sat, 22 Aug 2015 04:47:00 +0000

Trên trang của bạn có thể sẽ có một vài tiện ích sử dụng Javascript để chạy. Tuy nhiên một vài vị khách có thể vô tình hoặc cố ý tắt Javascript cuả trình duyệt, điều này làm cho trang của bạn không hiện thị tốt và khiến cho một vài tiện ích Javacript không chạy. Để khắc phục điều này thì chúng ta sẽ tạo một hộp thoại thông báo hoặc một thanh thông báo hiện thị nội dung yêu cầu người dùng bật Javascipt.

Noscript

Thêm avatar tác giả vào cạnh tiêu đề bài viết - version 2

noreply@blogger.com (Quoc Khanh Bui) — Wed, 19 Aug 2015 01:30:00 +0000

Lần trước mình đã giới thiệu cho các bạn một cách để thêm avatar tác giả bài viết vào cạnh tiêu đề bài viết rồi, tuy nhiên nó có một nhược điểm là bạn phải tự cập nhật lại url hình ảnh nếu muốn thay avatar - khà phiền đúng không. Hôm nay mình sẽ giới thiệu tới các bạn một thủ thuật khá đơn giản để lấy avatar từ Google Plus và đặt nó cạnh tiêu đề bài viết, và vì nó là v2 nên sẽ có một ưu điểm là avatar ở cạnh tiêu đề bài viết sẽ thay đổi khi bạn thay đổi avatar ở Google Plus. Bây giờ chúng ta cùng thực hiện.

Thêm avatar vào cạnh tiêu đề bài viết

Menu dọc với nút ẩn hiện cho blogger

noreply@blogger.com (Quoc Khanh Bui) — Mon, 17 Aug 2015 01:00:00 +0000

Hôm nay mình ghé qua Zing Mp3 thì thấy họ cáo một cái menu dọc khá là hay nên đã bắt chước làm theo . Menu của mình sử dụng các icon từ font Awesome và thêm một chút Javascript để có thể ẩn hiện theo ý muốn. Sau đây là các bước thực hiện:

Menu dọc cho blog

DEMO menu ngay trên bài viết này

Hello box cho blog

noreply@blogger.com (Quoc Khanh Bui) — Fri, 14 Aug 2015 01:00:00 +0000

Hôm nay mình sẽ giúp các bạn tạo một lời chào với người truy cập vào blog, ngoài ra cũng có thể dùng nó để thông báo về một sự kiện nào đó trên blog.

Hello box

Floating Social Bookmark Sidebar

noreply@blogger.com (Quoc Khanh Bui) — Wed, 12 Aug 2015 02:00:00 +0000

Hôm nay mình cũng vừa mới làm xong thêm một mẫu social bookmark đặt ở sidebar. Nó có kết hợp thêm hiệu ứng chuyển động khi rê chuột khá là vui mắt. Cái này mình lấy ý tưởng từ trên TV, khi mà họ thường đặt username Facebook, Twitter... của họ ở sau các icon.

Social bookmark sidebar

VIEW DEMO

Tùy biến label cloud với số đếm ẩn hiện cho Blogspot

noreply@blogger.com (Quoc Khanh Bui) — Sat, 08 Aug 2015 01:00:00 +0000

Hôm nay mình tiếp tục giới thiệu tới các bạn một kiểu tùy biến label cloud mới, ở lần này ta sẽ làm cho số đếm ẩn hiện khi hover và thêm một chút hiệu ứng chuyển động cho nó.

Tùy biến label cloud với số đếm

Thanh công cụ hỗ trợ người đọc cho Blogspot

noreply@blogger.com (Quoc Khanh Bui) — Thu, 06 Aug 2015 01:00:00 +0000

Khi đọc bài thì người đọc có thể cần thự hiện một vài thao tác trên blog của bạn, đó là lí do mình tạo ra công cụ này. Những thao tác đó là: in bài viết, dịch bài viết, gửi bài viết qua email, tăng giảm kích thước chữ, nút đi đến ô bình luận và nút back to top. Sau đây là cách thực hiện:

Công cụ hỗ trợ người đọc

Demo ở trong bài viết này

Author box kết hợp nút follow cho Blogger

noreply@blogger.com (Quoc Khanh Bui) — Tue, 04 Aug 2015 02:00:00 +0000

Author box là phần giới thiệu đôi chút về tác giả bài viết. Hôm nay khi đang lang thang trên mạng mình chợt thấy có vài nút follow của Facebook - Google Plus và Twitter nữa, tất cả đều là nút follow có sử dụng javascript nên chỉ cần click vào là follow được ngay. Với ưu điểm như vậy nhưng mình chưa thấy ai đưa nó vào author box cho Blogger nên đã làm một cái. Sau đây là các bước thực hiện:

Author box kết hợp nút follow

Xem demo ngay dưới bài viết hoặc tại Codepen.

Button download và demo đẹp từ CSS

noreply@blogger.com (Quoc Khanh Bui) — Sun, 02 Aug 2015 02:00:00 +0000

Trên blog đôi khi bạn sẽ cung cấp cho người đọc một liên kết để đi đến trang demo hoặc là đến trang download. Để làm nổi bật nhưng liên kết này người ta thường thêm một chút CSS để trong nó đẹp hơn. Hôm nay mình xin giới thiệu hai nút demo và download mà mình mới làm được, nó có kết hợp thêm hiệu ứng hover và sử dụng thêm icon Awesome.

Tổng hợp 3 hiệu ứng hover cho hình ảnh

noreply@blogger.com (Quoc Khanh Bui) — Fri, 31 Jul 2015 02:00:00 +0000

Nhưng hình ảnh trong bài viết nếu được thêm một chút hiệu ứng khi hover sẽ làm cho blog thêm sinh động hơn. Hôm nay mình sẽ giới thiệu với các bạn 3 hiệu ứng hover ảnh phổ biến nhất đó là : xoay ảnh, thay đổi kích thước ảnh và làm mờ ảnh. Bên dưới là code của hiệu ứng cùng cách để thêm vào blog.

Custom Blogger Author Box

noreply@blogger.com (Quoc Khanh Bui) — Wed, 29 Jul 2015 02:00:00 +0000

Cách đây khá lâu thì Blogger đã thêm một thành phần mới vào blog là khung hiện thị thông tin tác giả bài viết mà người ta hay gọi là author box. Ưu điểm của khung auhor này là có thể tự động cập nhật thông tin tác giả bao gồm ảnh đại diện và đoạn tự giới thiệu, tất nhiên nếu blog của bạn có nhiều cộng tác viên thì mỗi người sẽ có một cái author riêng, có ảnh đại diện riêng và đoạn giới thiệu riêng. Một điều đáng quan tâm nữa là vì nó có sẵn nên ta chỉ việc bật nó lên chứ không cần thêm code gì vào. Tuy nhiên là cái author này nhìn hơi xấu, nhưng không sao, bài hôm nay của mình sẽ giúp các bạn bật và tùy biến lại cái author này với một chút CSS để trông nó đẹp hơn.

DEMO

Khanh blog

Isolation level

1. Read phenomena

1.1 Dirty reads:

1.2 Non-repeatable reads

1.3 Phantom read

2. Isolation level

2.1 Read uncommitted

2.2 Read committed

2.3 Repeatable reads

2.4 Serializable

3. Default Isolation level in Postgres

4. References

Floating point number (IEEE 754)

0.

1. Biểu diễn một số thập phân dưới dạng floating point

2. Chuyển floating point ngược lại số thập phân.

3. Cộng hai số được biểu diễn dưới dạng floating point

4. Tại sao chúng ta lại dùng floating point?

5. Mẹo khi làm việc với floating point

6. Tham khảo

Few things to mind when deploy your Spring MVC app to Heroku

Chia sẻ tài liệu lập trình C

Chương trình đơn giản đầu tiên - Phần 2

Chương trình đơn giản đầu tiên - Phần 1

Làm quen với Pascal

Giới thiệu series lập trình Pascal cơ bản

Tiện ích Featured Post mới từ Blogger

Khắc phục lỗi Loại bỏ JavaScript chặn hiển thị trong nội dung trong màn hình đầu tiên

Trao đổi Follow trên Tsu.Co

Thêm thuộc tính alt và title cho ảnh

Bài tập Turbo Pascal - Kiểu Xâu - Phần 6

Thông báo khi người dùng tắt Javascript của trình duyệt

Thêm avatar tác giả vào cạnh tiêu đề bài viết - version 2

Menu dọc với nút ẩn hiện cho blogger

Hello box cho blog

Floating Social Bookmark Sidebar

Popular post với hiệu ứng hover của số đếm

#Popular post với số đếm

Tùy biến label cloud với số đếm ẩn hiện cho Blogspot

Thanh công cụ hỗ trợ người đọc cho Blogspot

Author box kết hợp nút follow cho Blogger

Button download và demo đẹp từ CSS

Tổng hợp 3 hiệu ứng hover cho hình ảnh

Custom Blogger Author Box