Why one sine wave makes a bad flame

SvelteKit 3 Reaches Release Candidate, Moving Config to Vite and Retiring the $lib Alias

SvelteKit 3 đang ở giai đoạn release candidate, tập trung vào tinh chỉnh code và chuẩn bị …

Optimizing objects with null prototypes

V8 engine gặp vấn đề khi đối tượng với __proto__: null bị mắc kẹt ở dictionary mode. …

How to Use the Fullscreen API in JavaScript (and Keep the Screen Awake with the Wake Lock API)

Các nhà phát triển front-end thường nhận yêu cầu triển khai chế độ fullscreen cho ứng dụng như slide deck, video player hoặc game. Để đạt được điều này, bạn có thể sử dụng Fullscreen API trong JavaScript, cung cấp phương thức element.requestFullscreen() để kích hoạt chế độ toàn màn hình. Vấn đề phát sinh khi thiết bị tự động tắt màn hình, cần sử dụng Wake Lock API với phương thức navigator.wakeLock.request() để ngăn điều này xảy ra. Hai API này kết hợp tạo giải pháp hoàn chỉnh cho trải nghiệm fullscreen ổn định, đặc biệt hữu ích cho các ứng dụng cần màn hình luôn bật như lớp học trực tuyến hoặc trạm giám sát.

Bài viết hướng dẫn bạn triển khai tính năng toàn màn hình và giữ màn hình luôn sáng với JavaScript API cho các ứng dụng đa dạng.

Understanding any in TypeScript

TypeScript ra đời để mang tính type-safety cho JavaScript, nhưng tồn tại kiểu any làm giảm lợi ích này. Kiểu any xuất hiện khi TypeScript không thể suy luận kiểu dữ liệu, hoặc khi chúng ta tắt strict mode trong tsconfig.json. Sử dụng any vô hiệu hóa type checking, tiềm ẩn lỗi runtime giống JavaScript thuần túy. Điều này cho thấy chúng ta cần cân nhắc giữa linh hoạt và type-safety khi làm việc với TypeScript, đồng thời nên định nghĩa kiểu dữ liệu cụ thể thay vì dùng any.

Bài viết này giúp lập trình viên TypeScript hiểu rõ cách sử dụng kiểu 'any' để tránh suy giảm lợi ích của việc kiểm tra kiểu.

pnpm 12.9.0

pnpm 12.9.0 tích hợp hoàn toàn với StackBlitz WebContainers, giúp cải thiện hiệu năng khi chạy môi trường phát triển. Phiên bản này giới thiệu cài đặt networkConcurrency cho từng registry, tối ưu tốc độ tải xuống packages từ nhiều nguồn khác nhau. Hệ quả là pnpm giờ đây ghi nhận mọi project đã cài đặt vào store, giúp quản lý không gian lưu trữ hiệu quả hơn. Bài viết còn đề cập đến fix bảo mật cho lệnh pnpm login, một điểm quan trọng mà các lập trình viên nên chú ý.

Bản cập nhật pnpm 12.9.0 mang lại những cải tiến quan trọng về hiệu năng, bảo mật và khả năng quản lý gói.

React for Vue Developers, 2: State, Effects, Re-renders

React 19 render lại toàn bộ component function khi có thay đổi, khác biệt cơ bản so với Vue 3 theo dõi dependencies và update tại chỗ. Trong React, mỗi khi state thay đổi, component sẽ được thực thi lại hoàn toàn, dẫn đến việc effects sẽ chạy lại. React cung cấp useMemo/useCallback để tối ưu hóa việc tái tạo lại các giá trị và hàm, tương tự tính toán memoized trong Vue. Hiểu rõ lifecycle hooks và cơ chế render của React giúp chuyển đổi từ Vue một cách hiệu quả, đặc biệt khi làm việc với các dự án lớn cần quản lý state phức tạp.

Bài viết này giúp lập trình viên chuyển đổi từ Vue sang React hiểu rõ cách React xử lý state, effects và re-render khác biệt với Vue dependency tracking.

Bun v1.4.2

Bản phát hành Bun v1.4.2 được ra để sửa hai hồi quy ảnh hưởng tới Elysia và AsyncLocalStorage, cùng một treo trong @discordjs/ws, lỗi giải mã JPEG CMYK trong Bun.Image, một trường hợp crash JIT hiếm và một lỗi GC trên hệ thống musl. Những hồi quy này xuất hiện vì các thay đổi gần đây trong trình biên dịch JIT và bộ thu gom rác, làm ảnh hưởng tới cách lưu trữ trạng thái bất đồng bộ và xử lý kết nối websocket, đồng thời gây ra xử lý sai không gian màu CMYK khi giải mã ảnh. Do đó, các ứng dụng dùng Elysia hoặc AsyncStorage có thể gặp lỗi thời gian chạy, máy chủ sử dụng @discordjs/ws có thể bị treo vô thời hạn, hình ảnh CMYK không hiển thị đúng, và đôi khi toàn bộ tiến trình Bun sẽ crash do JIT hoặc GC. Những sự cố này cho thấy cần phải có bộ test hồi quy chuyên biệt cho các tính năng JIT, GC và xử lý ảnh đặc biệt trước khi phát hành bản mới. Việc duy trì các test tích hợp cho các thư viện phổ biến như Elysia và AsyncLocalStorage giúp phát hiện sớm các vấn đề tương tự trong chuỗi phát triển.

Lập trình viên cần đọc về Bun v1.4.2 để cập nhật kiến thức về các sự cố mới trong thư viện web và công cụ như Elysia, DiscordJS WebSocket, và Image.JS, giúp tránh lỗi trong dự án khi sử dụng phiên bản cũ.

Malicious npm packages evade install-script defenses at runtime

Chiến dịch npm với package 'indexed-btree' cho thấy tấn công chuỗi cung ứng đang phát triển khi kẻ tấn công ẩn mã độc trong hành vi runtime bình thường của package thay vì trong install-script. Kẻ tấn lợi dụng Node.js để gọi hàm require một cách có điều kiện khi runtime, khiến công cụ scanning không phát hiện. Hậu quả là hàng ngàn máy chủ bị nhiễm malware do package này có trên 12.000 lượt tải hàng tháng. Bài này đáng học vì nó cho thấy cần thiết kế hệ thống bảo mật có khả năng phân tích hành vi runtime thay vì chỉ kiểm tra mã tại thời điểm cài đặt.

Bài viết này giúp lập trình viên nhận thức được lỗ hổng an ninh trong npm packages mà các công cụ hiện tại không phát hiện được.