원칙적으로 모든 웹 사이트는 3 가지 기술을 기반으로 구축됩니다. HTML, CSS 및 자바 스크립트. HTML은 사이트의 다른 구성 요소 부분의 순서를 다룹니다. CSS는 해당 부분이 렌더링되는 방식과 자바 스크립트 사용자 작업에 응답하는 것과 같은 복잡한 작업.
En 이전 기사 우리는 그것이 CSS 프레임 워크라고 설명했고 Linux에서 사용할 수있는 최고의 프레임 워크 목록을 제공했습니다. Javascript의 역할이 설명하기가 조금 더 어렵습니다. 우리는 프레임 워크에 대해 논평하기 전에 주제에 대해 약간 소개 할 것입니다.
자바 스크립트 프로그래밍 언어. 약간의 소개
자바 스크립트 란?
자바 스크립트는 원래 웹 페이지가 정적 인 것을 막기 위해 만들어진 프로그래밍 언어 오늘날 그 사용은 웹과 관련이없는 분야로 확산되었습니다.
L자바 스크립트로 작성된 프로그램을 스크립트라고합니다. Javascript 엔진으로 알려진 가상 머신 내부에서 실행됩니다.
모든 최신 브라우저에는 Javascript 엔진 버전이 포함되어 있습니다.
사용자의 안전을 위해 다른 브라우저는 자바 스크립트 코드가 할 수있는 일을 제한합니다.. 예를 들어, 디스크의 중요한 파일에 액세스합니다. 그러나 이것은 각각의 구성 옵션에서 더 제한 될 수 있습니다.
웹 페이지 내에서 Javascript 코드의 작동은 다음과 같습니다.
- 브라우저에 내장 된 자바 스크립트 엔진이 코드를 읽습니다.
- 코드는 기계어로 변환됩니다.
- 기계가 코드를 실행합니다.
프로그래밍 언어이기 때문에 Javascript는 다음과 같은 작업을 수행 할 수 있습니다.
- 변수 내에 정보를 저장합니다.
- 텍스트 문자열을 처리합니다.
- 링크 클릭과 같은 이벤트에 응답하는 프로그램을 실행합니다.
자바 스크립트 기능 증가 API (응용 프로그래밍 인터페이스) 사용을 통해
API는 특정 작업을 위해 생성 된 프로그램 라이브러리 개발자가 기존 코드를 다시 작성하지 않아도됩니다. Javascript의 경우 두 가지 유형의 APIS에 대해 이야기 할 수 있습니다.
브라우저 API
브라우저 내에서 실행되고 환경에 응답합니다.. 예를 들면 다음과 같습니다.
DOM (문서 개체 모델) : 특정 이벤트에 대한 응답으로 페이지의 HTML 및 CSS 코드를 수정할 수 있습니다. 페이지가 다른 기기에서 어떻게 표시되는지 볼 수있는 웹 사이트의 경우입니다.
Geolocation APIa : 사용자의 위치를 감지하고 그에 따라 대응하는 데 사용됩니다. 예를 들어, Netflix에서 사용자의 국가 또는 Google지도에서 볼 수있는 콘텐츠를 파악하여 현재 위치를 표시하는 데 사용됩니다.
Canvas 및 WebGL : 2D 및 3D 그래픽 플로팅에 이상적입니다.
멀티미디어 API : 이를 통해 웹 페이지에서 멀티미디어 콘텐츠를 송수신 할 수 있습니다.
타사 API
다른 웹 서비스는 더 많은 사용자를 확보하려고합니다 (어떤 경우에는 해당 사용자로부터 더 많은 정보를 제공하여 판매). 개발자가 기능을 통합 할 수 있도록 프로그래밍 인터페이스 생성 이러한 서비스가 외부 사이트에 제공합니다. 예를 들어 Google 또는 Facebook 계정에 등록 할 수있는 웹 페이지의 경우입니다.
웹 사이트에서 자바 스크립트 코드가 작동하는 방식
우선, 각 자바 스크립트 스크립트는 자체 런타임 환경 내에서 실행됩니다.. 각 탭 (동일한 창에서 다른 사이트를 여는 경우) 또는 원하는 경우 다른 창에 대한 실행 환경이 있습니다. 어떤 경우에도 사용자의 적극적인 개입없이 서로 또는 우리가 말했듯이 운영 체제와 상호 관련되지 않습니다.
첫 번째e는 웹 페이지의 HTML 코드를로드합니다. 문서의 개체 모델이 만들어져 브라우저에 표시 될 수 있습니다. 그런 다음 첨부 할 항목이로드됩니다. 페이지에 미디어, 이미지 및 스타일 시트로 추가합니다. 마지막으로 스타일은 페이지의 다른 부분에 할당됩니다. 스타일 시트에 의해 결정됩니다.
이 모든 것이 끝나면 Javascript 엔진이 시작됩니다. 위에서 언급 한 순서를 따릅니다.
다음 기사에서는 약속 된 자바 스크립트 프레임 워크 목록으로 이동합니다.