Video: Sử dụng Visual Studio Code 2025
Một phần của vấn đề với các ứng dụng dựa trên trình duyệt là bạn yêu cầu một tài nguyên từ một thư viện CSS3 và kết thúc với toàn bộ thư viện được tải. Quá trình này chậm, rườm rà, dễ bị lỗi, và đơn giản là không hiệu quả.
Bạn có thể sử dụng yepnope. js để giúp vượt qua những vấn đề này. Khi làm việc với yepnope. js, bạn cung cấp một điều kiện mà sản phẩm đó sẽ kiểm tra, và sau đó tải các tài nguyên chỉ khi cần thiết để hỗ trợ một điều kiện cụ thể. Bạn có thể sử dụng sản phẩm này với tệp CSS3 hoặc JavaScript.
May mắn thay, yepnope. js đi xa hơn việc đơn giản là nạp tài nguyên dựa trên các điều kiện. Ví dụ, một số ứng dụng sẽ không chú ý gọi một kịch bản có cùng tham số đầu vào nhiều lần khi chỉ có một đầu ra có thể sử dụng một bộ đầu vào cụ thể. Cuộc gọi nhiều cuộc gọi có thể chứng minh đặc biệt tốn thời gian khi gọi một URL khác.
Bạn có thể sử dụng yepnope. js để giữ các sự kiện như thế này xảy ra. Công cụ giúp làm cho mã ứng dụng thông minh hơn nên tránh các cuộc gọi độ trễ cao bất cứ khi nào có thể.
Một vấn đề khác với kịch bản là họ có thể tiếp tục chạy, ngay cả khi không có hy vọng rằng họ sẽ hoàn thành. Sau một thời gian, người dùng nhấp vào nút Quay lại hoặc đi đến một trang web khác.
Bạn có thể thêm thời gian chờ cho các tập lệnh riêng lẻ với yepnope. js để nó có thể phát hiện ra timeouts và xử lý chúng như là lỗi. Với khả năng này tại chỗ, nó có khả năng hồi phục từ các kịch bản tiếp tục chạy khi họ không nên.
Trọng tâm trung tâm của yepnope. js là hàm yepnope (). Nó cung cấp cú pháp như sau:
yepnope ([{test: / * Một điều kiện mà bạn muốn kiểm tra * /, yep: / * Các tác vụ được thực hiện khi đúng. * /, Nope: / * Các tác vụ được thực hiện khi false * /, cả hai: / * Các công việc được thực hiện mỗi lần * /, load: / * Tài nguyên được nạp mỗi lần * /, callback: / * Chức năng gọi trong quá trình xử lý * /, hoàn thành: / * Một chức năng gọi sau khi xử lý * /}, …]);
Ý tưởng cơ bản là bạn tạo ra một kịch bản mà các nhiệm vụ được thực hiện dựa trên nhu cầu cụ thể để ứng dụng không dành thời gian để thực hiện các tác vụ không cần thiết (và lãng phí cả thời gian và tài nguyên như là một kết quả). Tất nhiên, yepnope. js cung cấp nhiều chức năng hơn trình bày trong tổng quan này, nhưng phiên bản ngắn là đây là trình nạp tài nguyên thông minh.
