javascript

Interaction to Next Paint (INP) là chỉ số đo độ phản hồi của trang web với tương tác người dùng, giờ là một phần của Core Web Vitals và ảnh hưởng đến xếp hạng trên Google. Bài viết này giải thích INP là gì, cách đo và các bước thực tế để cải thiện điểm số. INP là gì và nó đo cái gì...

Chrome DevTools cho phép bạn kiểm tra nội dung trang, xem file được tải, tạo báo cáo hiệu suất chi tiết và nhiều hơn nữa. Bài viết tóm tắt các tính năng cơ bản và một vài công cụ nâng cao để bạn bắt đầu. Giới thiệu nhanh về Chrome DevTools Chrome DevTools là tập hợp công cụ được tích hợp...

Mở trang trên Google Cloud Console thường mất nhiều thời gian do khối lượng JavaScript lớn và thời gian xử lý trên CPU. Bài viết phân tích quy trình tải trang Cloud Functions, chỉ ra các điểm nghẽn và đề xuất cách tối ưu. Mở một trang trong Google Cloud Console thường lâu — trên máy MacBook...

Server-side rendering (SSR) là giải pháp giúp cải thiện tốc độ tải trang và khả năng SEO cho các ứng dụng một trang (SPA) dựa trên JavaScript. Bài viết này giải thích SSR hoạt động thế nào, so sánh với client-side rendering và nêu rõ những lợi — hại khi áp dụng. Giới thiệu nhanh về SPA và...

Tài nguyên chặn hiển thị là những file quan trọng nhưng làm chậm việc hiển thị nội dung trang, ảnh hưởng đến các chỉ số Core Web Vitals như Largest Contentful Paint. Bài viết này giải thích những file nào gây chặn, cách phát hiện và các biện pháp để giảm thiểu tác động của chúng...

Nhận diện tài nguyên quan trọng và tải chúng sớm là cách hiệu quả để cải thiện tốc độ trang. Bài viết giải thích khái niệm critical rendering path và các bước thực tế để rút ngắn, giúp nội dung hiển thị nhanh hơn và nâng cao Core Web Vitals. Đường dẫn dựng trang quan trọng là gì? Khi một...

Mình có một tệp main.js, trong đó có một đoạn để build text với thuộc tính như sau: if (addColorLabels) { const txt = document.createElementNS(xmlns, "text"); txt.setAttribute("font-family", "Tahoma")...

Cách dùng JavaScript tạo các ảnh trượt Image Slider đơn giản Ví dụ sử dụng JavaScript tạo một Image Slider trượt các ảnh đơn giản, các ảnh chuyển đổi bằng cách bấm vào nút Ảnh trước, Ảnh sau. <div> <img id="slider"...

Tìm hiểu sự kiện trong JavaScript và cách bắt sự kiện trong DOM Bạn có thể sử dụng code JavaScript để thực thi một sự kiện nào đó xảy ra, ví dụ khi người dùng bấm vào một phần tử cụ thể, khi di chuyển chuột trên phần tử, khi submit form ... Các sự kiện này coi như thuộc tính của phần tử, thuộc...

Cách dùng JavaScript để cập nhật thuộc tính phần tử Dom Thay đổi thuộc tính phần tử trong DOM Khi bạn đã lựa chọn được phần tử trong DOM, bạn có thể thay đổi thuộc tính liên quan đến phần tử, ví dụ thay đổi nội dung bằng thuộc tính innerHTML. Ví dụ: phần tử HTML <img> như đã biết có thuộc tính...

[Wall Street English - HCM] - Senior Java Developer QUYỀN LỢI Thuộc đội in-house developer phụ trách vận hành và nâng cấp công nghệ cho hệ thống CRM do công ty tự phát triển. Vì là team in-house nên: Không có OT và rất flexible về thời gian. Có cơ hội trải nghiệm và thử sức thoải mái từ kiến...

Java Developer ( All Levels) KHU VỰC: ĐÀ NẴNG, HÀ NỘI CÔNG TY: CÔNG TY TNHH FRAMGIA VIỆT NAM CẤP BẬC: Nhân viên KỸ NĂNG: Japanese Beginner, Javascript, Spring + Hibernate + Struts NGÔN NGỮ TRÌNH BÀY HỒ SƠ: Bất kỳ MỨC LƯƠNG: $600 - $1500 MÔ TẢ CÔNG VIỆC - Tham gia vào các dự án phần mềm với...

Kỹ Sư Tư Vấn Giải Pháp Tổng Đài (Call Center) KHU VỰC: HÀ NỘI, HỒ CHÍ MINH CÔNG TY: CÔNG TY CP GIẢI PHÁP KINH DOANH NỀN TẢNG - BASE CẤP BẬC: Nhân viên KỸ NĂNG: Javascript, CSS, HTML NGÔN NGỮ TRÌNH BÀY HỒ SƠ: Bất kỳ MỨC LƯƠNG: $500 - $750 MÔ TẢ CÔNG VIỆC - Trình bày giải pháp CRM cho khách hàng...

Urgent - 10 Web Game Developer (Lương Up to 1000$) - Chấp Nhận Sinh Viên Mới Ra Trường KHU VỰC: Hà Nội KỸ NĂNG: Web Game, Unity3d, Cocos2d-x Js, Javascript NGÔN NGỮ TRÌNH BÀY HỒ SƠ: Bất kỳ MỨC LƯƠNG: $500 - $1000 MÔ TẢ CÔNG VIỆC - Lập trình viên web game. - Lập trình cho các dự án phát...

18 nguồn tài liệu học tập cho các nhà phát triển front-end Như bạn đã biết, thật khó để theo kịp với những gì mới trong phát triển web. Ngay cả từ cách nhìn nhận về front-end, bạn có thể dễ dàng bị tụt lại phía sau và khiến kỹ năng trở nên lạc hậu. Vì vậy, có thể sẽ mất vài phút hoặc thậm chí...

Tìm hiểu và cách sử dụng toàn tập về jQuery Ajax Ajax không phải là ngôn ngữ mà là kĩ thuật trong Javascript, giúp chúng ta tạo ra các ứng dụng Web Không đồng bộ (Asynchronous). Nói dễ hiểu hơn là kĩ thuật “load dữ liệu không cần load lại trang” hay “load một phần website”, giúp website linh...

Tổng quan về sự kiện trong Javascript Ở bài trước chúng ta đã tìm hiểu về Javascript và HTML DOM, các bạn cũng đã biết qua về cách có thể can thiệp vào dữ liệu cũng như thực hiện thay đổi giá trị và lấy giá trị. Trong bài này, các bạn cũng sẽ được tìm hiểu đến phần quan trọng cũng như là phần...

Tìm hiểu về Javascript và HTML DOM Ở những bài trước, chúng ta đã tìm hiểu về kiểu dữ liệu, phạm vi hoạt động của biến trong Javascript (JS) cũng như các nền tảng kiến thức mà các bạn cần có ở các bài trước. Trong bài này, chúng ta sẽ tìm hiểu về Javascript và HTML DOM. DOM được viết tắt...

Tìm hiểu khái niệm Anonymous Function và Closure Khi tìm hiểu về cách viết Hàm trong Javascript , các bạn sẽ thấy rằng nó hoàn toàn không khác gì các ngôn ngữ phổ biến như C++, C#, Java…nhưng trong nó còn hỗ trợ một cách viết khác cũng không kém phần thú vị và nó có tên gọi là Anonymous...

Tìm hiểu biểu thức trong Javascript Ở bài trước chúng ta đã tìm hiểu qua Toán tử trong Javascript, chắc hẳn các bạn cũng đang rất hứng thú khi tìm hiểu về cách sử dụng toán tử so sánh và logic rồi? Trong bài này, chúng ta sẽ cùng nhau tìm hiểu về các biểu thức trong Javascript được sử dụng như...