Posts

Showing posts from June, 2019

Simple pagination with javascript

Đơn giản là bạn muốn gọn code. không can thiệp nhiều ở backend. Mình có 1 cách là pagging bằng javascript. Step 1 : khởi tạo các thông số cần thiết. makePager = function (page){ var show_per_page = 5 ; // khởi tạo số recored trên trang var number_of_items = jQuery (' .pagination > div ') . length ; //lấy tổng số element var number_of_pages = Math . ceil (number_of_items / show_per_page) ; // chia xem có bao nhiêu trang var number_of_pages_to_display = 5 ; // sô link hiển thị var navigation_html = '' ; var current_page = page ; //lấy link page hiện tại console . log (current_page) ; var current_link = (number_of_pages_to_display >= current_page ? 1 : number_of_pages_to_display + 1 ) ; if (current_page > 1 ) current_link = current_page ; if (current_link != 1 ) na

Khi nào xài Flex khi nào xài Grid

Image
khi mà chỉnh những thứ  một ô hoặc  một hướng  (dọc hoặc ngang) thì dùng flex,  hai hướng  thì dùng grid flex để căn dọc cho từng ô việc căn dọc sẽ hết sức rách việc nếu không có flex như đã nói ở  bài trước Một ô là gì? ...mọi thứ. Hầu như trong trang web cái gì cũng là một  ô . thậm chí ô này bọc lấy ô kia và mỗi ô này đều dùng flex chứ không phải dùng cho ô ngoài cùng hay ô trong cùng. Tưởng tượng ô giống như một  div ^ ô này bọc ô kia... flex cho một hướng Một hướng là như này: mỗi hàng trong ảnh đều là ví dụ cho 1 hướng ngoài ra một cột cũng có 1 hướng grid cho hai hướng hai hướng thì là như này  ví dụ thường gặp và thường dùng tới grid là trình bày ảnh, như ở trên. Lưu ý hai  hướng không phải là hai  hàng . có thể là rất nhiều hàng  Flex Nguyên lí một div cha có setting  display: flex  vào thì các div con tự động dàn hàng ra (thường là hàng ngang). Nếu đứa con có thêm setting  margin: auto  thì ngoài việc vẫn dàn hàng thì nó đồng thời được căn gi