Công dụng chính của javascript là gì?
Trong bài viết này, chúng tôi thảo luận về những gì JavaScript có thể được sử dụng trên web, nhược điểm của nó và cách sử dụng nó một cách có trách nhiệm Show
Giới thiệuGiờ đây, Chương trình giảng dạy về Tiêu chuẩn Web đã đưa bạn qua các khái niệm cơ bản cốt lõi của lập trình, đã đến lúc lùi lại một bước từ các chi tiết và xem xét kỹ hơn những gì bạn thực sự có thể làm với JavaScript — tại sao bạn lại muốn học Đây là một thời điểm thú vị, vì việc sử dụng JavaScript đã chuyển từ một vấn đề kiến thức bên lề sang một kỹ năng phát triển web chính thống trong vài năm qua. Ngay bây giờ, rất khó để có được một công việc như một nhà phát triển web mà không có kỹ năng JavaScript Làm thế nào mọi người trở nên thích JavaScriptMáy tính từng chậm hơn nhiều và trình duyệt diễn giải JavaScript rất tệ. Hầu hết các nhà phát triển đến từ thế giới phát triển back-end. Trước đó, JavaScript dường như là một ý tưởng tồi Mặt khác, chi phí lưu trữ tệp rất cao. Đây là nơi JavaScript xuất hiện. JavaScript được thực thi trên máy tính của người dùng khi họ truy cập trang, nghĩa là bất kỳ điều gì bạn có thể làm trong JavaScript sẽ không gây thêm áp lực xử lý lên máy chủ của bạn. Do đó, nó là phía khách hàng. Điều này làm cho các trang web phản hồi nhanh hơn nhiều đối với người dùng cuối và ít tốn kém hơn về lưu lượng truy cập máy chủ Bỏ qua ngày hôm nay – các trình duyệt hiện đại có JavaScript được triển khai tốt, máy tính nhanh hơn nhiều và băng thông rẻ hơn rất nhiều, vì vậy rất nhiều tiêu cực ít nghiêm trọng hơn. Tuy nhiên, việc cắt giảm các chuyến đi khứ hồi của máy chủ bằng cách thực hiện mọi thứ trong JavaScript vẫn dẫn đến các ứng dụng web phản hồi nhanh hơn và trải nghiệm người dùng tốt hơn Nhược điểm của JavaScriptNgay cả với tất cả những cải tiến này, vẫn có một nhược điểm. JavaScript không ổn định. Không phải bản thân ngôn ngữ mà là môi trường nó được triển khai trong. Bạn không biết máy tính nào ở đầu nhận trang web của mình, bạn không biết máy tính bận rộn với những thứ khác như thế nào và bạn không biết liệu một số JavaScript khác trong một tab khác của trình duyệt có đang nghiền nát mọi thứ hay không. . Cho đến khi các trình duyệt bắt đầu có các tài nguyên xử lý khác nhau cho các tab và cửa sổ khác nhau (còn được gọi là luồng), vấn đề này sẽ luôn là một vấn đề. Nhiều luồng được cung cấp ở một mức độ nhất định bằng một tính năng HTML5 mới có tên là Web worker và tính năng này có hỗ trợ trình duyệt hợp lý Ngoài ra, JavaScript thường bị tắt trong trình duyệt vì lo ngại về bảo mật hoặc vì JavaScript thường được sử dụng để làm phiền mọi người hơn là để cải thiện trải nghiệm của họ. Ví dụ: nhiều trang web vẫn cố gắng bật lên các cửa sổ mới theo ý muốn của bạn hoặc che nội dung bằng quảng cáo cho đến khi bạn nhấp vào liên kết để loại bỏ nó JavaScript có thể làm gì cho bạnHãy lùi lại một bước và đếm giá trị của JavaScript
Đó là rất nhiều đối với một ngôn ngữ mà cho đến gần đây vẫn bị các lập trình viên cười nhạo vì ủng hộ “ngôn ngữ lập trình cao hơn”. Một phần trong thời kỳ phục hưng của JavaScript là ngày nay chúng ta đang xây dựng các ứng dụng web ngày càng phức tạp hơn và tính tương tác cao đòi hỏi phải có Flash (hoặc các plugin khác) hoặc tập lệnh. JavaScript được cho là cách tốt nhất để sử dụng, vì nó là một tiêu chuẩn web, nó được hỗ trợ nguyên bản trên các trình duyệt (ít nhiều — một số điểm khác nhau giữa các trình duyệt và những điểm khác biệt này sẽ được thảo luận ở những vị trí thích hợp trong các bài viết tiếp theo bài viết này), Sử dụng phổ biến của JavaScriptViệc sử dụng JavaScript đã thay đổi qua nhiều năm chúng tôi đã sử dụng nó. Lúc đầu, tương tác JavaScript với trang web hầu như chỉ giới hạn ở việc tương tác với các biểu mẫu, đưa ra phản hồi cho người dùng và phát hiện khi họ thực hiện một số việc nhất định. Chúng tôi đã sử dụng Hình 1. Thông báo cho người dùng cuối về các lỗi bằng cách sử dụng câu lệnh Điều này chủ yếu dẫn đến các tập lệnh xác thực ngăn người dùng gửi biểu mẫu đến máy chủ khi có lỗi và các trình chuyển đổi và máy tính đơn giản. Ngoài ra, chúng tôi đã quản lý để xây dựng những thứ cực kỳ vô dụng như lời nhắc hỏi tên người dùng chỉ để in nó ra ngay sau đó Một thứ khác mà chúng tôi đã sử dụng là Nhập tập lệnh DOMKhi các trình duyệt bắt đầu hỗ trợ và triển khai Mô hình Đối tượng Tài liệu (DOM), cho phép chúng ta tương tác phong phú hơn với các trang web, JavaScript bắt đầu trở nên thú vị hơn DOM là một đại diện đối tượng của tài liệu. Ví dụ: đoạn trước (kiểm tra nguồn của nó bằng cách sử dụng nguồn xem) trong DOM-speak là một nút phần tử có
Nút con Bạn cũng có thể trình bày đoạn văn này một cách trực quan bằng sơ đồ hình cây, như trong Hình 2 Hình 2. Một đại diện trực quan của cây DOM mẫu của chúng tôi Nói theo cách của con người, bạn có thể nói rằng DOM giải thích cả các loại, giá trị và thứ bậc của mọi thứ trong tài liệu — hiện tại bạn không cần biết gì thêm. Để biết thêm thông tin về DOM, hãy xem bài viết Di chuyển qua DOM sau trong khóa học Sử dụng DOM bạn có thể
Điều này có nghĩa là chúng ta không còn phải dựa vào các cửa sổ, khung, biểu mẫu và các cảnh báo xấu xí nữa và có thể đưa ra phản hồi cho người dùng trong tài liệu theo cách thức độc đáo, như được chỉ ra trong Hình 3 Hình 3. Sử dụng DOM, bạn có thể tạo các thông báo lỗi đẹp hơn và ít xâm phạm hơn Cùng với xử lý sự kiện, đây là một kho vũ khí rất mạnh để tạo các giao diện tương tác và đẹp mắt Xử lý sự kiện có nghĩa là mã của chúng tôi phản ứng với những điều xảy ra trong trình duyệt. Đây có thể là những thứ tự động xảy ra — như trang tải xong — nhưng hầu hết thời gian chúng tôi phản ứng với những gì người dùng đã làm với trình duyệt Người dùng có thể thay đổi kích thước cửa sổ, cuộn trang, nhấn một số phím nhất định hoặc nhấp vào liên kết/nút/thành phần bằng chuột. Với xử lý sự kiện, chúng tôi có thể đợi những điều này xảy ra và yêu cầu trang web phản hồi những hành động này như chúng tôi muốn. Trong khi trước đây, nhấp vào bất kỳ liên kết nào sẽ đưa khách truy cập trang web đến một tài liệu khác, giờ đây chúng tôi có thể chiếm quyền điều khiển chức năng này và thực hiện một số việc khác như hiển thị và ẩn bảng điều khiển hoặc lấy thông tin trong liên kết và sử dụng thông tin đó để kết nối với dịch vụ web Các sự kiện được trình bày chi tiết hơn trong bài viết Xử lý các sự kiện trong JavaScript ở phần sau của khóa học Các cách sử dụng JavaScript hiện đại khácVà về cơ bản đây là những gì chúng tôi đang làm ngày nay với JavaScript. Chúng tôi cải thiện giao diện web cũ, đã được thử nghiệm và chân thực — nhấp vào liên kết, nhập thông tin và gửi biểu mẫu, v.v. - để phản ứng nhanh hơn với người dùng cuối. Ví dụ
Sử dụng JavaScript hợp lý và có trách nhiệmKhông có nhiều thứ bạn không thể làm với JavaScript — đặc biệt khi bạn kết hợp nó với các công nghệ khác như Canvas hoặc SVG. Tuy nhiên, sức mạnh lớn đi kèm với trách nhiệm lớn và bạn phải luôn nhớ những điều sau khi sử dụng JavaScript
Sự kết luậnJavaScript là một công nghệ tuyệt vời để sử dụng trên web. Nó không khó để học và nó rất linh hoạt. Nó hoạt động độc đáo với các công nghệ web khác — chẳng hạn như HTML và CSS — và thậm chí có thể tương tác với các plugin như Flash. JavaScript cho phép chúng tôi xây dựng giao diện người dùng có độ phản hồi cao, ngăn tải lại trang gây khó chịu và thậm chí khắc phục các sự cố hỗ trợ cho CSS. Sử dụng các tiện ích bổ sung phù hợp của trình duyệt (chẳng hạn như Google Gears hoặc Yahoo Browser Plus), thậm chí bạn có thể sử dụng JavaScript để làm cho các hệ thống trực tuyến khả dụng ngoại tuyến và tự động đồng bộ hóa sau khi máy tính trực tuyến JavaScript cũng không bị hạn chế đối với các trình duyệt. Tốc độ và dung lượng bộ nhớ nhỏ của JavaScript so với các ngôn ngữ khác mang lại ngày càng nhiều ứng dụng cho nó — từ tự động hóa các tác vụ lặp đi lặp lại trong các chương trình như Illustrator, cho đến sử dụng nó làm ngôn ngữ phía máy chủ với trình phân tích cú pháp độc lập. Tương lai rộng mở 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 .
Việc sử dụng phổ biến nhất cho JavaScript là gì?Một số cách sử dụng JavaScript phổ biến nhất là. . phát triển web ứng dụng web máy chủ web Ứng dụng di động phát triển trò chơi Thuyết trình và trình chiếu |