javascript

Trong những năm gần đây, các framework đã tiếp quản phát triển web và React đang dẫn đầu xu hướng này. Ngày nay, khá hiếm khi bắt gặp một trang web hoặc ứng dụng web mới không dựa trên một số framework hoặc nền tảng như CMS. Và trong khi khẩu hiệu của React là "một thư viện JavaScript để xây...

Phương pháp Jamstack bắt nguồn từ bài phát biểu của Matt Biilmann, CEO của Netlify, tại Smashing Conf của chính Tạp chí Smashing vào năm 2016. Các trang Jamstack phục vụ nội dung tĩnh được dựng sẵn thông qua CDN và tạo nội dung động thông qua các dịch vụ vi mô, API và các hàm không có máy chủ...

Công cụ xây dựng giao diện người dùng đóng vai trò quan trọng đối với quy trình làm việc của nhà phát triển giao diện người dùng hiện đại vì nhiều lý do được phân loại theo trải nghiệm của người dùng và nhà phát triển được cải thiện. Theo quan điểm của nhà phát triển, công cụ giao diện người...

Các dự án được xây dựng bằng các khuôn khổ dựa trên JavaScript thường cung cấp các gói JavaScript lớn mất nhiều thời gian để tải xuống, phân tích cú pháp và thực thi, chặn quá trình hiển thị trang và đầu vào của người dùng trong quá trình này. Vấn đề này rõ ràng hơn trên các mạng không đáng tin...

Một thời gian trước, tôi được một người bạn Kent C. Dodds tiếp cận để giúp xây dựng lại trang web của anh ấy. Bên cạnh việc thêm một chút kỳ quặc ở đây và ở đó, có một phần, đặc biệt, Kent muốn giúp đỡ. Và đó là hình ảnh hóa âm thanh. Một tính năng của trang web của Kent là có thể "ghi lại cuộc...

Tuần trước, chúng ta đã xem xét những lợi ích và chi phí khác nhau khi sử dụng các khuôn khổ, bắt đầu từ quan điểm về các vấn đề cốt lõi mà chúng đang cố gắng giải quyết, tập trung vào lập trình khai báo, liên kết dữ liệu, phản ứng, danh sách và điều kiện. Hôm nay, chúng ta sẽ xem liệu một giải...

Trong bài viết trước, tôi đã đề xuất sử dụng API SaveData để mang lại trải nghiệm khác biệt, hiệu quả hơn cho những người dùng đã bày tỏ mong muốn đó. Hy vọng điều này sẽ mang lại trải nghiệm tuyệt vời hơn cho tất cả người dùng. Trong bài viết này, tôi muốn dành nhiều thời gian hơn cho vấn đề...

Hầu hết các trang web tôi xây dựng đều là các trang web tĩnh với các tệp HTML được tạo bởi trình tạo trang web tĩnh hoặc các trang được phục vụ trên máy chủ bởi CMS như Wordpress hoặc CraftCMS. Tôi chỉ sử dụng JavaScript để nâng cao trải nghiệm của người dùng. Tôi sử dụng JavaScript cho những...

“Middleware” không phải là thuật ngữ mới trong điện toán. Nó thường được dùng như một thuật ngữ để mô tả một phần mềm giữ hai hệ thống lại với nhau. Bạn có thể gọi nó là “glue” cho phần mềm và về cơ bản, đó là cách phần mềm trung gian của Next.js hoạt động. Phần mềm trung gian của Next.js cho...

Next.js có năm loại mẫu lấy dữ liệu để xác định cách bạn muốn nội dung được hiển thị trong ứng dụng của mình: tạo trang tĩnh (SSG), kết xuất phía máy chủ (SSR), kết xuất phía máy khách (CSR), tái tạo tĩnh gia tăng (ISR) và định tuyến động. Bạn có thể chọn bất kỳ mẫu nào trong số các mẫu này phù...

Tuần trước trong Phần 1, tôi đã giải thích ý tưởng về cách ghi lại đầu vào âm thanh từ người dùng và sau đó chuyển sang hình ảnh hóa. Rốt cuộc, nếu không có hình ảnh hóa, bất kỳ loại giao diện người dùng ghi âm nào cũng không hấp dẫn, đúng không? Hôm nay, chúng ta sẽ đi sâu hơn vào chi tiết về...

JavaScript, CSS, hình ảnh, iframe và các tài nguyên khác tác động đến tốc độ tải, hiển thị và khả dụng của trang web đối với người dùng. Trải nghiệm tải rất quan trọng đối với ấn tượng đầu tiên của người dùng và khả năng sử dụng chung, do đó Google đã định nghĩa số liệu Largest Contentful Paint...

Điều gì khác biệt giữa trình tải tệp mà chúng ta đang xây dựng trong bài viết này so với trình tải trước? Trình tải tệp kéo và thả trước đó được xây dựng bằng Vanilla JS và thực sự tập trung vào cách thực hiện tải tệp và chọn tệp kéo và thả, do đó, bộ tính năng của nó bị hạn chế. Nó tải tệp ngay...

Việc cung cấp cho người dùng khả năng tìm kiếm nhanh chóng và điều hướng nội dung của chúng tôi một cách dễ dàng mang lại nhiều lợi ích tuyệt vời. Điều này không chỉ cải thiện trải nghiệm của người dùng mà còn tăng khả năng giữ chân người dùng và thúc đẩy chuyển đổi vì giờ đây người dùng có thể...

Trong bài viết này, tôi sẽ giải thích cách tôi sử dụng Gatsby Functions và Stripe API để cho phép đóng góp "Trả những gì bạn muốn" an toàn giúp tài trợ cho dự án nguồn mở của tôi MDX Embed. Lưu ý: MDX Embed cho phép bạn dễ dàng nhúng nội dung phương tiện truyền thông phổ biến của bên thứ ba như...

Khi làm việc với chuyển động trên web, điều quan trọng là phải cân nhắc rằng không phải ai cũng trải nghiệm theo cùng một cách. Những gì có thể tạo cảm giác mượt mà và trơn tru đối với một số người có thể gây khó chịu hoặc mất tập trung đối với những người khác — hoặc tệ hơn, gây ra cảm giác...

Trong bài viết này, tôi sẽ giải thích cách sử dụng Quasar Framework và giao diện người dùng hiện đại của nó (tuân theo hướng dẫn của Material) để xây dựng ứng dụng ghi chú. Ứng dụng sẽ lấy dữ liệu từ Firebase và lưu trữ dữ liệu của mình. Hướng dẫn này dành cho bất kỳ ai quan tâm đến việc xây...

Khi đại dịch kéo dài, nhóm làm việc từ xa đột nhiên của tôi ngày càng trở nên bóng_bóng_bóng_bóng_bóng_bóng_bóng- ... Đội đầu tiên ghi được 10 bàn thắng sẽ thắng. Tất nhiên, ý tưởng sử dụng ô tô để chơi bóng đá không phải là duy nhất, nhưng hai ý tưởng chính sẽ giúp Autowuzzler trở nên khác...

Bạn đã bao giờ rơi vào tình huống cần phải hiểu rõ thị trường của một sản phẩm cụ thể chưa? Có thể bạn đang tung ra một số phần mềm và cần biết cách định giá sản phẩm đó. Hoặc có thể bạn đã có sản phẩm của riêng mình trên thị trường và muốn xem nên thêm những tính năng nào để có lợi thế cạnh...

Hook chỉ đơn giản là các hàm cho phép bạn hook vào hoặc sử dụng các tính năng của React. Chúng được giới thiệu tại React Conf 2018 để giải quyết ba vấn đề chính của các thành phần lớp: wrapper hell, các thành phần lớn và các lớp gây nhầm lẫn. Hook cung cấp sức mạnh cho các thành phần chức năng...