Có rất nhiều nền tảng để trang trải khi bạn đang học JavaScript. Chắc chắn là rất thú vị khi học một ngôn ngữ mới. - nhưng nó cũng có thể là một chút áp đảo. Có lẽ bạn đang tích cực tìm hiểu khóa học hoặc sách JavaScript trực tuyến. Đó là tất cả thông tin hữu ích, vậy làm thế nào để bạn biết những gì bạn thực sự sẽ sử dụng? Show Bài đăng này sẽ đề cập đến những gì tôi thấy là chủ đề JavaScript được sử dụng nhiều nhất trong sự nghiệp của mình. Tôi tin rằng việc dành thời gian của bạn cho những chủ đề này sẽ giúp bạn xây dựng một nền tảng kiến thức thực dụng hơn về JavaScript Với ý nghĩ đó và không theo thứ tự cụ thể nào, đây là 7 chủ đề JavaScript được sử dụng nhiều nhất mà bạn nên biết 1. lời hứa Trong một bài đăng gần đây, tôi đã viết về các đề xuất về cách bạn nên phân bổ thời gian khi học JavaScript. Đứng đầu danh sách đó là lập trình không đồng bộ - những lời hứa cụ thể Học cách học JavaScript5 gợi ý về cách bạn nên sử dụng thời gian khi học JavaScriptvừa phải. com Lời hứa là trung tâm của vũ trụ không đồng bộ. Hiểu cách nó hoạt động và sử dụng nó một cách chính xác là điều cần thiết để viết bất kỳ ứng dụng JavaScript hiện đại nào Rất dễ viết mã hứa hẹn cẩu thả vừa khó đọc vừa khó hiểu. Biết các mẫu thiết kế lời hứa tốt có thể giúp ích cho điều đó, cũng như async/await có thể. (nhiều hơn hoặc cái đó sau). Nhưng bây giờ, đây là một ví dụ về lời hứa đơn giản tìm nạp bằng cách sử dụng lời hứaĐọc thêm — Lời hứa ES6. Các mẫu và phản mẫu của Bobby Brennan 2. Không đồng bộ/Đang chờViết mã với lời hứa có thể trở nên lộn xộn rất nhanh. Có thể khó đọc và viết mã không đồng bộ vì chúng ta đã quá quen với việc đọc mã đồng bộ từ trên xuống dưới. Một điều chắc chắn cần nhớ là async/await về cơ bản chỉ là đường cú pháp trên các lời hứa - giống như cách Đây là cùng một khối mã ở trên cho lời hứa, hiện được viết bằng Đọc thêm — JavaScript không đồng bộ/đang chờ. Phần hay, cạm bẫy và cách sử dụng của Charlee Li — 6 lý do tại sao JavaScript Async/Await Blows Promises Away (Hướng dẫn) của Mostafa Gaafar 3. Tìm vềCả hai ví dụ trên cho promise và async/await đều sử dụng hàm có tên là
Đọc thêm — Trang web MDN Web Docs có một bài viết rất chi tiết về cách sử dụng tìm nạp mà tôi thực sự khuyên bạn nên đọc qua 4. Lớp học & Đối tượngMã JavaScript front-end đang trở nên hướng đối tượng hơn bao giờ hết trong thiết kế. Mức độ phổ biến của các framework dựa trên thành phần như React đang ở mức cao nhất mọi thời đại và TypeScript đang đưa các khái niệm như giao diện và kiểm tra kiểu tĩnh vào mã JavaScript của chúng tôi. Chính vì những lý do này mà bắt buộc phải biết thông tin chi tiết về các lớp và đối tượng JavaScript Hãy xem xét một thành phần React rất đơn giản với TypeScript Đối với một thành phần đơn giản này, bạn phải hiểu các lớp, đối tượng, hàm tạo và giao diện TypeScript Đọc thêm — This & Object Prototypes của Kyle — Tài liệu - Lớp học so với. Giao diện trong TypeScript 5. nhập khẩu xuất khẩuBố cục dựa trên thành phần của các ứng dụng giao diện người dùng của bạn hiện đang cực kỳ phổ biến. Và thông thường, có một thành phần trên mỗi quy tắc tệp mà hầu hết các nhà phát triển tuân theo. Vì những lý do này, bạn sẽ sử dụng xuất nhập khẩu rất nhiều Nó có vẻ như là một thứ tầm thường để sử dụng, nhưng đừng chỉ lướt qua toàn bộ chủ đề. Sử dụng nhập và xuất đúng cách có thể cải thiện đáng kể hiệu suất và kích thước tệp của ứng dụng của bạn Đọc thêm — Nhập và xuất ES6. Hướng dẫn cho người mới bắt đầu của Adam Cowley — Xuất khẩu được đặt tên so với Xuất khẩu mặc định trong ES6 của Alankar Anand 6.How 'cái này hoạt độngNếu bạn đã đọc phần còn lại của bài đăng này hoặc bất kỳ blog nào khác của tôi, bạn sẽ biết lập trình không đồng bộ quan trọng như thế nào trong các ứng dụng web hiện đại Trong một thế giới không đồng bộ, bối cảnh của mã hiện tại đang được thực thi liên tục thay đổi. Là nhà phát triển, bạn sẽ dễ dàng hiểu mã không đồng bộ hơn nhiều nếu bạn hiểu cách Bạn có biết quy tắc ngón tay cái là gì để biết điều gì sẽ xảy ra với Đọc thêm — This & Object Prototypes của Kyle — Quy tắc đơn giản để 'điều này' trong Javascript của Arnav Aggarwal 7. Sự kiện & Người nghe sự kiệnTrong bất kỳ ứng dụng hướng tới người dùng nào, chẳng hạn như ứng dụng web, hầu hết mã của bạn sẽ xoay quanh việc lắng nghe và phản hồi tương tác của người dùng. Có nhiều cách để giải quyết vấn đề này, do đó, một cách tự nhiên, một số mẫu thiết kế đã xuất hiện cụ thể về cách xử lý tốt nhất dữ liệu sự kiện và hành động phản hồi Ví dụ, MVC với liên kết dữ liệu 2 chiều đã phổ biến trong một thời gian dài. Trong mẫu này, mô hình sẽ cập nhật cùng với chế độ xem, được hỗ trợ bởi bộ điều khiển. Bất cứ khi nào mô hình thay đổi, chế độ xem cũng sẽ thay đổi và ngược lại. Điều này làm cho việc viết giao diện người dùng trở nên rất dễ dàng nhưng rất khó gỡ lỗi khi mọi thứ trở nên tồi tệ Mẫu phổ biến nhất hiện nay dựa trên một số dạng luồng dữ liệu một chiều. Trong mẫu này, các thành phần dạng xem chỉ cần gửi dữ liệu sự kiện đến các thành phần chính của nó, sau đó chọn có cập nhật dữ liệu của chính nó hay không. Sau đó, mọi thay đổi được đẩy trở lại các thành phần con sẽ cập nhật chế độ xem của chính chúng Luồng dữ liệu một chiều như React's Reflux hoàn toàn là về việc sử dụng các sự kiện và trình lắng nghe sự kiện. Sẽ rất khó để sử dụng React hoặc bất kỳ framework hiện đại nào khác mà không nắm vững các sự kiện và trình xử lý sự kiện Đọc thêm — Hiểu luồng dữ liệu một chiều trong React của Liz Denhup — Luồng dữ liệu một chiều? . Tuôn ra? . của Adam Neary Tóm tắt… Tôi muốn kết thúc bằng cách nhắc lại rằng đây là ý kiến dựa trên kinh nghiệm của tôi với tư cách là nhà phát triển giao diện người dùng. Tôi không nói rằng các chủ đề khác không quan trọng và nên bỏ qua. Danh sách này chỉ bao gồm các chủ đề mà tôi thấy là hữu ích nhất khi phát triển JavaScript hàng ngày 🙂 Các phần chính của JavaScript là gì?Hệ sinh thái cốt lõi của JavaScript bao gồm 3 thành phần chính là ECMAScript, Công cụ JavaScript và Thời gian chạy JavaScript . NodeJS và Google Chrome có thể sử dụng cùng một Công cụ JavaScript nhưng lại có cách triển khai JavaScript rất khác nhau dành cho nhà phát triển.
Chủ đề nào quan trọng trong JavaScript?Hiểu cách điều hướng (traverse) DOM bằng Javascript được cho là một trong những kỹ năng nền tảng quan trọng nhất cần có.
Phần khó nhất của JavaScript là gì?Các khái niệm khó hiểu nhất trong JavaScript . JavaScript không đồng bộ (lời hứa, gọi lại, không đồng bộ/đang chờ) đóng cửa Vòng lặp sự kiện đệ quy Phạm vi cẩu kế thừa nguyên mẫu Mục đích chính của JavaScript là gì?JavaScript là ngôn ngữ kịch bản cho phép bạn tạo nội dung cập nhật động, kiểm soát đa phương tiện, tạo ảnh động và gần như mọi thứ khác . |
