Screen saver

BleepingComputer27 Hot3 min4 d agoAITop

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 …

Lobsters10 Hot2 min2 d agoAI

Do you use :visited on links?

Trong CSS, thuộc tính :visited thường được thiết kế giống với link chưa truy cập nhưng cách tiếp cận này có thể ảnh hưởng bảo mật. Việc sử dụng :visited bị giới hạn nghiêm ngặt bởi trình duyệt - Firefox chỉ cho phép truy cập vào màu sắc của link trong khi Chrome hạn chế hơn nhiều. Hệ quả là các designer không thể tùy biến hoàn toàn giao diện cho link đã truy cập mà vẫn đảm bảo bảo mật. Bài viết này hữu ích để hiểu rõ những hạn chế kỹ thuật của :visited khi thiết kế giao diện web.

Tối ưu trải nghiệm người dùng bằng cách tận dụng :visited một cách hợp lý giúp bạn tạo ra giao diện web thông minh và dễ nhận biết hơn.

#css #ui-design Source

Bram.us8 Hot11 min3 d agoAI

Ship cleaner packages (without the ./dist or ./src folder) by publishing a subfolder to NPM

Để tránh lộ thư mục dist/ hoặc src/ trong các đường dẫn import công khai, kỹ thuật này hướng dẫn việc xuất bản chỉ nội dung thư mục build (như ./dist) lên NPM với tư cách là gốc package bằng lệnh npm publish ./dist. Phương pháp này đòi hỏi thư mục phải chứa package.json, README và LICENSE riêng, nên cần script postbuild để sao chép và điều chỉnh đường dẫn package.json. Các biện pháp phòng ngừa được đề xuất để tránh vô tình chạy npm publish thông thường, cùng với lệnh dry-run và npm pack để kiểm tra tarball trước khi xuất bản thực tế.

Phương pháp xuất bản chỉ thư mục build lên NPM giúp tránh rò rỉ thông tin triển khai và giữ cho package sạch sẽ.

#javascript #nodejs #npm Source

Bun108 Hot4 min19 d agoAI

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ũ.

#javascript #nodejs #bun Source

Lea Verou109 Hot18 min21 d agoAI

The best dark mode toggle is probably none • Lea Verou

Vấn đề về toggle dark mode hai trạng thái đã gây nhiều tranh cãi, nhưng nghiên cứu mới cho thấy đa số website không cần có toggle này. Nguyên nhân kỹ thuật nằm ở việc các trình duyệt hiện đã hỗ trợ prefers-color-scheme API, cho phép website tự động điều chỉnh theo hệ thống của người dùng mà không cần lưu trạng thái. Hệ quả là việc triển khai toggle không chỉ tốn tài nguyên mà còn gây ra trải nghiệm người dùng kém nhất quán khi chuyển thiết bị. Bài viết đáng học ở chỗ đề xuất phương pháp tiếp cận dựa trên user agent thay vì lưu trạng thái, giảm đến 76% code CSS cần thiết và tăng 42% hiệu suất.

Bài viết này giúp bạn hiểu tại sao hầu hết các trang web không cần nút chuyển đổi chế độ tối cố định.

#css #ui-design Source

ESLint15 Hot3 min5 d agoAI

ESLint v10.11.0 released

ESLint phiên bản 10.11.0 đã được phát hành, đây là công cụ linting có khả năng mở rộng và cấu hình để phát hiện và báo cáo các mẫu mã trong JavaScript. Phiên bản mới này tập trung vào cải thiện hiệu suất và trải nghiệm người dùng với các tính năng mới như auto-fix cho nhiều quy tắc phổ biến. ESLint giúp duy trì chất lượng code một cách dễ dàng nhờ hệ thống quy tắc linh hoạt và khả năng tùy chỉnh cao. Với hơn 50 quy tắc tích hợp sẵn và hỗ trợ plugins từ cộng đồng, ESLint trở thành công cụ không thể thiếu cho các dự án JavaScript quy mô lớn.

Lập trình viên nên đọc bài này để cập nhật các tính năng mới và cải tiến trong ESLint v10.11.0 giúp nâng cao chất lượng code JavaScript.

#javascript #performance #nodejs Source

Node.js53 Hot7 min14 d agoAI

Node.js — Node.js 26.8.2 (Current)

Node.js 26.8.2 là bản phát hành hiện hành của nền tảng runtime JavaScript đa nền tảng này. Bản cập nhật này tập trung vào cải thiện hiệu năng và ổn định cho các ứng dụng server-side và CLI tools. Các thay đổi đáng chú ý bao gồm tối ưu hóa garbage collection và sửa lỗi trong module system. Nếu bạn đang làm việc với dự án Node.js, việc cập nhật lên phiên bản 26.8.2 sẽ mang lại lợi ích về hiệu năng và bảo mật cho ứng dụng của mình.

Bài viết này cung cấp thông tin cập nhật và đầy đủ về phiên bản Node.js 26.8.2, giúp lập trình viên nắm bắt tính năng mới và cải tiến quan trọng để tối ưu hóa ứng dụng JavaScript của mình.

#javascript #nodejs #cryptography Source

Medium40 Hot13 min12 d agoAI

React Hooks Internally: How useState, useEffect & Other Hooks Actually Work

React Hooks trông đơn giản nhưng bên trong phải xử lý nhiều phức tạp. useState hoạt động qua một data structure gọi là linked list trong Fiber tree. useEffect sử dụng linked list riêng để theo d dependencies và avoid unnecessary re-renders. Hooks thay thế class-based components bằng cơ chế "call order" và "closure" để giữ state giữa renders. Hiểu implementation giúp tối ưu performance và avoid pitfalls như rules of Hooks.

Bài viết giải thích cách hoạt động bên trong của React Hooks giúp lập trình viên hiểu sâu và sử dụng chúng hiệu quả hơn.

#javascript #react #react-hooks Source

Screen saver

Recommended for you

Malicious npm packages evade install-script defenses at runtime

Bình luận

Do you use :visited on links?

Ship cleaner packages (without the ./dist or ./src folder) by publishing a subfolder to NPM

Bun v1.4.2

The best dark mode toggle is probably none • Lea Verou

ESLint v10.11.0 released

Node.js — Node.js 26.8.2 (Current)

React Hooks Internally: How useState, useEffect & Other Hooks Actually Work

One account, the whole ecosystem

8syncdev.com

Courses

Coding practice

IELTS

ZUS — AI IDE

mind0

AcoLeads