Thư viện JavaScript - Bí kíp có một website nhanh và đẹp

Nội dung bài viết

Video học lập trình mỗi ngày

Thư viện JavaScript bao gồm rất rất nhiều, nhưng để lựa chọn phù hợp nhằm rút ngắn thời gian học và tìm hiểu thì tipjs đã tổng hợp và chia ra từng phần cho các bạn dễ hình dung hơn. Cũng giống như "Tổng hợp 150 packages và resource Node.js chất lượng cao" thì chúng tôi cũng cố gắng chia ra như thế này.


Thực tế nó như thế này. Đôi lúc chúng ta muốn đi tìm một plugin hay một thư viện để tạo môt hoạt ảnh lung linh. Nhưng chúng ta cứ thử lần này với thư viện này, lần khác với thư viện khác. Tốn thời gian, nhưng vẫn không giúp được gì. Vì thế, ở đây bạn sẽ tìm được ngay điều mình muốn mà không tốn thời gian nhiều để lang thang trên google. Để time đó là chơi DOTA... akakak.


Thư viện JavaScript


lodash là một thư viện tiện ích JavaScript nhất quán, module, hiệu suất cao. 

Ramda là một thư viện rất quan trọng cung cấp nhiều phương pháp hữu ích. Mọi lập trình viên JavaScript nên thành thạo công cụ này 

day.js là một thư viện JavaScript nhẹ xử lý thời gian và ngày tháng, giống hệt như thiết kế API của Moment.js, với dung lượng chỉ 2kb 

big.js là một thư viện JavaScript nhỏ, nhanh chóng cho các phép toán số học thập phân chính xác tùy ý qs một thư viện js nhẹ để chuyển đổi tham số url (phân tích cú pháp và chuỗi ký tự)


Thư viện DOM


JQuery đây là một thực viện không giải thích nhiều nó dùng đóng gói các hoạt động dom / sự kiện khác nhau và các ý tưởng thiết kế rất đáng để nghiên cứu 

Zepto là một phiên bản jquery có ưu điểm nhẹ hơn, thích hợp cho hoạt động trên thiết bị di động fastclick là một thư viện đơn giản và dễ sử dụng giúp loại bỏ độ trễ 300ms giữa một lần nhấp vật lý trên browser di động và việc kích hoạt sự kiện nhấp chuột. Mục đích là làm cho ứng dụng của bạn cảm thấy nhanh nhạy hơn mà không ảnh hưởng đến logic hiện tại của bạn.


Xử lý File


file-saver là một giải pháp để lưu file trên máy khách, rất thích hợp cho các ứng dụng web tạo file trên máy khách 

js-xlsx một thư viện mạnh mẽ để phân tích cú pháp và viết các file excel


Thư viện request http


Axios là một thư viện HTTP dựa trên Promise có thể được sử dụng để bắt đầu các yêu cầu HTTP trên Node.js và các browser. 

Nó hỗ trợ tất cả các trình duyệt hiện đại, ngay cả IE8 +.

Superagent được tối ưu hóa dựa trên Ajax và có thể được sử dụng với ứng dụng khách Node.js HTTP 

fly.js là một thư viện yêu cầu http dựa trên lời hứa có thể được sử dụng trong các applet node.js, browser và React Native


Thư viện dùng cho hoạt hình


Anime.js là một thư viện hoạt ảnh JavaScript có thể xử lý các thuộc tính CSS, chuyển tiếp CSS đơn lẻ, SVG hoặc bất kỳ thuộc tính DOM nào và các đối tượng JavaScript Velocity là một công cụ hoạt ảnh Javascript hiệu quả với cùng một API như $ .animate () của jQuery. 

Vivus là một thư viện hình ảnh JavaScript, cho phép chúng tôi tạo hoạt ảnh với SVG để làm cho nó trông giống như được vẽ như thật.

GreenSock JS là thư viện hoạt ảnh JavaScript được sử dụng để tạo hoạt ảnh hiệu suất cao, không phụ thuộc vào nhiều trình duyệt. Nó đã được sử dụng trên hơn 4 triệu trang web và có thể được sử dụng trong các dự án React, Vue và Angular. 

Scroll Reveal không có phụ thuộc nào, cung cấp hoạt ảnh cuộn đơn giản cho trình duyệt web và thiết bị di động, đồng thời hiển thị nội dung cuộn theo cách hoạt hình 

Kute.js là một công cụ hoạt ảnh JavaScript gốc mạnh mẽ, hiệu suất cao và có thể mở rộng với các chức năng cơ bản của hoạt ảnh trên nhiều trình duyệt 

Typed.js, một plug-in js cho hiệu ứng gõ dễ dàng 

fullPage.js là một thư viện hoạt ảnh cuộn js có thể dễ dàng tạo các trang web cuộn toàn màn hình và khả năng tương thích là không thể thay thế Một plugin cuộn nhẹ cho iscroll di động


Thư viện đồ họa / xử lý hình ảnh


html2canvas là một công cụ chụp ảnh màn hình web trình duyệt mạnh mẽ được phát triển bằng js dom-to-image là một thư viện có thể chuyển đổi bất kỳ nút DOM nào thành hình ảnh vectơ (SVG) hoặc raster (PNG hoặc JPEG) được viết bằng JavaScript 

pica là thư viện xử lý hình ảnh điều chỉnh kích thước hình ảnh trong trình duyệt mà không bị biến dạng pixel và có tốc độ xử lý rất nhanh 

Lena.js là một thư viện js nhẹ có thể thêm nhiều bộ lọc khác nhau vào hình ảnh của bạn 

Compressor.js là một thư viện js sử dụng API canvas.toBlob cục bộ để nén ảnh bị mất Fabric.j là một trình chỉnh sửa hình ảnh dễ sử dụng dựa trên các phần tử canvas HTML5 merge-images là một plugin js kết hợp nhiều hình ảnh thành một hình ảnh 

cropperjs là một thư viện cắt ảnh mạnh mẽ hỗ trợ các phương pháp cắt ảnh linh hoạt


Đây là một bản dịch được chọn lọc trong "39 thư viện javascript và frameworks nên học trong năm 2020". Khuyến khích nên đọc bản gốc, nếu bản dịch sai or thiếu sót vui lòng, inbox. Tks!

Có thể bạn đã bị missing