Share life Japan IT

Ngôn ngữ lập trình Javascript hoặc Typescript chạy rất nhanh và nhẹ. Sau khi nhận kết quả từ Server, chúng ta xử lý phía Client và các mã code của bạn khi được tối ưu tốt sẽ giảm tải rất tốt cho hệ thống. Dưới đây là 12 đoạn mã code Javascript khi thực hiện sẽ khiến bạn giống như một chuyên gia vậy. Mình lưu lại bài viết này để khi cần có thể lấy ra tham khảo.   1. Xét kết quả ngẫu nhiên giá trị boolean (true / false) Hàm này sẽ trả về một boolean (true hoặc false) bằng phương thức Math.random(). Math.random sẽ tạo một số ngẫu nhiên từ 0 đến 1, sau đó chúng ta kiểm tra xem nó cao hơn hay thấp hơn 0,5. Điều đó có nghĩa là 50% / 50% tỷ lệ nhận được true hay false. const randomBoolean = () => Math.random() >= 0.5; console.log(randomBoolean());   2. Kiểm tra xem ngày là trong tuần hay cuối tuần Sử dụng phương pháp này, bạn sẽ có thể kiểm tra xem ngày bạn cung cấp trong hàm là ngày trong tuần hay ngày cuối tuần. const isWeekday = (date) => date.getDay() % 6 !== 0; console...

Hiện nay hầu hết các trang Tin tức, Blog, Thương mai điện tử hay những website có nội dung dài hơn một trang thì chức năng Back to top khá tiện lợi, ở mọi vị trí mà con trỏ chuột ngoài phạm vi một màn hình khách hàng chỉ cần click và ngay lập tức màn hình sẽ di chuyển tới đầu trang. Tất nhiên tùy kích thước màn hình, và nếu vị trí con trỏ chuột vẫn ở trong kích thước màn hình đầu tiên thì chức năng Back to top sẽ không hiển thị. Trong ví dụ dưới đây sẽ giải thích rõ ràng hơn với ví dụ là những dòng code: 1. HTML Trong cặp thẻ detail-content là nội dung hiển thị của bạn, nếu nội dung ngắn hơn 1 màn hình thì Backtotop sẽ không hiển thị. <div class=”container”> <div class=”detail-content”> Content… </div> </div> Thẻ p chứa hình ảnh, icon backtotop, nó được xử lý bởi đoạn CSS để hiển thị ở phía dưới góc phải màn hình. <p id=”back-top” data-toggle=”tooltip” data-placement=”top” title=”Back-to-top”> </p> 2. CSS Chỉ đơn giản lấy hình ảnh hoặc icon mà bạn m...

Javascript là ngôn ngữ được sử dụng rất, rất nhiều. Nó chạy được trên tất cả các thiết bị, trình duyệt, là ngôn ngữ cơ bản khi developers bước vào con đường lập trình website. Ngôn ngữ lập trình nào khi viết code cũng cần được tối ưu, dưới đây là 7 tips nhỏ có thể giúp ích cho các bạn .     1. Sử dụng biến động Chúng ta vẫn quen với giá trị biến thay đổi thông qua các hàm xử lý, còn tên biến không thay đổi. Dưới đây là ví dụ cho bạn thấy mọi thứ có thể thay đổi  let dynamicProperty = ‘human’; let learn = { title: ‘Javascript’, [dynamicProperty]: ‘Senior’ }; console.log(learn); // { title:’JavaScript Best Practices’, human:’Senior’ } 2. Làm tròn giá trị Hai hàm phổ biến chúng ta hay sử dụng là math.floor() và math.round() Thay vào đó có hàm ngắn và hiệu quả hơn, đó là: ~~ Ví dụ: Math.floor(10.11); Math.round(10.11); Bạn có thể dùng: ~~(10.11) Đều cho result là: 10 3. Sử dụng Shortcuts Ví dụ đơn giản về if/else, sử dụng shortcuts hợp lý sẽ giúp code của bạn sáng hơn, ngắn...