GyaanSetu JavaScript

Hệ sinh thái JavaScript và TypeScript.

90 articlesDeep, practical knowledge

Hầu hết mọi người bắt đầu học JavaScript bằng cách xây dựng các ứng dụng. Bạn kết nối một nút bấm, lấy dữ liệu, và quan sát DOM thay đổi. Sau đó t

Hầu hết mọi người bắt đầu học JavaScript bằng cách xây dựng các ứng dụng. Bạn kết nối một nút bấm, lấy dữ liệu, và quan sát DOM thay đổi. Sau đó các lớp trừu tượng bị rò rỉ. Các lỗi phát sinh một cách vô lý: biến...

JavaScript · 6 min read

Ai cũng có một thư mục như thế. Nơi chứa đầy những bài hướng dẫn làm dở dang, những dự án phụ bị bỏ dở, và những tệp README mà...

Ai cũng có một thư mục như thế. Nơi chứa đầy những bài hướng dẫn làm dở dang, những dự án phụ bị bỏ dở, và những tệp README hứa hẹn nhiều hơn những gì chúng thực sự mang lại. Đó là một nghĩa địa của những ý tưởng tốt đẹp...

JavaScript · 6 min read

Người chơi rất ghét việc thua cuộc chỉ vì một lỗi kỹ thuật. Nền tảng đã rõ ràng, thời điểm đã chuẩn xác, nhưng rồi trò chơi lại khiến họ thất bại.

Người chơi rất ghét việc thua cuộc chỉ vì một lỗi kỹ thuật. Nền tảng đã rõ ràng, thời điểm đã chuẩn xác, và rồi trò chơi đã khiến họ thất bại không phải vì họ mắc lỗi, mà vì trình duyệt...

JavaScript · 6 min read

Bản viết lại bằng Go của TypeScript 7 giúp giảm thời gian biên dịch VS Code 11,9 lần xuống còn 1,3 giây

Microsoft đã xây dựng lại trình biên dịch bằng Go, thay thế cho engine dựa trên Node cũ. Việc phân tích cú pháp và kiểm tra kiểu song song giúp rút ngắn thời gian biên dịch của VS Code từ 17,5 giây xuống dưới 1,3 giây và giảm mức sử dụng bộ nhớ lên đến 26% trong các kho mã nguồn khổng lồ.

JavaScript · 2 min read

SolidJS 2.0 giúp các đội ngũ React duy trì giao diện ổn định trong quá trình làm mới dữ liệu

SolidJS 2.0 giới thiệu mô hình dữ liệu bất đồng bộ (async-data) nguyên bản, trong đó các promise là các giá trị reactive hạng nhất, giúp chỉ có lần tải đầu tiên mới hiển thị trạng thái fallback. Các lần tải lại dữ liệu sau đó sẽ giữ nguyên DOM hiện tại trên màn hình, loại bỏ hiện tượng nhấp nháy các biểu tượng loading (spinners) thường gặp khi sử dụng React’s Suspense.

JavaScript · 5 min read

Các đội ngũ React giảm chỉ số INP xuống dưới 200 ms bằng cách chia nhỏ các tác vụ dài và sử dụng startTransition

Ngay cả khi đạt điểm Lighthouse hoàn hảo, chỉ số Interaction to Next Paint (INP) thực tế của người dùng vẫn có thể vượt quá 500 ms. Bằng cách chia nhỏ các tác vụ dài với scheduler.yield, bọc các cập nhật không khẩn cấp trong startTransition và loại bỏ các phần tử DOM ngoài màn hình, bạn có thể đưa INP xuống dưới ngưỡng "nhanh" 200 ms.

JavaScript · 2 min read

Các ô đen che thông tin đang đánh lừa chúng ta – Phương pháp mới chuyển đổi các trang nhạy cảm thành hình ảnh

Trình chỉnh sửa chạy hoàn toàn trên trình duyệt, chỉ chuyển đổi các trang có chứa nội dung cần che thành bitmap với tỉ lệ gấp ba lần, trong khi vẫn giữ các phần còn lại của tài liệu ở dạng vector để duy trì khả năng tìm kiếm và giữ dung lượng tệp ở mức thấp.

JavaScript · 3 min read

Các nhà phát triển thường xuyên đánh giá thấp các trình xem PDF. Nó có vẻ như là một vấn đề tệp tin đơn giản trong một chiếc hộp. Bạn lấy các byte, po

Các nhà phát triển thường xuyên đánh giá thấp các trình xem PDF. Nó có vẻ như là một vấn đề tệp tin đơn giản trong một chiếc hộp. Bạn lấy các byte, trỏ một component vào URL, và coi như xong. Vue.js làm cho...

JavaScript · 5 min read

Các ứng dụng React được xây dựng từ các component, và mỗi component đều có một vòng đời riêng. Nó xuất hiện trên màn hình. Nó phản ứng với n

Các ứng dụng React được xây dựng từ các component, và mỗi component đều có một vòng đời riêng. Nó xuất hiện trên màn hình. Nó phản ứng với thông tin mới. Cuối cùng, nó biến mất. Hãy tạm quên đi nhịp điệu đó...

JavaScript · 3 min read

Web thời kỳ đầu hoạt động dựa trên văn bản thuần túy. Bạn nhập tên người dùng hoặc bình luận vào một biểu mẫu, nhấn gửi, và một chuỗi ký tự ngắn được truyền đi

Web thời kỳ đầu hoạt động dựa trên văn bản thuần túy. Bạn nhập tên người dùng hoặc bình luận vào một biểu mẫu, nhấn gửi, và một chuỗi ký tự ngắn được truyền đến máy chủ qua giao thức HTTP. Chu kỳ yêu cầu - phản hồi đơn giản đó…

JavaScript · 5 min read

Điểm nghẽn DOM mà không ai nhắc tới

Điểm nghẽn DOM mà không ai nhắc tới. Hãy tưởng tượng một bảng điều khiển hỗ trợ đang tải mười nghìn mục nhật ký. Hoặc một hệ thống CRM đang cố gắng hiển thị mọi liên hệ trong một bảng có thể cuộn duy nhất. Trong...

JavaScript · 7 min read

Mọi chương trình hữu ích cuối cùng đều sẽ chạm đến một điểm quyết định. Nút này nên gửi biểu mẫu hay hiển thị lỗi? Liệu người d

Mọi chương trình hữu ích cuối cùng đều sẽ chạm đến một điểm quyết định. Nút này nên gửi biểu mẫu hay hiển thị lỗi? Người dùng này sẽ thấy bảng điều khiển quản trị hay chế độ xem dành cho khách? JavaScript và…

JavaScript · 3 min read