javascript

  1. theanh

    Tối ưu hóa các ứng dụng Next.js với Nx

    Trong bài viết này, chúng ta sẽ tìm hiểu cách tối ưu hóa và xây dựng ứng dụng Next.js hiệu suất cao bằng Nx và các tính năng phong phú của nó. Chúng ta sẽ tìm hiểu cách thiết lập máy chủ Nx, cách thêm plugin vào máy chủ hiện có và khái niệm về monorepo với hình ảnh trực quan thực tế. Nếu bạn là...
  2. theanh

    Xây dựng một trình soạn thảo mã web

    Trình soạn thảo mã web trực tuyến hữu ích nhất khi bạn không có cơ hội sử dụng ứng dụng soạn thảo mã hoặc khi bạn muốn nhanh chóng dùng thử một thứ gì đó trên web bằng máy tính hoặc thậm chí là điện thoại di động. Đây cũng là một dự án thú vị để thực hiện vì việc có kiến thức về cách xây dựng...
  3. theanh

    Cách xây dựng giao diện người dùng JavaScript linh hoạt

    Những thứ trên web có thể hỏng — tỷ lệ cược chống lại chúng ta. Rất nhiều thứ có thể xảy ra sai sót: một yêu cầu mạng không thành công, một thư viện của bên thứ ba bị hỏng, một tính năng JavaScript không được hỗ trợ (giả sử JavaScript thậm chí khả dụng), một CDN ngừng hoạt động, một người dùng...
  4. theanh

    Tạo hộp thoại có thể truy cập từ đầu

    Trước hết, đừng làm điều này ở nhà. Đừng tự viết hộp thoại hoặc thư viện để làm như vậy. Đã có rất nhiều hộp thoại đã được thử nghiệm, kiểm tra, sử dụng và tái sử dụng và bạn nên ưu tiên những hộp thoại này hơn hộp thoại của riêng mình. a11y-dialog là một trong số đó, nhưng vẫn còn nhiều hộp...
  5. theanh

    Giải pháp thay thế không cần cookie để nhúng đoạn mã HTML, CSS và JS

    Khi chúng ta triển khai các trang web ngày nay, chúng ta phải đối mặt với rất nhiều thứ cần phải xử lý. Lý tưởng nhất là chúng ta muốn có một trang web nhanh, an toàn, dễ truy cập và công bằng. Đồng thời, chúng ta muốn có một trang web tương tác với các bình luận, thăm dò ý kiến, video, ví dụ về...
  6. theanh

    Xử lý việc gắn kết và gỡ bỏ các tuyến dẫn hướng trong React Native

    Trong bài viết này, chúng ta sẽ tìm hiểu cách gắn kết và hủy gắn kết các tuyến dẫn hướng trong React Native. Một hành vi mong đợi của ứng dụng của bạn là khi điều kiện xác thực được đáp ứng, một tập hợp các tuyến dẫn hướng mới chỉ khả dụng cho những người dùng đã đăng nhập, trong khi các màn...
  7. theanh

    Tạo thành phần biểu đồ Gantt tương tác bằng Vanilla JavaScript (Phần 1)

    Nếu bạn làm việc với dữ liệu thời gian trong ứng dụng của mình, hình ảnh trực quan dưới dạng lịch hoặc biểu đồ Gantt thường rất hữu ích. Thoạt nhìn, việc phát triển thành phần biểu đồ của riêng bạn có vẻ khá phức tạp. Do đó, trong bài viết này, tôi sẽ phát triển nền tảng cho thành phần biểu đồ...
  8. theanh

    Công cụ học tập tương tác dành cho nhà phát triển Front-End

    Vì ngành này thay đổi rất nhanh nên việc học các kỹ năng mới là điều thường xuyên đối với hầu hết chúng ta. Trong thời gian gần đây, tôi đã có thể thu thập các liên kết đến một số công cụ và ứng dụng mã hóa tương tác có thể giúp bạn bổ sung các kỹ năng của mình trong các lĩnh vực khác nhau của...
  9. theanh

    Sử dụng SWR React Hooks với Incremental Static Regeneration (ISR) của Next.js

    Nếu bạn đã từng sử dụng Incremental Static Regeneration (ISR) với Next.js, bạn có thể thấy mình đang gửi dữ liệu cũ đến máy khách. Điều này xảy ra khi bạn đang xác thực lại trang trên máy chủ. Đối với một số trang web, điều này có hiệu quả, nhưng đối với những trang web khác (chẳng hạn như...
  10. theanh

    Quản lý trạng thái trong Next.js

    Bài viết này nhận được sự hỗ trợ nhiệt tình của những người bạn thân mến của chúng tôi tại Netlify, một nhóm gồm những tài năng đáng kinh ngạc đến từ khắp nơi trên thế giới và cung cấp nền tảng cho các nhà phát triển web giúp tăng năng suất. Cảm ơn bạn! Bài viết này có mục đích sử dụng như...
  11. theanh

    Một cuộc lặn sâu vào thế giới tuyệt vời của bộ lọc dịch chuyển SVG

    Ngay cả ngày nay, thế giới ma thuật, độc ác của Hiệu ứng bộ lọc SVG phần lớn vẫn là vùng đất chưa được khám phá. Nghệ thuật lọc SVG vẫn được bao quanh bởi một luồng hào quang của thuật giả kim: bạn phải dũng cảm lao vào thế giới đen tối của sự không nhất quán, sự tận tụy của bạn sẽ liên tục bị...
  12. theanh

    Điều phối sự phức tạp với API hoạt hình web

    Không có điểm trung gian giữa các chuyển tiếp đơn giản và hoạt ảnh phức tạp. Bạn hoặc là hài lòng với những gì CSS Transitions và Animations cung cấp hoặc đột nhiên bạn cần tất cả sức mạnh mà bạn có thể có được. Web Animations API cung cấp cho bạn rất nhiều công cụ để làm việc với hoạt ảnh...
  13. theanh

    Chuyển đổi hình ảnh thành văn bản với React và Tesseract.js (OCR)

    Dữ liệu là xương sống của mọi ứng dụng phần mềm vì mục đích chính của ứng dụng là giải quyết các vấn đề của con người. Để giải quyết các vấn đề của con người, cần phải có một số thông tin về chúng. Những thông tin như vậy được biểu thị dưới dạng dữ liệu, đặc biệt là thông qua tính toán. Trên...
  14. theanh

    Đó là một cái bẫy (Kiểm thử Front-End)! Sáu cái bẫy kiểm thử phổ biến và cách giải quyết chúng

    Khi tôi xem lại một bộ phim mà tôi yêu thích khi còn nhỏ, có một câu trích dẫn đặc biệt nổi bật. Đó là từ bộ phim Star Wars năm 1983 “Return of the Jedi”. Câu này được nói trong Trận chiến Endor, nơi Liên minh huy động lực lượng của mình trong nỗ lực tập trung để phá hủy Ngôi sao Chết. Ở đó, Đô...
  15. theanh

    Định tuyến phía máy khách trong Next.js

    Siêu liên kết đã là một trong những viên ngọc của Web kể từ khi ra đời . Theo MDN, siêu liên kết là thứ tạo nên Web, một trang web. Mặc dù được sử dụng cho các mục đích như liên kết giữa các tài liệu, mục đích chính của nó là tham chiếu đến các trang web khác nhau có thể nhận dạng bằng một địa...
  16. theanh

    Bạn có thể làm điều đó với lưới dữ liệu JavaScript không?

    Bài viết này nhận được sự hỗ trợ nhiệt tình của những người bạn thân mến của chúng tôi tại Progress Kendo UI, những người cam kết cung cấp cho các nhà phát triển các công cụ họ cần để khai thác và làm chủ sự phát triển công nghệ đang định hình xã hội và thế giới của chúng ta. Cảm ơn bạn! Lưới...
  17. theanh

    Phân tích các bản dựng cồng kềnh với Netlify và Next.js

    Bài viết này nhận được sự hỗ trợ nhiệt tình của những người bạn thân mến của chúng tôi tại Netlify, một nhóm gồm những tài năng đáng kinh ngạc đến từ khắp nơi trên thế giới và cung cấp nền tảng cho các nhà phát triển web giúp tăng năng suất. Cảm ơn bạn! Một trong những nỗi đau lớn nhất khi...
  18. theanh

    Các công cụ và thực hành để tăng tốc quá trình phát triển Vue.js

    Trong suốt hướng dẫn này, chúng ta sẽ xem xét các thực hành nên áp dụng, những điều nên tránh và xem xét kỹ hơn một số công cụ hữu ích giúp viết Vue.js dễ dàng hơn. Tôi sẽ tập trung chủ yếu vào Vue 2 vì hầu hết mọi người và tổ chức vẫn sử dụng phiên bản cũ hơn. Tuy nhiên, không có lý do gì để lo...
  19. theanh

    Chức năng không cần máy chủ của Gatsby và Trạm vũ trụ quốc tế

    Gatsby gần đây đã công bố ra mắt Functions, mở ra một chiều hướng khả thi mới — và tôi thì không thể phấn khích hơn! Với Gatsby hiện cung cấp Serverless Functions trên Gatsby Cloud (và Netlify cũng cung cấp hỗ trợ thông qua @netlify/plugin-gatsby), khuôn khổ từng bị hiểu lầm là "chỉ dành cho...
  20. theanh

    Ba hiểu biết tôi đạt được khi nghiên cứu về khả năng truy cập của Vue.js

    Các khuôn khổ JavaScript như React, Angular và Vue có tiếng xấu khi nói đến khả năng truy cập web. Nhưng điều này là do những hạn chế kỹ thuật cố hữu hay các vấn đề không thể khắc phục của các công cụ đó? Tôi nghĩ là không. Trong giai đoạn nghiên cứu của cuốn sách "Accessible Vue", tôi đã có...
Back
Bên trên