Tóm Tắt
Một định nghĩa cấp cao
JavaScript là ngôn từ scripting hoặc lập trình được cho phép bạn tiến hành những tính năng phức tạp trên trang web – mỗi khi website hiển thị update nội dung kịp thời, map tương tác, phim hoạt hình 2D / đồ họa 3D, video, v.v. – bạn hoàn toàn có thể đặt cược rằng JavaScript hoàn toàn có thể đang được sử dụng. Đây là lớp thứ ba của công nghệ tiên tiến web tiêu chuẩn, hai trong số đó ( HTML và CSS ) mà chúng tôi đã đề cập cụ thể hơn nhiều trong những phần trước .
- HTML là ngôn ngữ đánh dấu mà chúng tôi sử dụng để tạo cấu trúc và có ý nghĩa đối với nội dung web, ví dụ: xác định đoạn văn, tiêu đề và bảng dữ liệu hoặc nhúng hình ảnh và video trong web.
- CSS là ngôn ngữ của các kiểu mà chúng tôi sử dụng để áp dụng kiểu dáng cho nội dung HTML, ví dụ: đặt màu nền và phông chữ và đặt nội dung trong nhiều cột.
- JavaScript là gì? Là ngôn ngữ kịch bản cho phép bạn tạo nội dung động, kiểm soát đa phương tiện, hình ảnh động và hầu hết mọi thứ khác.
Ba lớp thiết kế xây dựng trên nhau một cách độc lạ trong blog frontend. Hãy lấy một nhãn văn bản đơn thuần làm ví dụ. Chúng tôi hoàn toàn có thể ghi lại nó bằng HTML để cung ứng cho nó cấu trúc và mục tiêu :
Player 1 : Chris
Sau đó, tất cả chúng ta hoàn toàn có thể thêm một số ít CSS vào để làm cho nó trông thích mắt :p {font-family : ‘ helvetica neue ’, helvetica, sans-serif ;letter-spacing : 1 px ;text-transform : uppercase ;text-align : center ;border : 2 px solid rgba ( 0,0,200,0. 6 ) ;background : rgba ( 0,0,200,0. 3 ) ;color : rgba ( 0,0,200,0. 6 ) ;box-shadow : 1 px 1 px 2 px rgba ( 0,0,200,0. 4 ) ;border-radius : 10 px ;padding : 3 px 10 px ;display : inline-block ;cursor : pointer ;
}
Và sau cuối, tất cả chúng ta hoàn toàn có thể thêm 1 số ít JavaScript để triển khai hành vi :const para = document. querySelector ( ‘ p ’ ) ;para. addEventListener ( ‘ click ’, updateName ) ;function updateName ( ) {let name = prompt ( ‘ Enter a new name ’ ) ;para. textContent = ‘ Player 1 : ‘ + name ;}JavaScript hoàn toàn có thể làm được nhiều hơn thế – hãy mày mò cụ thể hơn .
Vì vậy, những gì nó thực sự có thể làm gì?
Ngôn ngữ JavaScript phía máy khách cốt lõi gồm có 1 số ít tính năng lập trình phổ cập được cho phép bạn thực thi những việc như :
- Lưu trữ các giá trị hữu ích bên trong các biến. Trong ví dụ trên, chúng tôi yêu cầu nhập tên mới sau đó lưu tên đó vào một biến được gọi là name.
- Hoạt động trên các đoạn văn bản (được gọi là “chuỗi” trong lập trình). Trong ví dụ trên, chúng tôi lấy chuỗi “Người chơi 1:” và nối nó với biếnname để tạo nhãn văn bản hoàn chỉnh, ví dụ: ”Người chơi 1: Chris”.
- Chạy mã để đáp ứng với các sự kiện nhất định xảy ra trên một trang web. Chúng tôi đã sử dụng một sự kiện click trong ví dụ trên khi nhấp vào nút và sau đó chạy mã cập nhật nhãn văn bản.
- Và nhiều hơn thế nữa!
Tuy nhiên, điều thú vị hơn nữa là chức năng này được xây dựng dựa trên ngôn ngữ JavaScript phía máy khách. Cái gọi là Giao diện lập trình ứng dụng (API) cung cấp cho bạn thêm siêu năng lực để sử dụng trong mã JavaScript của bạn.
JavaScript đang làm gì trên trang của bạn?
Ở đây tất cả chúng ta sẽ mở màn thực sự xem xét một số ít đoạn code và trong khi thực thi điều đó sẽ tò mò những gì thực sự xảy ra khi bạn chạy 1 số ít JavaScript trong trang của mình .Chúng ta hãy tóm tắt ngắn gọn câu truyện về những gì xảy ra khi bạn tải một website trong trình duyệt. Khi bạn tải một website trong trình duyệt của mình, bạn đang chạy code ( HTML, CSS và JavaScript ) trong thiên nhiên và môi trường thực thi ( tab trình duyệt ). Đây giống như một nhà máy sản xuất lấy nguyên vật liệu thô ( code ) và xuất ra một mẫu sản phẩm ( website ) .JavaScript được thực thi bởi công cụ JavaScript của trình duyệt, sau khi HTML và CSS được tập hợp lại và đưa vào một website. Điều này bảo vệ rằng cấu trúc và kiểu của trang đã được đặt đúng lúc JavaScript mở màn chạy .Đây là một điều tốt, vì một cách sử dụng JavaScript rất thông dụng là tự động hóa sửa đổi HTML và CSS để update giao diện người dùng, trải qua API Document Object Model. Nếu JavaScript được tải và cố chạy trước khi HTML và CSS ở đó, thì sẽ xảy ra lỗi .
JavaScript là một ngôn ngữ lập trình nhẹ. Trình duyệt web nhận code JavaScript ở dạng văn bản gốc và chạy tập lệnh từ đó. Từ quan điểm kỹ thuật, hầu hết các trình biên dịch JavaScript hiện đại thực sự sử dụng một kỹ thuật gọi là just-in-time compiling để cải thiện hiệu suất; mã nguồn JavaScript được biên dịch thành định dạng nhị phân nhanh hơn trong khi tập lệnh đang được sử dụng, để có thể chạy nhanh nhất có thể. Tuy nhiên, JavaScript vẫn được coi là ngôn ngữ được diễn giải, vì quá trình biên dịch được xử lý trong thời gian chạy, thay vì trước thời hạn.
Có những lợi thế cho cả hai loại ngôn từ, nhưng chúng tôi sẽ không bàn luận về chúng ngay giờ đây .
Làm thế nào để bạn thêm JavaScript vào trang của bạn?
JavaScript được áp dụng cho trang HTML của bạn theo cách tương tự như CSS. Trong khi CSS sử dụng các yếu tố để áp dụng các kiểu và các phần tử bên ngoài
Source: https://final-blade.com
Category: Kiến thức Internet
