Get anonymous access to any content. Ultra-fast. 100% secure. -90% 100% Copy Code 2 iTop VPN Pro License Key for Free Main Features Note: The number of activations is limited!. "/> ls3. Enter your iTop VPN account and password, click the Log In button.. "/> bypassed games for school We and our partners store and/or access information on a device, such as cookies and process personal data, such Trước khi đi vào ví dụ Bootstrap 5 thì mình có một số chú ý sau là để xem rõ kết quả hơn bạn chuyển sang chế độ screen 0.5x, 0.25x hay nếu nó không hiển thị thì bạn nhớ xác minh mình là con người trong Codepen. Bootstrap Card Basics. Nơi làm việc: CT1 Chung cư Thái Hà Consxetrim, 43 Phạm Văn Đồng, Hà Nội. Cấp bậc:Nhân viên. Kinh nghiệm: Không yêu cầu. Mức lương:10.000.000 - 18.000.000. Hạn nộp hồ sơ: 20/10/2022. 2. Mô Tả Công Việc. Phát triển, bảo trì sản phẩm DMS (Distribution Management System) hiện có của Nhâm Thế Hào nổi lên nhờ rất nhiều những đoạn clip ngắn trên MXH khoe vẻ điển trai không tì vết. Anh chàng sở hữu những đường nét rất nam tính, góc nghiêng thần thánh cùng chiều cao 1m87. Hiện tại, Thế Hào đang là người mẫu tại công ty JS MODEL ở Hàng Châu (Trung Quốc). module.exports = mongoose.model ('User', schema); [/js] Trong các bài trước thì ta viết tất cả các route trong controllers/index.js, tuy nhiên việc này sẽ làm cho việc quản lý trở nên phức tạp khi nội dung file index.js ngày càng dài. Bây giờ ta sẽ tạo mới 1 controller có tên là auth.js chứa các route liên quan tới việc xác thực người dùng. [js] Vay Tiền Nhanh. 226 Likes, TikTok video from J u n P i i 🥀 22thh04 "Trai nhà JS không làm chúng ta thất vọng mà = jsmodel wushijiu ngothachcuu diephangthanh lyhai lidich tieungu chandong douyin". Normal No More - Likes, 127 Comments. TikTok video from 梅玲娜 meilingna96 "让我们来看看zhaomeilin9698 嘉尚传媒 jsmodel mailinhna tieuchi sona vanca lysansan hoangmanky kyphusinh douyin_china fl acc chính guoqiuxuang9698". nhạc nền - 娜炸兄 - Lê134 Likes, TikTok video from Nga Lê imprincess1230 "Dàn trai đẹp nhà JS Model jsmodel ilikehim tiktok Mn follow ủng hộ mình với ạ ❤️". Ngao Thuỵ Bằng Nhâm Thế Hào Trần Hạc Nhất ... I Like Him - Princess u n P i i 🥀 Likes, 286 Comments. TikTok video from J u n P i i 🥀 22thh04 "Em cũng hổng biết đi đâu miễn là đi cùng nhaooo jiashangmedia jsmodel 吴石九 _自由的狗 wushijiu ngothachcuu ngotrachhong tieucuu yfp". Thôi Ngủ Mê Ft Kelvinz - $ Likes, 31 Comments. TikTok video from 梅玲娜 meilingna96 "嘉尚F5。帅哥zhaomeilin9698 嘉尚传媒 叶航成 jsmodel 李男友吴石九". nhạc nền - 娜炸兄 - Likes, TikTok video from Oreoo "Lần này là Ngư tỷ đi tới JS model nhaaa , các anh nhà JS đẹp trai xỉuuuu viral trending foryou douyin抖音 xuhuong dep followme fyp cute tiktok". nhạc nền - Cáaaa - Likes, 96 Comments. TikTok video from Vitamin Handsome heavenng_ "🤭 aoruipeng aoruipeng敖瑞鹏 aoruipeng_95 heavenng_ ngaothuybang ngaothụybằng 敖瑞鹏 tranhacnhat chenheyi tieukhaitrung handsome douyin xuhuong trending viral visual jsmodel". nhạc nền - Hết yêu thì đổi 🥲 - Người tình 🦖và cô bé🐧.aoruiruiruipengĐây là minh tinh= nhé! Likes, 47 Comments. TikTok video from Đây là minh tinh= nhé! aoruiruiruipeng "dỗi ghê ấy🥺 sao mà cười xinh thế ngaothuybang thieuniencahanh loivokiet ngaothuybang_aoruipeng_敖瑞鹏 loivokiet_ngaothuybang jsmodel ngaothuybang yeunhaudithucmongquan traideptrungquoc". 一 一 nhạc nền - Đây là minh tinh= nhé!. Likes, 292 Comments. TikTok video from JoLy ltkb06 "jsmodel 冰冰douyin 冰冰". nhạc nền - 道志浩🇻🇳🇨🇳 - ModelMỹ nam nhà Js Model 😘😘173 Likes, TikTok video from Js Model hedaejang0 "Mỹ nam nhà Js Model 😘😘". Anh Sẽ Đón Em Cukak TikTok Remix - Nguyên & Trang. Học JavaScript từ cơ bản đến nâng cao là chủ đề được rất nhiều những người trong ngành và ngoài ngành IT quan tâm. Bởi lẽ, JavaScript là một trong những ngôn ngữ lập trình phổ biến nhất thế giới. Với chủ đề này, CodeGym Hà Nội sẽ cung cấp cho bạn đọc một lộ trình học JavaScript đầy đủ cùng với tài liệu cũng như các khóa học liên quan. JavaScript là gì?JavaScript là ngôn ngữ lập trình phổ biến dùng để tạo ra các trang web tương tác. Nó được tích hợp và nhúng vào HTML giúp cho website của bạn trở nên sống động hơn. JavaScript đóng vai quan trọng, như một phần của trang web. Nó cho phép Client – Side Script từ phía người dùng cũng như phía máy chủ – NodeJS tạo ra các trang web là một môi trường runtime chạy JavaScript đa nền tảng và có mã nguồn mở. Nó được dùng để chạy các ứng dụng web bên ngoài trình duyệt của client. Nền tảng NodeJS được phát triển bởi Ryan Dahl vào năm 2009. Nó được xem là một giải pháp hoàn hảo cho các ứng dụng sử dụng nhiều dữ liệu ngày từ cơ bản đến nâng cao – Full lộ trình 6 giai đoạn học giúp bạn đạt hiệu quả tối đa1. Học và làm quen với những nội dung cơ bản về JavaScript Bước đầu tiên yêu cầu người học nắm vững các kiến thức cơ bản liên quan đến JavaScript. Bạn cần có một nền móng thật vững chắc để có thể bước những bước tiếp theo. Một số nội dung quan trọng bạn cần quan tâm tới làCác kiến thức nền tảng của JavaScriptCác khá niệm cơ bản xung quanh ngôn ngữ JavaScript Các đối tượng tích hợp sẵn, có trong JavaScriptSử dụng được Git để lưu trữ và chia sẻ mã nguồnTrình bày được các khái niệm cơ bản của mô hình Lập trình Hướng Đối tượngTrình bày được quá trình thiết kế, xây dựng và thực thi một ứng dụngCấu trúc dữ liệuNền tảng web Các trình duyệt nổi bật và cách thức hoạt động của chúngTên miền và hosting là gì? 2. Tìm hiểu về những cú pháp cơ bản của ngôn ngữ của JavaScriptỞ phần này, CodeGym Hà Nội gợi ý bạn một số chủ đề học sau Cách khai báo biến Khai báo và sử dụng biến trong JavaScript với var và let, khai báo hằng số trong lệnh JavaScript Là đơn vị cơ bản của một ngôn ngữ lập trình. Chúng đưa ra hướng dẫn cho máy tính để thực hiện một hành động. Từ khóa Là các từ bao gồm ý nghĩa chính trong JavaScript. Ví dụ như break, case, default, delete,… Hàm. Hàm là một trong những nền tảng cơ bản, một thành phần không thể thiếu đối với cấu trúc chương trình. Nhờ có hàm mà chương trình trở nên rõ ràng, dễ hiểu bằng cách gộp những đoạn code lặp tượng. Trong JavaScript, các đối tượng thường được so sánh với các đối tượng thực tế từ thực tiễn cuộc sống. Mọi giá trị có trong JavaScript ngoại trừ các giá trị nguyên thủy thì đều được xem là các đối tượng. Học ngôn ngữ lập trình Typescript mảng và các phương thức có trong Typescript3. Nằm lòng các kiến thức cơ bản về HTML, CSS và JavaScript Trọng tâm của giai đoạn này yêu cầu người học thu nạp được tổng quan các kiến thức ngôn ngữ lập trình cơ bản. Nó sẽ giúp bạn tạo nên một trang web gồm HTML, CSS, Javascript. Lời khuyên cho bạn là bạn nên học JavaScript trước. Song song với đó là tìm hiểu về HTML và CSS. Điều này sẽ giúp việc tiếp cận cũng như tạo các giao diện đơn giản đầu tiên trở nên dễ dàng hơn. Khi bạn hoàn thành giai đoạn 3 cũng là lúc bạn đã có những kiến thức nền tảng ban đầu. Một tip trước khi các bạn tới giai đoạn nâng cao đó là hãy thực hành các bài tập của 3 giai đoạn đầu thật nhuần nhuyễn. Khi kiến thức cơ bản đã thực sự vững chắc, việc học cao hơn một chút cũng không phải vấn đề quá lớn. 4. Javascript gắn với front-end Bước này tập trung giúp bạn khai thác các tổ hợp nội dung khá quan trọng về CSS như Thiết kế hồi đápBuild tools Git Bạn cần list ra một số kiến thức cần nắm được trong việc thiết kế trang web đẹp hơn, cách sử dụng Git hay các ứng dụng tiện ích khác để xây dựng một trang web hoàn Javascript và các Framework Trong lộ trình học thì danh mục về Framework là nội dung không thể bỏ qua. React, Angular và Vue là những loại khá phổ biến hiện nay mà bạn cần tìm hiểu. Có thể thấy, các tính năng đa phương tiện hoặc phức tạp nhất trên website đều được thực hiện bởi sự trợ giúp của JavaScript. Một lời khuyên nho nhỏ ở bước này đó là bạn nên học React trước, CSS trong JS; hoặc có thể là cả Styled Component; hay CSS Modules. 6. Javascript gắn với backend Ở giai đoạn cuối cùng này, bạn cần đáp ứng được một số yêu cầu về kiến thức sauCó khả năng đọc những dữ liệu quan trọng từ cơ sở dữ liệu và hiển thị cho người dùng theo Frontend. Nắm được cách lưu trữ và bảo mật nguồn dữ liệu thông tin Khi đã có một nền tảng ổn định về kiến thức trong giai đoạn 6, bạn hãy tự đánh giá lại cả quá trình học của mình Tài liệu javascript từ cơ bản đến nâng cao phù hợp cho NewbieNhư đã đề cập bên trên, trong quá trình học JavaScript cơ bản đến nâng cao, sách và tài liệu chuyên ngành là những thứ không thể thiếu. Vậy nên, việc có cho mình những tài liệu tốt, giá trị là cực kì cần thiết. Sau đây, CodeGym Hà Nội sẽ gợi ý bạn tài liệu để con đường học tập của bạn dễ dàng liệu javascript từ cơ bản đến nâng cao cho người mới bắt đầuĐầu sách Eloquent JavaScriptSách Eloquent JavaScriptĐây là cuốn sách trực tuyến miễn phí cung cấp những giải thích chi tiết về JavaScript cũng như giới thiệu về các khái niệm lập trình cơ bản. Nếu bạn chưa quen với thế giới lập trình, cuốn sách này có rất nhiều nội dung cần tìm hiểu. Vì vậy hãy dành thời gian để đọc nó vì kết quả sẽ không làm bạn thất vọng. Ngoài ra, Eloquent JavaScript có một điểm khác biệt so với nhiều sách JavaScript chuyên về thực hành khác. Nó không chỉ đưa ra “công thức” cho người học làm theo mà còn hướng dẫn bạn cách để code hiệu quả, tinh tài liệu này khá hay mà giá thành cũng không quá đắt. Chỉ với VNĐ là bạn đã có thể sở hữu ngay cho mình cuốn sách Eloquent JavaScript, một tài liệu học xịn xò rồi mua sách uy tín tại Amazon NGAY TẠI ĐÂYĐầu sách JavaScript And JqueryBộ 2 cuốn sách HTML và JavaScriptCuốn sách này phù hợp với mọi đối tượng đang muốn học JavaScript. Đặc biệt những ai chưa có nền tảng về lập trình, chưa từng tiếp cận với JavaScript. Điều kiện tiên quyết là bạn đã biết qua về HTML và CSS. Với lối viết đơn giản, dễ tiếp cận, cuốn sách JavaScript này sẽ hướng dẫn cách để làm cho trang web của bạn sinh động hơn, nâng cao trải nghiệm người dùng. Cuốn sách này được xuất bản thành hai loại đó là bản bìa cứng và bản bìa mềm. Bản bìa mềm chi phí rẻ hơn khá nhiều tuy nhiên thì độ bền không thể bằng một cuốn sách bìa cứng. Gìa bán của cuốn sáng bìa mềm là vào khoảng VNĐ và bìa cứng vào khoảng VNĐ. Gía thành khá đắt cũng phản ánh phần nào chất lượng mà nó đem mua sách uy tín tại Amazon NGAY TẠI ĐÂYTài liệu JavaScript nâng cao Đầu sách You Don’t Know Is Book SeriesBộ sách You don’t know JSThis list do O’Reilly Media xuất bản. Điểm ưu tiên là nó có các bản nháp được lưu trữ trên GitHub. Vì bất kỳ ai cũng có thể truy cập. This Loạt bài viết bao gồm các chủ đề như hành vi lưu trữ JavaScript, quyền sự kiện, mã mẫu, … Bộ tài liệu này, tác giả tập trung vào khai thác các tính năng quan trọng của ngôn ngữ JavaScript. Vì thế, Bạn không biết JS sẽ giúp bạn có cái nhìn sâu sắc hơn, mới mẻ hơn về JavaScript. Gía thành hiện tại cuốn sách này rơi vào khoảng VNĐ. Gía thành không quá đắt cho một cuốn sách lập trình hay, nhiều kiến mua sách uy tín tại Amazon NGAY TẠI ĐÂYĐầu sách JavaScript PatternsSách các mẫu JavaScriptSách này tập hợp các JavaScript phổ biến mã mẫu cho các thông thường tác vụ. Ví dụ như khai báo các biến bằng cách sử dụng một var duy nhất câu lệnh và viết các kết quả lặp lại. Nó cũng có jQuery thành hiện tại của sách này trên thị trường là khoảng VNĐLink mua sách uy tín tại Amazon NGAY TẠI ĐÂYKhóa Học Lập Trình JavaScript Lộ trình từ cơ bản đến nâng cao hiệu quảBên cạnh các tài liệu tham khảo, các khóa học chuyên sâu sẽ giúp ích rất nhiều cho bạn. Bạn có thể học trực tuyến hoặc ngoại tuyến theo thời gian của bạn. Có người chỉ dẫn, cùng một đồng hành sẽ tiếp tục thêm động lực cho bạn trong quá trình học. Cùng chúng tôi xem qua một vài khóa học dưới đây nhé!Javascript học khóa từ cơ bản đến nâng cao – CodeGymLộ trình học tập tại CodeGym Hà NộiVới JavScript khóa từ cơ bản đến nâng cấp này , học viên có thể trở thành thành viên lập trình chuyên nghiệp chỉ sau 6 tháng. Key learning, bạn sẽ làm chủ các kiến ​​thức về JavaScript với 6 mô-đun được giảng dạy. Đặc biệt, chương trình được thiết kế phù hợp với mọi đối tượng. Từ các bạn trong ngành đến ngoài ngành CNTT, từ sinh viên mới ra trường hay vẫn còn đang theo học tại các cơ sở đào tạo ĐH – CĐ. Sau khi hoàn thành khóa học, bạn sẽ có đủ năng lực của một chuyên gia lập trình. Bạn có thể tham gia trực tiếp vào phần mềm dự án tại doanh nghiệp. Căn bản JavaScript – TEDU Tất cả tài liệu đều có trong TEDU đều miễn phí cho người muốn học. Nguồn tài liệu tại đây khá hay, bởi chúng tôi được tổng hợp bởi kênh đào lập web trực tuyến uy tín. Với this JavaScript khóa, bạn sẽ lĩnh hội được nền tảng kiến ​​thức như cú pháp, điều khiển cấu trúc, chức năng,… trong cần đăng ký tài khoản, bạn sẽ được chọn học miễn phí 1 trong 15 chương trình lập trình ngôn ngữ, chẳng hạn như JavaScript học, PHP, Python, Ruby…, trên trang web này. Đặc biệt ở Codecademy đó là JavaScrpt khóa học sẽ thiên về thực hành. Nó giúp bạn có nền tảng nền tảng kiến ​​thức về JavaScript như dữ liệu kiểu, tính năng, vòng lặp,…Mách bạn 4 bí kíp học JavaScript từ cơ bản đến nâng caoTrước khi tìm hiểu về JavaScript học từ cơ bản đến nâng cấp , công việc có nền tảng kiến ​​thức về ngôn ngữ này là không thể thiếu. Bạn có thể tham khảo việc học JavaScript từ đầu tại đây để biết mình cần chuẩn bị những gì nhé!1. Học JavaScript từ người có kinh nghiệm, những người đi trước“Học thầy không tày học bạn”. Không thể phủ nhận rằng đôi khi học hỏi từ chính những người xung quanh, những người đi trước là một phương pháp tốt. Họ có thể không thực sự xuất sắc, không phải những người làm nghề nhưng họ đã trải qua quá trình học JavaScript trước bạn. Chính vì vậy, họ có những trải nghiệm, kinh nghiệm cùng kiến ​​thức nhất định, cái sẽ giúp bạn tự tin hơn trên các đường học. Có người cùng chia sẻ, giúp đỡ, bạn sẽ thấy việc học trở nên dễ dàng hơn. Chủ động xin tham gia vào những dự án nhỏ, những cuộc thi lập trình để nâng cao kinh nghiệm thực thi của mình là một cách học khôn ngoan. 2. Bắt đầu với thư viện và các Framework Ta thường ví von rằng, thư viện và Framework của JavaScript là vật liệu và bản vẽ để tạo thành một dự án hoàn chỉnh. Hiểu các kiến ​​thức về thư viện và Framework sẽ giúp bạn dễ dàng tiếp nhận kiến ​​thức. Đồng thời giúp quá trình học JavaScript cơ bản đến nâng cao nhanh và hiệu quả Thực hành là chìa khóa để học JavaScript Thực hiện giúp con đường học tập của bạn hiệu quả hơnHãy chủ động thực hành nhiều nhất khi có thểMột trong những bí kíp để thành công trên JavaScript học đường từ cơ bản đến nâng cao là chủ động viết mã ngay khi có thể. Khi nắm vững những cơ sở kiến ​​thức về JavaScript, bạn đã hoàn toàn có thể sử dụng những mã đơn giản nhất. Trong quá trình thực thi, nếu gặp phải những đoạn mã phức tạp, bạn nên viết chúng ra bằng ngôn ngữ dễ hiểu. Điều đó giúp bạn giải quyết vấn đề một cách nhanh chóng. Đồng thời, công việc xác định được lỗ hổng kiến ​​thức của mình đang ở đâu là điều cần cạnh việc tự code, bạn hoàn toàn có thể tự tìm và đọc thêm tài liệu chuyên ngành để tiếp nạp thêm kiến Tài liệu tham khảo và chuyên ngành tài liệu là bạn Sách là vô giá trị tài nguyênLà một trong 3 biến phổ lập trình ngôn ngữ trên thế giới, nguồn tài liệu lớn rất rộng. Ngoài báo cáo, các chuyên ngành tài liệu cũng là một nguồn học quý báu. Làm bạn với sách và chuyên ngành tài liệu sẽ giúp người học mở thêm kiến ​​thức vốn từ. Hãy dành một khoảng thời gian trong tuần để nghiên cứu những tài liệu, bạn sẽ thấy chúng cực kỳ có giá trị. Ngoài ra, đọc sách thường xuyên cũng sẽ rèn luyện cho bạn một thói quen tốt trong tương lai. Những đầu sách mà CodeGym Hà Nội giới thiệu phía bên trên là những đầu sách khuyên các bạn nên kếtTrên đây là những gợi ý từ chúng tôi, tôi nói về JavaScript học từ cơ bản đến nâng cao. Mong rằng với các tài liệu và lộ trình học tập trên, việc chinh phục JavaScript của các bạn sẽ đơn giản hơn. Chúc các bạn có đủ ý chí, quyết tâm cũng như sự cố gắng, nỗ lực để trở thành một thành viên chuyên nghiệp trong tương lai. Bài viết cùng chủ đề có thể giúp ích cho bạnNhững công cụ hứa hẹn cho bạn giải pháp tuyệt vời khi học JavaScript trực tuyếnTự học cơ bản JavaScript cho người mới bắt đầu dễ hay khó? Mẹo cho người mới bắt đầuMã CodeGymHaNoi Top 10 thư viện JavaScript bạn nên dùng qua ít nhất 1 lần1. Leaflet2. Masonry8. luận Có các thư viện JavaScript cho hầu hết mọi thứ và hơn thế nữa đang được ra mắt hầu như mỗi ngày. Nhưng với rất nhiều thư viện JavaScript để lựa chọn, thật khó để theo dõi từng thư viện và làm thế nào để bạn có thể chọn được thư viện cho phù hợp với nhu cầu của bạn. JavaScript là một trong những ngôn ngữ phổ biến nhất trên web. Mặc dù ban đầu nó chỉ được phát triển, lập trình cho các trang web, nhưng nó đã chứng kiến ​​sự phát triển theo cấp số nhân trong hai thập kỷ qua. Giờ đây, JavaScript có khả năng làm hầu hết mọi thứ và hoạt động trên một số nền tảng và thiết bị bao gồm cả IoT. Và với sự ra mắt SpaceX Dragon gần đây, JavaScript thậm chí còn ở trong không gian. Một trong những lý do cho sự phổ biến của nó là sự sẵn có của một số lượng lớn các frameworks và thư viện. Chúng giúp việc lập trình dễ dàng hơn nhiều so với việc lập trình Vanilla JS truyền thống. Trong bài viết này, chúng tôi sẽ thảo luận về 10 thư viện JavaScript phổ biến nhất mà bạn có thể sử dụng để xây dựng dự án tiếp theo của mình. 1. Leaflet Tôi thấy Leaflet là thư viện mã nguồn mở tốt nhất cho việc thêm bản đồ tương tác thân thiện với thiết bị di động vào ứng dụng của bạn. Kích thước nhỏ của nó 39kB làm cho nó trở thành một lựa chọn thay thế tuyệt vời để cân nhắc hơn so với các thư viện bản đồ khác. Với hiệu quả đa nền tảng và API được ghi chép đầy đủ, nó có mọi thứ bạn cần để khiến bạn yêu thích. Dưới đây là một số code mẫu tạo một Leaflet map var map = new { center new zoom 12, layers new };Code language JavaScript javascript Trong Leaflet, bạn cần cung cấp một lớp xếp vì không có một lớp nào theo mặc định. Nhưng điều đó cũng có nghĩa là bạn có thể chọn từ một loạt các lớp từ miễn phí đến trả phí cao cấp hơn. 2. Thư viện mã nguồn mở này giúp bạn tạo các trang web cuộn toàn màn hình như bạn có thể thấy trong GIF ở trên. Nó dễ sử dụng và có nhiều tùy chọn để tùy chỉnh, vì vậy không có gì ngạc nhiên khi nó được hàng nghìn lập trình viên sử dụng và có hơn 30 nghìn sao trên GitHub. Bạn thậm chí có thể sử dụng nó với các khuôn khổ phổ biến như react-fullpagevue-fullpageangular-fullpage Tôi đã xem qua thư viện này khoảng một năm trước và kể từ đó nó đã trở thành một trong những mục yêu thích của tôi. Đây là một trong số ít thư viện mà bạn có thể sử dụng trong hầu hết mọi dự án của mình. Nếu bạn chưa bắt đầu sử dụng thì cứ thử đi, bạn sẽ không thất vọng đâu. 3. Một trong những thư viện hoạt hình tốt nhất hiện có, rất linh hoạt và dễ sử dụng. Nó là công cụ hoàn hảo để giúp bạn thêm một số hoạt ảnh thực sự thú vị vào dự án của mình. hoạt động tốt với các thuộc tính CSS, SVG, DOM, và các JavaScript Objects và có thể dễ dàng tích hợp vào các ứng dụng của bạn. Là một lập trình viên, điều quan trọng là phải có một danh mục đầu tư tốt. Ấn tượng đầu tiên mà mọi người có về danh mục đầu tư của bạn giúp quyết định xem họ có thuê bạn hay không. Và còn công cụ nào tốt hơn thư viện này để mang lại sức sống cho danh mục đầu tư của bạn. Nó sẽ không chỉ nâng cao trang web của bạn mà còn giúp thể hiện các kỹ năng thực tế. 4. Tôi đã xem qua thư viện này khi đang tìm cách triển khai tính năng toàn màn hình trong dự án của mình. Nếu bạn cũng muốn có tính năng toàn màn hình, tôi khuyên bạn nên sử dụng thư viện này thay vì Fullscreen API vì tính hiệu quả trên nhiều trình duyệt của nó mặc dù nó được xây dựng trên nền tảng đó. Nó nhỏ đến mức bạn thậm chí sẽ không nhận ra nó – chỉ khoảng 0,7kB được nén lại. 5. Làm việc với ngày và giờ có thể là một khó khăn lớn, đặc biệt là với các lệnh gọi API, các múi giờ khác nhau, ngôn ngữ địa phương, có thể giúp bạn giải quyết tất cả những vấn đề đó cho dù đó là thao tác, xác thực, phân tích cú pháp hay định dạng ngày hoặc giờ. Có rất nhiều phương pháp thú vị thực sự hữu ích cho các dự án của bạn. Ví dụ tôi đã sử dụng phương pháp .fromNow này trong một trong những dự án blog của mình để hiển thị thời gian bài báo được xuất bản. const moment = require'moment'; relativeTimeOfPost = moment[2019, 07, 13].fromNow; // a year ago Code language JavaScript javascript Mặc dù tôi không sử dụng nó thường xuyên, nhưng tôi rất hâm mộ sự ủng hộ của nó đối với việc quốc tế hóa. Ví dụ, bạn có thể tùy chỉnh kết quả trên bằng phương pháp .locale này. // French relativeTimeOfPostInFrench = moment[2019, 07, 13].fromNow; //il y a un an // Spanish relativeTimeOfPostInSpanish = moment[2019, 07, 13].fromNow; //hace un añoCode language JavaScript javascript 6. là một thư viện JavaScript nhẹ cho phép bạn thêm các cử chỉ đa chạm vào Ứng dụng web của mình. Tôi muốn giới thiệu thư viện JavaScript này để thêm một số thú vị cho các thành phần của bạn. Đây là một ví dụ để bạn tập chơi khi rảnh rỗi. Chỉ cần chạy bút và nhấn hoặc nhấp vào div màu xám. Nó có thể nhận dạng các cử chỉ được thực hiện bằng cách chạm, dùng chuột và pointerEvents. Đối với người dùng jQuery, tôi khuyên bạn nên sử dụng jQuery plugin. $element.hammeroptions.bind"pan", myPanHandler;Code language JavaScript javascript 7. Masonry Masonry là một thư viện bố cục lưới JavaScript. Nó thật tuyệt vời và tôi sử dụng nó cho nhiều dự án của mình. Nó có thể lấy các phần tử lưới đơn giản của bạn và đặt chúng dựa trên không gian thẳng đứng có sẵn, giống như cách các anh thợ xây đang đặt đá hoặc gạch để tạo thành một bức tường. Bạn có thể sử dụng thư viện này để hiển thị các dự án của mình theo một cách khác. Sử dụng nó với thẻ, hình ảnh, phương thức, Đây là một ví dụ đơn giản để cho bạn thấy điều kỳ diệu trong hành động. Chà, không chính xác là ma thuật, mà là cách bố cục thay đổi khi bạn phóng to trên trang web. Và đây là code cho phần trên var elem = var msnry = new Masonry elem, { itemSelector '.grid-item', columnWidth 400 }; var msnry = new Masonry '.grid';Code language JavaScript javascript 8. Nếu bạn là một lập trình viên mê dữ liệu thì thư viện này là dành cho bạn. Tôi vẫn chưa tìm thấy một thư viện thao tác dữ liệu hiệu quả và đẹp mắt như D3. Với hơn 92k sao trên GitHub, D3 là thư viện trực quan hóa dữ liệu yêu thích của nhiều lập trình viên hiện nay. Gần đây tôi đã sử dụng D3 để trực quan hóa dữ liệu COVID-19 với React và Kho lưu trữ dữ liệu CSSE của Johns Hopkins trên GitHub . Đó là một dự án thực sự thú vị, và nếu bạn đang nghĩ đến việc làm điều gì đó tương tự, tôi khuyên bạn nên thử 9. slick Slick hoàn toàn đáp ứng, hỗ trợ vuốt, vòng lặp vô hạn và hơn thế nữa. Như đã đề cập trên trang chủ, nó thực sự là băng chuyền cuối cùng mà bạn cần. Tôi đã sử dụng thư viện này được một thời gian, và nó đã giúp tôi tiết kiệm rất nhiều thời gian. Chỉ với một vài dòng code, bạn có thể thêm rất nhiều tính năng vào băng chuyền của mình. $'.autoplay'.slick{ slidesToShow 3, slidesToScroll 1, autoplay true, autoplaySpeed 2000, };Code language JavaScript javascript là một thư viện JavaScript nhẹ ~ 3 kB với không phụ thuộc hay cung cấp một công cụ định vị đáng tin cậy và có thể mở rộng mà bạn có thể sử dụng để đảm bảo tất cả các phần tử popper của bạn được định vị ở đúng vị trí. Việc dành thời gian định cấu hình các phần tử popper có vẻ không quan trọng, nhưng những điều nhỏ nhặt này lại là thứ khiến bạn nổi bật với tư cách là một lập trình viên. Và với kích thước nhỏ như vậy nó không chiếm nhiều diện tích. Kết luận Là một lập trình viên, việc có và sử dụng các thư viện JavaScript phù hợp là rất quan trọng. Nó sẽ giúp bạn làm việc hiệu quả hơn và sẽ giúp cho việc lập trình trở nên dễ dàng và nhanh chóng hơn nhiều. Cuối cùng, tùy theo nhu cầu của bạn mà chọn thư viện nào. Đây là 10 thư viện JavaScript mà bạn có thể thử và bắt đầu sử dụng trong các dự án của mình ngay hôm nay. Bạn sử dụng thư viện JavaScript thú vị nào khác? Bạn có muốn một bài báo khác như thế này không? Hãy bình luận ben dưới cho chúng tôi biết nhé! Cảm ơn bạn đã theo dõi bài viết! Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây. Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm. TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦUKHOÁ HỌC BOOTCAMP JAVA/JAVASCRIPT/PHP TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG Previous Este guia fornece tudo o que você precisa para começar com a sintaxe de módulo do background em módulosOs programas JavaScript começaram muito pequenos - a maior parte do seu uso nos primeiros dias era para executar tarefas isoladas de script, fornecendo um pouco de interatividade às suas páginas da Web sempre que necessário, de modo que scripts grandes geralmente não eram necessários. Com o avanço rápido da tecnologia agora temos aplicativos completos sendo executados em navegadores com muito JavaScript, além de JavaScript ser usado em outros contextos por exemplo. Portanto, fez sentido nos últimos anos começar a pensar em fornecer mecanismos para dividir programas JavaScript em módulos separados que podem ser importados quando necessário. O possui essa capacidade há muito tempo e existem várias bibliotecas e estruturas JavaScript que permitem o uso do módulo por exemplo, outros CommonJS e AMD-sistemas de módulos baseados em RequireJS, e mais recentemente Webpack e Babel. A boa notícia é que os navegadores modernos começaram a dar suporte nativamente à funcionalidade do módulo, e é sobre isso que este artigo trata. Isso só pode ser uma coisa boa - os navegadores podem otimizar o carregamento de módulos, tornando-o mais eficiente do que ter que usar uma biblioteca e fazer todo esse processamento extra no lado do cliente e viagens de ida e volta do navegadorO uso de módulos JavaScript nativos depende doimport e export afirmações; estes são suportados nos navegadores da seguinte maneiraimportaBCD tables only load in the browserexportaBCD tables only load in the browserApresentando um exemploPara demonstrar o uso dos módulos, criamos um conjunto simples de exemplos que você pode encontrar no GitHub. Estes exemplos demonstram um conjunto simples de módulos que criam um em uma página da Web e desenhe e relate informações sobre formas diferentes na tela. Estes são bastante triviais, mas foram mantidos deliberadamente simples para demonstrar claramente os módulos. Nota Nota Se você deseja fazer o download dos exemplos e executá-los localmente, precisará executá-los por meio de um servidor da web de uma estrutura básicaNo nosso primeiro exemplo consulte basic-modules nós temos uma estrutura de arquivos da seguinte maneira modules/ Nota Nota Todos os exemplos neste guia têm basicamente a mesma estrutura; o exposto acima deve começar a ficar bem familiar. Os dois módulos do diretório modules são descritos abaixo — contém funções relacionadas à configuração da tela create — cria uma tela com uma largura e altura especificadas dentro de um invólucro com um ID especificado, que é anexado dentro de um elemento pai especificado. Retorna um objeto que contém o contexto 2D da tela e o ID do wrapper. createReportList — cria uma lista não ordenada anexada dentro de um elemento de wrapper especificado, que pode ser usado para gerar dados de relatório. Retorna o ID da lista. — contém name — uma constante contendo a string 'square'. draw — desenha um quadrado em uma tela especificada, com um tamanho, posição e cor especificados. Retorna um objeto que contém o tamanho, a posição e a cor do quadrado. reportArea — grava a área de um quadrado em uma lista de relatórios específica, considerando seu tamanho. reportPerimeter — grava o perímetro de um quadrado em uma lista de relatórios específica, considerando seu comprimento. Aside — .mjs versus .jsNeste artigo, usamos extensões .js para nossos arquivos de módulo, mas em outros recursos você pode ver a extensão .mjs usada. A documentação da V8 recomenda isso, por exemplo. Os motivos apresentados são É bom para maior clareza, ou seja, deixa claro quais arquivos são módulos e quais são JavaScript regulares. Ele garante que seus arquivos de módulo sejam analisados como um módulo por tempos de execução, como e construir ferramentas como Babel. No entanto, decidimos continuar usando .js, pelo menos por enquanto. Para que os módulos funcionem corretamente em um navegador, você precisa garantir que seu servidor os esteja servindo com um cabeçalho Content-Type que contenha um tipo MIME JavaScript, como text / javascript. Caso contrário, você receberá um erro estrito de verificação do tipo MIME, de acordo com as linhas "O servidor respondeu com um tipo MIME não JavaScript" e o navegador não executará seu JavaScript. A maioria dos servidores já define o tipo correto para arquivos .js, mas ainda não para arquivos .mjs. Servidores que já veiculam arquivos .mjs incluem corretamente GitHub Pages e http-server para Tudo bem se você já estiver usando esse ambiente ou se não estiver, mas souber o que está fazendo e tiver acesso ou seja, você pode configurar o servidor para definir a configuração correta Content-Type para arquivos .mjs. No entanto, isso pode causar confusão se você não controlar o servidor do qual está servindo arquivos ou publicar arquivos para uso público, como estamos aqui. Para fins de aprendizado e portabilidade, decidimos manter Se você realmente valoriza a clareza de usar .mjs para módulos versus usar .js para arquivos JavaScript "normais", mas não deseja se deparar com o problema descrito acima, sempre poderá usar .mjs durante o desenvolvimento e convertê-los em .js durante sua etapa de construção. Também é importante notar que Algumas ferramentas podem nunca suportar .mjs, comoTypeScript. O atributo é usado para indicar quando um módulo está sendo apontado, como você verá abaixo. Exportando recursos do móduloA primeira coisa que você faz para obter acesso aos recursos do módulo é exportá-los. Isso é feito usando o export declaração. A maneira mais fácil de usá-lo é colocá-lo na frente de qualquer item que você queira exportar para fora do módulo, por exemplo export const name = 'square'; export function drawctx, length, x, y, color { = color; y, length, length; return { length length, x x, y y, color color }; } Você pode exportar funções, var, let, const, e — como veremos mais tarde - classes. Eles precisam ser itens de nível superior; você não pode usar a exportação dentro de uma função, por exemplo. Uma maneira mais conveniente de exportar todos os itens que você deseja exportar é usar uma única instrução de exportação no final do arquivo do módulo, seguida por uma lista separada por vírgula dos recursos que você deseja exportar envoltos em chaves. Por exemplo export { name, draw, reportArea, reportPerimeter }; Importando recursos para o seu scriptDepois de exportar alguns recursos do seu módulo, é necessário importá-los para o script para poder usá-los. A maneira mais simples de fazer isso é a seguinte import { name, draw, reportArea, reportPerimeter } from './modules/ Você usa o import , seguida por uma lista separada por vírgula dos recursos que você deseja importar agrupados em chaves, seguidos pela palavra-chave de, seguida pelo caminho para o arquivo do módulo - um caminho relativo à raiz do site, que para nossa basic-modules exemplo seria/js-examples/modules/basic-modules. No entanto, escrevemos o caminho de maneira um pouco diferente - estamos usando a sintaxe de ponto . Para significar "o local atual", seguido pelo caminho além do arquivo que estamos tentando encontrar. Isso é muito melhor do que escrever todo o caminho relativo a cada vez, pois é mais curto e torna o URL portátil - o exemplo ainda funcionará se você o mover para um local diferente na hierarquia do site. Então, por exemplo /js-examples/modules/basic-modules/modules/ torna-se ./modules/ Você pode ver essas linhas em ação em Nota Nota Em alguns sistemas de módulos, você pode omitir a extensão do arquivo e o ponto '/modules/square'. Isso não funciona nos módulos JavaScript nativos. Depois de importar os recursos para o seu script, você pode usá-los exatamente como eles foram definidos no mesmo arquivo. O seguinte é encontrado em abaixo das linhas de importação let myCanvas = create'myCanvas', 480, 320; let reportList = createReportList let square1 = draw 50, 50, 100, 'blue'; reportArea reportList; reportPerimeter reportList; Nota Nota Embora os recursos importados estejam disponíveis no arquivo, eles são visualizações somente leitura do recurso que foi exportado. Você não pode alterar a variável importada, mas ainda pode modificar propriedades semelhantes à const. Além disso, esses recursos são importados como ligações ativas, o que significa que eles podem mudar de valor mesmo que você não possa modificar a ligação ao contrário de o módulo ao seu HTMLAgora, apenas precisamos aplicar o módulo à nossa página HTML. Isso é muito semelhante ao modo como aplicamos um script regular a uma página, com algumas diferenças notáveis. Primeiro de tudo, você precisa incluir type="module" no elemento, para declarar esse script como um módulo. Para importar o script, usamos este Você também pode incorporar o script do módulo diretamente no arquivo HTML, colocando o código JavaScript no corpo do elemento /* JavaScript module code here */ O script para o qual você importa os recursos do módulo atua basicamente como o módulo de nível superior. Se você o omitir, o Firefox, por exemplo, exibirá um erro "SyntaxError as declarações de importação podem aparecer apenas no nível superior de um módulo". Você só pode usar import e export instruções dentro de módulos, não scripts diferenças entre módulos e scripts padrão Você precisa prestar atenção nos testes locais - se você tentar carregar o arquivo HTML localmente com um arquivo// URL, você encontrará erros do CORS devido a requisitos de segurança do módulo JavaScript. Você precisa fazer seus testes através de um servidor. Além disso, observe que você pode obter um comportamento diferente das seções de script definidas dentro dos módulos e não nos scripts padrão. Isso ocorre porque os módulos usam strict mode automaticamente. Não há necessidade de usar o atributo deferir consulte attributes ao carregar um script de módulo; módulos são adiados automaticamente. Os módulos são executados apenas uma vez, mesmo que tenham sido referenciados em várias tags . Por último, mas não menos importante, vamos esclarecer os recursos do módulo são importados para o escopo de um único script - eles não estão disponíveis no escopo global. Portanto, você poderá acessar apenas os recursos importados no script para o qual eles foram importados e não poderá acessá-los no console JavaScript, por exemplo. Você ainda receberá erros de sintaxe mostrados no DevTools, mas não poderá usar algumas das técnicas de depuração que você esperava usar. Exportações padrão versus exportações nomeadasA funcionalidade que exportamos até agora foi composta por named exports — cada item seja uma função, const, etc. foi referido por seu nome na exportação e esse nome também foi usado para se referir a ele na importação. Há também um tipo de exportação chamado default export — isso foi projetado para facilitar a função padrão fornecida por um módulo e também ajuda os módulos JavaScript a interoperar com os sistemas de módulos CommonJS e AMD existentes conforme explicado em ES6 In Depth Modules por Jason Orendorff; procure por "Exportações padrão". Vejamos um exemplo ao explicar como ele funciona. Nos nossos módulos básicos você pode encontrar uma função chamada randomSquare que cria um quadrado com cor, tamanho e posição aleatórios. Queremos exportar isso como padrão, portanto, na parte inferior do arquivo, escrevemos isso export default randomSquare; Note a falta dos colchetes. Em vez disso, poderíamos acrescentar export default na função e defina-a como uma função anônima, assim export default functionctx { ... } No nosso arquivo importamos a função padrão usando esta linha import randomSquare from './modules/ Isso ocorre porque há apenas uma exportação padrão permitida por módulo e sabemos que randomSquare é isso. import {default as randomSquare} from './modules/ Nota Nota A sintaxe as para renomear itens exportados é explicada abaixo no Renaming imports and exports conflitos de nomenclaturaAté agora, nossos módulos de desenho de forma de tela parecem estar funcionando bem. Mas o que acontece se tentarmos adicionar um módulo que lide com o desenho de outra forma, como um círculo ou triângulo? Essas formas provavelmente teriam funções associadas, como draw, reportArea, etc. também; se tentássemos importar diferentes funções com o mesmo nome para o mesmo arquivo de módulo de nível superior, acabaríamos com conflitos e erros. Felizmente, existem várias maneiras de contornar isso. Veremos isso nas próximas importações e exportaçõesDentro dos colchetes da instrução de importação e exportação, você pode usar a palavra-chave junto com um novo nome de recurso, para alterar o nome de identificação que será usado para um recurso dentro do módulo de nível superior. Por exemplo, os dois itens a seguir executariam o mesmo trabalho, embora de uma maneira ligeiramente diferente // inside export { function1 as newFunctionName, function2 as anotherNewFunctionName }; // inside import { newFunctionName, anotherNewFunctionName } from './modules/ // inside export { function1, function2 }; // inside import { function1 as newFunctionName, function2 as anotherNewFunctionName } from './modules/ Vejamos um exemplo real. Na nossa renaming diretório, você verá o mesmo sistema de módulos do exemplo anterior, exceto que adicionamos e módulos para desenhar e relatar círculos e triângulos. Dentro de cada um desses módulos, temos recursos com os mesmos nomes sendo exportados e, portanto, cada um tem o mesmo export declaração na parte inferior export { name, draw, reportArea, reportPerimeter }; Ao importá-los para o se tentarmos usar import { name, draw, reportArea, reportPerimeter } from './modules/ import { name, draw, reportArea, reportPerimeter } from './modules/ import { name, draw, reportArea, reportPerimeter } from './modules/ O navegador geraria um erro como "SyntaxError redeclaration of import name" Firefox. Em vez disso, precisamos renomear as importações para que sejam únicas import { name as squareName, draw as drawSquare, reportArea as reportSquareArea, reportPerimeter as reportSquarePerimeter } from './modules/ import { name as circleName, draw as drawCircle, reportArea as reportCircleArea, reportPerimeter as reportCirclePerimeter } from './modules/ import { name as triangleName, draw as drawTriangle, reportArea as reportTriangleArea, reportPerimeter as reportTrianglePerimeter } from './modules/ Observe que você pode resolver o problema nos arquivos do módulo, // in export { name as squareName, draw as drawSquare, reportArea as reportSquareArea, reportPerimeter as reportSquarePerimeter }; // in import { squareName, drawSquare, reportSquareArea, reportSquarePerimeter } from './modules/ E funcionaria da mesma forma. Qual o estilo que você usa depende de você, no entanto, sem dúvida faz mais sentido deixar o código do módulo em paz e fazer as alterações nas importações. Isso faz especialmente sentido quando você está importando de módulos de terceiros sobre os quais você não tem controle. 24/5000 Criando um objeto de módulo O método acima funciona bem, mas é um pouco confuso e longo. Uma solução ainda melhor é importar os recursos de cada módulo dentro de um objeto de módulo. O seguinte formulário de sintaxe faz isso import * as Module from './modules/ Isso captura todas as exportações disponíveis no e as torna disponíveis como membros de um objeto Module, efetivamente dando o seu próprio namespace. Então, por exemplo etc. Novamente, vejamos um exemplo real. Se você for ao nosso module-objects diretório, você verá o mesmo exemplo novamente, mas reescrito para aproveitar essa nova sintaxe. Nos módulos, as exportações são todas da seguinte forma simples export { name, draw, reportArea, reportPerimeter }; As importações, por outro lado, são assim import * as Canvas from './modules/ import * as Square from './modules/ import * as Circle from './modules/ import * as Triangle from './modules/ Em cada caso, agora você pode acessar as importações do módulo abaixo do nome do objeto especificado, por exemplo let square1 = 50, 50, 100, 'blue'; reportList; reportList; Agora você pode escrever o código da mesma forma que antes contanto que inclua os nomes dos objetos quando necessário e as importações sejam muito mais e classesComo sugerimos anteriormente, você também pode exportar e importar classes; essa é outra opção para evitar conflitos no seu código e é especialmente útil se você já tiver o código do módulo gravado em um estilo orientado a objetos. Você pode ver um exemplo do nosso módulo de desenho de forma reescrito com as classes ES em nosso classes diretório. Como exemplo, o O arquivo agora contém todas as suas funcionalidades em uma única classe class Square { constructorctx, listId, length, x, y, color { ... } draw { ... } ... } que exportamos então No nós o importamos assim import { Square } from './modules/ E então use a classe para desenhar nosso quadrado let square1 = new Square 50, 50, 100, 'blue'; Módulos de agregaçãoHaverá momentos em que você desejará agregar módulos. Você pode ter vários níveis de dependências, nos quais deseja simplificar as coisas, combinando vários submódulos em um módulo pai. Isso é possível usando a sintaxe de exportação dos seguintes formulários no módulo pai export * from ' export { name } from ' Por exemplo, veja nosso module-aggregation diretório. Neste exemplo com base no exemplo de classes anteriores, temos um módulo extra chamado que agrega toda a funcionalidade de e juntos. Também movemos nossos submódulos para dentro de um subdiretório dentro do diretório modules chamado shapes. Portanto, a estrutura do módulo neste exemplo é modules/ shapes/ Em cada um dos submódulos, a exportação é da mesma forma, Em seguida, vem a parte de agregação. Dentro de incluímos as seguintes linhas export { Square } from './shapes/ export { Triangle } from './shapes/ export { Circle } from './shapes/ Eles capturam as exportações dos submódulos individuais e os disponibilizam efetivamente no módulo Nota Nota As exportações mencionadas no são basicamente redirecionadas pelo arquivo e realmente não existem nele, portanto, você não poderá escrever nenhum código relacionado útil dentro do mesmo arquivo. Portanto, agora no arquivo podemos obter acesso às três classes de módulos substituindo import { Square } from './modules/ import { Circle } from './modules/ import { Triangle } from './modules/ com a seguinte linha única import { Square, Circle, Triangle } from './modules/ Carregamento dinâmico do móduloA parte mais recente da funcionalidade dos módulos JavaScript a estar disponível nos navegadores é o carregamento dinâmico de módulos. Isso permite que você carregue módulos dinamicamente somente quando eles forem necessários, em vez de precisar carregar tudo antecipadamente. Isso tem algumas vantagens óbvias de desempenho; vamos ler e ver como isso funciona. Essa nova funcionalidade permite que você ligue import como uma função, passando o caminho para o módulo como um parâmetro. Retorna umPromise, que cumpre com um objeto de módulo consulte Creating a module object dando acesso às exportações desse objeto, import'./modules/ .thenmodule => { // Do something with the module. }; Vejamos um exemplo. No dynamic-module-imports diretório, temos outro exemplo baseado em nosso exemplo de classes. Desta vez, no entanto, não estamos desenhando nada na tela quando o exemplo é carregado. Em vez disso, incluímos trêsbuttons — "Circle", "Square", e "Triangle" — que, quando pressionado, carrega dinamicamente o módulo necessário e, em seguida, usa-o para desenhar os shape. Neste exemplo, fizemos apenas alterações em nossa e arquivos - as exportações do módulo permanecem as mesmas de antes. No pegamos uma referência a cada botão usando chamada, por exemplo let squareBtn = Em seguida, anexamos um ouvinte de evento a cada botão para que, quando pressionado, o módulo relevante seja carregado dinamicamente e usado para desenhar a formashape => { import'./modules/ => { let square1 = new 50, 50, 100, 'blue'; } }; Observe que, como o cumprimento da promessa retorna um objeto de módulo, a classe é então transformada em uma sub-característica do objeto, portanto, agora precisamos acessar o construtor com Module. anexado a ele, ... .Solução de problemasAqui estão algumas dicas que podem ajudá-lo se você estiver com problemas para fazer seus módulos funcionarem. Sinta-se livre para adicionar à lista se descobrir mais! Mencionamos isso antes, mas para reiterar precisa ser carregado com um tipo MIME de text/javascript ou outro tipo MIME compatível com JavaScript, mas text/javascript é recomendável, caso contrário, você receberá um erro estrito de verificação do tipo MIME como "O servidor respondeu com um tipo MIME não JavaScript". Se você tentar carregar o arquivo HTML localmente com um arquivo// URL, você encontrará erros do CORS devido a requisitos de segurança do módulo JavaScript. Você precisa fazer seus testes através de um servidor. As páginas do GitHub são ideais, pois também servem arquivos .js com o tipo MIME correto. Como .mjs é uma extensão de arquivo não padrão, alguns sistemas operacionais podem não reconhecê-lo ou tentar substituí-lo por outra. Por exemplo, descobrimos que o macOS estava adicionando silenciosamente .js ao final dos arquivos .mjs e ocultando automaticamente a extensão do arquivo. Então, todos os nossos arquivos foram lançados como Depois de desativarmos ocultar automaticamente as extensões de arquivo e treiná-lo para aceitar .mjs, tudo bem. Veja também Using JavaScript modules on the web, por Addy Osmani e Mathias Bynens ES modules A cartoon deep-dive, Postagem no blog Hacks por Lin Clark ES6 in Depth Modules, Publicação de blog de Hacks por Jason Orendorff Livro de Axel Rauschmayer Exploring JS Modules Previous Ngành kiến ​​trúc của Angular hay ReactJS hay VueJSReactVueAngularPhổ biếnReactVueAngularHệ sinh thái của Angular hay ReactJS hay VueJSReactVueAngularCông nghệ chungMàn biểu diễnĐiểm chuẩn của JS Framework Angular so với React so với VueTheo dõi hoàn hảo Angular vs React vs VueBức tranh có nội dung đầu tiênSơn có nội dung lớn nhấtĐộ trễ đầu vào đầu tiênSố byte JavaScriptCách sử dụng các chỉ số nàyCác tính năng tiên tiếnReactVueAngularĐường cong học tậpReactVueAngularDự đoán trong tương laiReactVueAngularVideo chia sẻ Làm front-end nên lựa chọn Angular hay ReactJS hay VueJSKết luận Mọi lập trình viên frontend đã từng lựa chọn một trong ba framework Angular hay ReactJS hay VueJS. React là một thư viện UI, Angular là một fully-fledged front-end framework, trong khi là một progressive framework. Chúng có thể được sử dụng gần như thay thế cho nhau để xây dựng các ứng dụng front-end, nhưng chúng không giống nhau 100%, vì vậy sẽ rất hợp lý khi so sánh chúng và hiểu sự khác biệt của chúng. Mỗi framework đều dựa trên thành phần và cho phép tạo nhanh các tính năng giao diện người dùng. Tuy nhiên, tất cả chúng đều có cấu trúc và kiến ​​trúc khác nhau – vì vậy trước tiên, chúng ta sẽ xem xét sự khác biệt về kiến ​​trúc của chúng để hiểu triết lý đằng sau chúng. Ngành kiến ​​trúc của Angular hay ReactJS hay VueJS React React không thực thi cấu trúc dự án cụ thể và như bạn có thể thấy từ ví dụ chính thức “Hello World” bên dưới, bạn có thể bắt đầu sử dụng React chỉ với một vài dòng mã. Hello, world!, ;Code language JavaScript javascript React có thể được sử dụng như một thư viện giao diện người dùng để hiển thị các phần tử mà không cần thực thi cấu trúc dự án cụ thể và đó là lý do tại sao nó không hoàn toàn là một framework. React Elements là những khối xây dựng nhỏ nhất của ứng dụng React. Chúng mạnh hơn các phần tử DOM bởi vì React DOM đảm bảo cập nhật chúng một cách hiệu quả bất cứ khi nào có điều gì đó thay đổi. Các thành phần là các khối xây dựng lớn hơn xác định các phần độc lập và có thể tái sử dụng để sử dụng trong toàn bộ ứng dụng. Họ chấp nhận đầu vào được gọi là đạo cụ và tạo ra các phần tử sau đó được hiển thị cho người dùng. React dựa trên JavaScript, nhưng nó chủ yếu được kết hợp với JSX JavaScript XML, một phần mở rộng cú pháp cho phép bạn tạo các phần tử chứa HTML và JavaScript cùng một lúc. Bất kỳ thứ gì bạn tạo bằng JSX cũng có thể được tạo bằng API React JavaScript, nhưng hầu hết các lập trình viên thích JSX vì nó trực quan hơn. Vue Thư viện lõi chỉ tập trung vào lớp View. Nó được gọi là progressive framework vì bạn có thể mở rộng chức năng của nó với các gói chính thức và bên thứ ba, chẳng hạn như Vue Router hoặc Vuex, để biến nó thành một framework thực tế. Mặc dù Vue không được liên kết chặt chẽ với mẫu MVVM Model-View-ViewModel, nhưng thiết kế của nó một phần được lấy cảm hứng từ nó. Với Vue, bạn sẽ làm việc chủ yếu trên lớp ViewModel, để đảm bảo rằng dữ liệu ứng dụng được xử lý theo cách cho phép framework hiển thị một Chế độ xem cập nhật. Cú pháp tạo mẫu của Vue cho phép bạn tạo các thành phần View và nó kết hợp HTML quen thuộc với các chỉ thị và tính năng đặc biệt. Cú pháp tạo mẫu này được ưu tiên hơn, mặc dù JavaScript thô và JSX cũng được hỗ trợ. Các thành phần trong Vue nhỏ, khép kín và có thể được sử dụng lại trong toàn bộ ứng dụng. Các thành phần tệp đơn SFC với .vue phần mở rộng chứa HTML, CSS và JavaScript để tất cả mã có liên quan nằm trong một tệp. SFC là cách được khuyến nghị để tổ chức mã trong các dự án đặc biệt là những dự án lớn hơn. Cần có các công cụ như Webpack hoặc Browserify để chuyển SFCs thành mã JavaScript hoạt động. Angular Trong bài viết này, mình đang thảo luận về Angular 2, không phải là phiên bản đầu tiên của framework hiện được gọi là AngularJS. AngularJS, framework gốc, là một framework MVC Model-View-Controller. Nhưng trong Angular 2, không có sự liên kết chặt chẽ với MV * -patterns vì nó cũng dựa trên thành phần. Các dự án trong Angular được cấu trúc thành Mô-đun, Thành phần và Dịch vụ. Mỗi ứng dụng Angular có ít nhất một thành phần gốc và một mô-đun gốc. Mỗi thành phần trong Angular chứa một Template, một Class xác định logic ứng dụng và MetaData Decorator. Siêu dữ liệu cho một thành phần cho Angular biết nơi tìm các khối xây dựng mà nó cần để tạo và trình bày chế độ xem của nó. Mẫu Angular được viết bằng HTML nhưng cũng có thể bao gồm cú pháp Angular template với các lệnh đặc biệt để xuất dữ liệu phản ứng và hiển thị nhiều phần tử, trong số những thứ khác. Các dịch vụ trong Angular được các Thành phần sử dụng để ủy quyền các tác vụ logic nghiệp vụ chẳng hạn như tìm nạp dữ liệu hoặc xác thực đầu vào. Chúng là một phần khác biệt của các ứng dụng Angular. Mặc dù Angular không thực thi việc sử dụng chúng, nhưng mình khuyên bạn nên cấu trúc các ứng dụng như một tập hợp các dịch vụ riêng biệt có thể được sử dụng lại. Angular được xây dựng trong TypeScript, vì vậy bạn nên sử dụng nó để có được trải nghiệm liền mạch nhất, nhưng JavaScript thuần túy cũng được hỗ trợ. Phổ biến React React là một trong những dự án JavaScript phổ biến nhất với 160 nghìn sao trên GitHub. Nó được phát triển và duy trì bởi Facebook, và nó được sử dụng nội bộ trong nhiều dự án của họ. Ngoài ra, nó cung cấp cho hơn 2 triệu trang web, theo thống kê sử dụng của BuiltWith . Vue Trong ba khuôn khổ, Vue có nhiều sao nhất trên GitHub, với 176 nghìn sao. Dự án được phát triển và dẫn dắt bởi Evan You, cựu nhân viên của Google. Đây là một dự án độc lập, rất mạnh mẽ trong cộng đồng mã nguồn mở và được sử dụng bởi hơn 1 triệu trang web, theo BuiltWith . Angular Angular được phát triển bởi Google, nhưng đáng ngạc nhiên là nó không được sử dụng trong một số sản phẩm hàng đầu của họ như Search hay Youtube. Nó thường được sử dụng trong các dự án doanh nghiệp và cung cấp năng lượng cho hơn trang web dựa trên dữ liệu của BuiltWith . Nó được đánh dấu sao ít nhất trong số ba khuôn khổ, với 68 nghìn sao trên GitHub . Tuy nhiên, khi chuyển từ Angular 1 sang Angular 2, họ đã tạo ra một kho lưu trữ hoàn toàn mới thay vì tiếp tục dự án AngularJS, vốn cũng có 59k sao. Hệ sinh thái của Angular hay ReactJS hay VueJS Các gói mã nguồn mở giúp bạn tiết kiệm thời gian quý báu khi phát triển ứng dụng. Không chỉ vậy, chúng thường tốt hơn các thành phần và gói sản xuất tùy chỉnh vì chúng đã được thử nghiệm thực chiến. Điều quan trọng là phải xem tính khả dụng của các thành phần, chủ đề và các công cụ khác sẵn sàng sử dụng có thể giúp bạn tạo các tính năng mới dễ dàng hơn. React Nhiều ứng dụng giao diện người dùng dựa vào quản lý trạng thái toàn cầu để lưu trữ thông tin, chẳng hạn như ai đã đăng nhập và các cài đặt người dùng khác. Dự án phổ biến nhất để quản lý trạng thái JavaScript là Redux. Hầu hết các lập trình viên sử dụng các ràng buộc React chính thức cho Redux, được duy trì bởi nhóm Redux. Vì sự phổ biến của React, việc tìm kiếm các thành phần đầu vào và các phần tử sẵn sàng sử dụng là vô cùng dễ dàng. Tất cả chúng chỉ là một tìm kiếm trên Google hoặc GitHub. Hệ sinh thái React cũng bao gồm React Native cho phép bạn xây dựng các ứng dụng iOS và Android gốc từ một cơ sở mã duy nhất được viết bằng React. Vì vậy, React cũng có thể là một lựa chọn tuyệt vời để xây dựng các ứng dụng di động bằng công nghệ web. React là một phần của ngăn xếp MERN, chứa MongoDB, ExpressJS, React và NodeJS. Điều tuyệt vời về sự kết hợp này là một ngôn ngữ duy nhất – JavaScript – cung cấp năng lượng cho toàn bộ ứng dụng. Vue Mặc dù Redux có thể được sử dụng trong Vue, nhưng không có ràng buộc chính thức nào. Nhưng điều đó không nên làm bạn lo lắng vì Vuex là thư viện quản lý nhà nước chính thức được tạo riêng cho các ứng dụng Vue. Ngoài việc tích hợp rất tốt với Vue, thật dễ dàng gỡ lỗi bằng các công cụ dành cho lập trình viên Vue. Trong những ngày đầu của Vue, việc tìm kiếm các thành phần sẵn sàng sử dụng khó hơn. Vì cộng đồng đã phát triển nên có rất nhiều thành phần đầu vào và các yếu tố nâng cao mà bạn có thể sử dụng để tăng tốc độ phát triển của mình. Để lập trình ứng dụng dành cho thiết bị di động, có một dự án đang phát triển có tên là Weex . Weex được phát triển và sử dụng bởi Alibaba, nhưng nó không hoàn thiện và mạnh mẽ như React Native. Hơn nữa, vì dự án được phát triển và sử dụng nhiều hơn ở Trung Quốc, nên việc tìm tài liệu và giải pháp cho các vấn đề bằng tiếng Anh sẽ khó hơn. Vue tích hợp tốt với Laravel và đó là lý do tại sao chúng thường được sử dụng cùng nhau. Laravel cung cấp JavaScript và CSS giàn giáo hoàn chỉnh để cho phép sử dụng Vue trong các dự án mới. Angular Để quản lý trạng thái trong Angular, bạn có thể sử dụng dự án NgRx . Nó được lấy cảm hứng từ Redux, nhưng nó được tạo riêng cho Angular. Như trong trường hợp của Vue và React, có rất nhiều thành phần sẵn sàng sử dụng mà bạn có thể nhập vào các dự án của mình. Điều hơi khác biệt về Angular là có nhiều thành phần chính thức trong dự án Angular Material . Đây là một dự án chính thức của Google cung cấp các thành phần Thiết kế Vật liệu cho các ứng dụng Angular. Bạn có thể xây dựng các ứng dụng di động đa nền tảng trong Angular bằng NativeScript. Nó cũng hỗ trợ Vue, nhưng hỗ trợ Angular đã hoàn thiện hơn. Angular là một phần của ngăn xếp MEAN nổi tiếng kết hợp Angular với MongoDB, ExpressJS và NodeJS. Tương tự như ngăn xếp MERN, nó dựa hoàn toàn vào JavaScript cho cả front-end và back-end. Công nghệ chung Angular, React và Vue đều có thể được sử dụng để phát triển Progressive Web Apps, còn được gọi là PWA. PWA không phải là ứng dụng di động mà là ứng dụng web mà người dùng điện thoại thông minh có thể thêm làm phím tắt cho màn hình chính của họ và cung cấp giao diện tương tự như các ứng dụng di động gốc. Bạn cũng có thể tìm thấy các mẫu cao cấp và các ứng dụng tạo sẵn cho mỗi framework, nhưng Angular và React có sẵn nhiều tùy chọn cao cấp hơn Vue. Màn biểu diễn Khi chọn một framework hoặc thư viện, bạn cũng cần phải suy nghĩ về hiệu suất. Trong nhiều trường hợp, bạn sẽ không phải lo lắng về hiệu suất, đặc biệt nếu bạn đang xây dựng một dự án nhỏ. Tuy nhiên, một dự án càng phát triển về phạm vi và mức độ phức tạp, thì hiệu suất có thể và sẽ trở thành một mối quan tâm. Điều quan trọng cần lưu ý là chất lượng phát triển và tuân theo các phương pháp hay nhất khi nói đến hiệu suất web quan trọng hơn việc lựa chọn framework. Nhưng vì có một số chỉ số và sự khác biệt về hiệu suất, tôi sẽ xem xét chúng và giải thích mỗi thứ có thể ảnh hưởng đến nỗ lực phát triển của bạn như thế nào. Điểm chuẩn của JS Framework Angular so với React so với Vue Kết quả của JS Framework Benchmark cho thấy tất cả chúng đều hoạt động khá tốt ở hầu hết các điểm chuẩn, chẳng hạn như tạo hoặc nối các hàng trong bảng. Như bạn có thể thấy ở trên, Vue chậm hơn đáng kể so với Angular và React khi chọn hàng. Mặt khác, Angular và React không hiệu quả trong việc hoán đổi hàng. Đây là những khác biệt đáng kể duy nhất trong việc hiển thị điểm chuẩn – và trong hầu hết các trường hợp, sẽ không tạo ra kết quả đáng chú ý. Vì chọn hàng là một chức năng phổ biến hơn là hoán đổi các hàng, tôi muốn nói rằng điểm chuẩn này đặt Vue vào vị trí thứ ba sau Angular và React có cùng vị trí hàng đầu. Khi nói đến bộ nhớ và thời gian khởi động, React và Vue cho điểm rất tốt, nhưng Angular chậm hơn một chút. Angular có thể mất 150ms để khởi động một tập lệnh cơ bản và yêu cầu nhiều bộ nhớ hơn để chạy. Theo dõi hoàn hảo Angular vs React vs Vue Perf Track của Google Chrome Labs hiển thị dữ liệu sản xuất từ ​​hàng nghìn trang web. Những số liệu thống kê này bị ảnh hưởng bởi nhiều thứ khác và không chỉ khuôn khổ sự lựa chọn, nhưng chúng ta hãy nhìn vào các con số. Bức tranh có nội dung đầu tiên Các trang web Vue và React xếp hạng cao hơn cho số liệu này so với Angular, có thể mất nhiều thời gian hơn để khởi động và trình bày nội dung cho người dùng. Sơn có nội dung lớn nhất Angular cũng là framework chậm nhất trong số ba framework trong việc hiển thị một trang hoàn chỉnh, với chỉ 27% các trang web Angular đạt điểm trong phạm vi chấp nhận được. Độ trễ đầu vào đầu tiên Đối với cả ba framework, hơn 80 phần trăm trang web nằm trong phạm vi có thể chấp nhận được đối với độ trễ đầu vào đầu tiên, điều này cho biết phải mất bao nhiêu thời gian cho đến khi người dùng có thể tương tác với trang. Số byte JavaScript Các ứng dụng nhẹ nhất cho đến nay là những ứng dụng được phát triển bằng Vue, với 68% ứng dụng Vue tải ít hơn 1MB JavaScript. Mặt khác, các ứng dụng Angular và React có xu hướng có kích thước mã lớn hơn. Cách sử dụng các chỉ số này Bạn có thể thấy xu hướng từ những số liệu này, nhưng bạn không nên quá vội vàng để đưa ra kết luận. Ví dụ, đối với hình cuối cùng, một lời giải thích có thể là Vue được sử dụng để phát triển các ứng dụng nhẹ hơn trong khi Angular được sử dụng cho các dự án lớn hơn. Các số liệu thống kê có thể giúp hướng dẫn bạn đưa ra quyết định đúng đắn, nhưng bạn không thể sử dụng chúng để chứng minh rằng một framework nhanh hơn hoặc tốt hơn framework kia. Các tính năng tiên tiến Đối với các ứng dụng nâng cao hơn, framework giao diện người dùng được sử dụng sẽ có thể thực hiện một số tác vụ cải thiện hiệu suất và có thể mở rộng quy mô tốt hơn. Hai công nghệ quan trọng là kết xuất phía máy chủ SSR và ảo hóa. React React hỗ trợ hiển thị phía máy chủ với gói ReactDOMServer chính thức . Để ảo hóa, bạn có thể sử dụng một công cụ phổ biến của bên thứ ba có tên là React Virtualized. Vue Kết xuất phía máy chủ cũng được hỗ trợ trong Vue cũng như với gói SSR chính thức. Ngoài ra, bạn cũng có thể sử dụng framework được xây dựng trên Vue và hỗ trợ SSR. Thật không may, các tùy chọn ảo hóa trong Vue không mạnh. Theo tôi, Vue Virtual Scroll List là giải pháp tốt nhất để cuộn ảo, nhưng nó hơi lỗi và không ổn định như các tùy chọn cho React và Angular. Angular Angular có gói Angular Universal chính thức cho SSR và một thành phần chính thức để cuộn ảo và hiển thị hiệu quả các danh sách lớn. Đường cong học tập Làm thế nào dễ dàng để tìm hiểu mỗi trong số các framework này? Để trả lời câu hỏi này, bạn cần xem xét mức độ phức tạp của từng framework và các khái niệm. React Trong trường hợp sử dụng cơ bản nhất, React là framework ít phức tạp nhất trong ba framework. Đó là bởi vì bạn chỉ cần nhập thư viện, sau đó bạn có thể bắt đầu viết ứng dụng React của mình bằng một vài dòng mã. Nhưng ngoài ví dụ Hello World, hầu hết các ứng dụng React đều dựa trên thành phần và không chỉ hiển thị một vài thành phần trên trang. Một điều mà một số lập trình viên cảm thấy kỳ lạ hoặc khó khăn về React, đó là thực tế rằng việc học JSX là một con đường một chiều. Bạn cũng có thể sử dụng JavaScript thô, nhưng vì hầu hết các lập trình viên React đều sử dụng JSX nên việc học nó là điều khó tránh khỏi. Đây là điều chính có thể làm cho đường cong học tập của React dốc hơn một chút, nhưng bên cạnh đó, đó là một thư viện dễ học cho các lập trình viên biết JavaScript và hiểu các khái niệm lập trình web. Vue Vue phức tạp hơn một chút để thiết lập so với React. Bạn có thể sử dụng nó như một thư viện để xác định các thành phần mà bạn có thể sử dụng trong toàn bộ HTML của mình – nhưng tương tự như React, đây không phải là cách hầu hết các dự án được xây dựng. Hầu hết các dự án Vue sẽ có một thành phần gốc được đặt tên và một số thành phần con để hiển thị nhiều thứ khác nhau. Khi nói đến cú pháp, điều mới duy nhất bạn phải học là cú pháp mẫu của Vue, rất dễ nắm bắt nếu bạn biết HTML. Các lệnh cơ bản, chẳng hạn như v-if và v-for đối với kết xuất có điều kiện và kết xuất danh sách, rất dễ hiểu ngay cả đối với người mới bắt đầu. Ngoài ra, các thành phần tệp đơn của Vue giữ tất cả mã front-end ở một nơi, giúp dễ dàng tổ chức các dự án mới. Theo mình, Vue là dễ học nhất vì tính đơn giản và cú pháp trực quan của nó. Angular Angular có cấu trúc dự án phức tạp nhất trong số ba cấu trúc và vì nó là một khuôn khổ giao diện người dùng hoàn chỉnh, nó dựa trên nhiều khái niệm hơn. Ngoài các thành phần, Angular hỗ trợ các mô-đun và dịch vụ. Nó mong đợi bạn viết và thiết kế cơ sở mã của mình theo một cách cụ thể để làm cho dự án của bạn dễ bảo trì hơn khi mở rộng quy mô. Về cú pháp, vì Angular hoạt động tốt nhất với TypeScript, điều quan trọng là bạn phải biết TypeScript khi xây dựng một dự án Angular. Tương tự như với Vue, bạn cũng phải tự làm quen với cú pháp giống HTML để có thể bắt đầu mã hóa các tính năng giao diện người dùng mới với Angular. Theo tôi, Angular là khó học nhất đối với các lập trình viên trung bình vì nó phức tạp hơn và dựa trên TypeScript. Dự đoán trong tương lai Nhiều dự án và khuôn khổ nguồn mở dần chìm vào quên lãng và trở nên vô nghĩa. Bạn có nên lo lắng về bất kỳ khuôn khổ nào mà chúng ta đang thảo luận ở đây không? Mặc dù chúng ta không thể dự đoán đầy đủ những gì sẽ xảy ra, nhưng công việc phát triển đang diễn ra là một chỉ báo tốt về tình trạng hoạt động của các dự án này. Mức độ phổ biến và tăng trưởng cũng là những thước đo quan trọng để dự đoán tuổi thọ của một dự án, vì vậy hãy xem xét từng framework. React React đã được phát hành, nhưng đáng ngạc nhiên là nó không bao gồm bất kỳ tính năng mới nào dành cho các lập trình viên. Sự thay đổi lớn là phiên bản mới này giúp cho việc nâng cấp chính React trở nên dễ dàng hơn. Bạn chỉ có thể nâng cấp một số phần của React từ phiên bản cũ lên phiên bản mới hơn mà không cần phải nâng cấp toàn bộ dự án. Nếu ứng dụng của bạn dựa vào các tính năng thay đổi hoặc không còn được dùng với phiên bản mới, bạn có thể giữ phiên bản cũ để giữ cho chức năng này tồn tại. Bản cập nhật này làm cho React trở thành một sự lựa chọn lâu dài tuyệt vời vì nó giúp cập nhật các phiên bản mới dễ dàng hơn. React đã tăng 44% kể từ năm ngoái trong lượt tải xuống hàng tuần. Về con số tuyệt đối, đây vẫn là dự án được tải xuống nhiều nhất trong ba dự án. Vue Vue 3 đã được phát hành vào tháng 9 năm 2020 và nó giải quyết nhiều vấn đề nghiêm trọng mà Vue 2 gặp phải trong các dự án lớn. Nó giới thiệu API thành phần được lấy cảm hứng từ React Hooks và giúp việc sử dụng lại logic trên các thành phần dễ dàng hơn. Toàn bộ dự án được viết lại bằng TypeScript, giúp cải thiện hỗ trợ TypeScript trong các dự án Vue mới đồng thời giúp dự án dễ bảo trì hơn. Vue 3 là một bản nâng cấp rất cần thiết và làm cho Vue phù hợp hơn với các dự án quy mô lớn. Số lượt tải xuống hàng tuần của Vue đã tăng 87% kể từ năm ngoái, khiến Vue trở thành khuôn khổ phát triển nhanh nhất về mặt tương đối. Nếu Vue có thể giữ được tốc độ phát triển này, thì chắc chắn nó sẽ sớm vượt qua Angular. Angular Angular gần đây đã giới thiệu Ivy Compiler. Nó làm giảm thời gian xây dựng, tối ưu hóa nội dung, cho phép kiểm tra nhanh hơn và nói chung là cải thiện trải nghiệm của lập trình viên. Nhóm Angular phát hành các bản cập nhật lớn hai lần một năm, có thể bao gồm các tính năng mới hoặc chỉ mang lại tốc độ cho framework với các phiên bản trình duyệt mới. Angular đã tăng khoảng 50% về lượt tải xuống hàng tuần kể từ năm ngoái, vì vậy nó vẫn là một dự án phổ biến. Video dưới đây sẽ trả lời trả lời câu hỏi muôn thưở Nên lựa chọn giữa Angular hay ReactJS hay VueJS nếu muốn theo front-end nhé. Sẽ giúp bạn hiểu cả 3 thằng này, so sánh độ phộ biến, dễ học, khả năng xử lý khi code. Bạn nào đang phân vân cứ xem kĩ nhen. Nguồn Phạm Huy Hoàng – Tôi đi code dạo Kết luận Angular hay React hay Vue đều đang được phát triển rất tích cực. Họ thường xuyên phát hành phiên bản mới và duy trì những phiên bản hiện có. Vì mức độ hỗ trợ hiện tại cao trong mỗi trường hợp, bạn có thể yên tâm sử dụng bất kỳ khuôn khổ nào trong số này. Điều quan trọng cần lưu ý là Angular không phát triển nhanh như trước, trong khi Vue – mặc dù nó bắt đầu gần đây hơn – dường như đang phát triển rất nhiều. Như đã nói trước đây, chúng tôi không thể dự đoán những khuôn khổ nào sẽ vẫn phù hợp trong dài hạn, nhưng mỗi dự án đều có một cộng đồng tuyệt vời đằng sau nó và đang không ngừng phát triển. Mục tiêu của tôi với bài viết này là giải thích sự khác biệt về kiến ​​trúc, phân tích điểm mạnh và điểm yếu của từng framework và so sánh chúng ở bất kỳ nơi nào có thể áp dụng được. Trước khi chuyển sang một framework mới, có một số điều cần xem xét. Đầu tiên, kinh nghiệm của nhóm bạn có thể là yếu tố quyết định khi chọn một công nghệ mới. Tương tự như vậy, bạn phải xem xét tài năng sẵn có trong khu vực của bạn để bạn có thể thuê các lập trình viên cho dự án của mình. Cuối cùng, khi nói đến bản thân dự án, độ phức tạp và phạm vi cũng có thể ảnh hưởng đến sự lựa chọn của bạn về framework. Bằng cách tính đến tất cả các điểm khác biệt chính, tôi hy vọng bạn có thể quyết định đâu là framework có giao diện người dùng tốt nhất cho mục tiêu và nhu cầu của mình. Cảm ơn bạn đã theo dõi bài viết! Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây. Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm. TỔNG HỢP TÀI LIỆU HỌC LẬP TRÌNH CƠ BẢN CHO NGƯỜI MỚI BẮT ĐẦUKHOÁ HỌC BOOTCAMP JAVA/JAVASCRIPT/PHP TRỞ THÀNH LẬP TRÌNH VIÊN TRONG 5-6 THÁNG

js model thành viên