>  기사  >  웹 프론트엔드  >  기초부터 능숙함까지 - 자바스크립트 언어

기초부터 능숙함까지 - 자바스크립트 언어

零下一度
零下一度원래의
2017-06-26 11:50:371060검색

Javascript는 객체 지향 기능을 갖춘 해석된 프로그래밍 언어입니다. 개체 및 시간 중심적이고 상대적으로 안전한 클라이언트 측 스크립팅 언어입니다. 언어 환경에서 실행할 필요가 없기 때문에 이를 지원하는 브라우저만 있으면 됩니다. 주요 목적은 서버로 전송되는 데이터를 확인하고 웹 상호 작용을 늘리며 사용자 경험을 향상시키는 것입니다.

통역 언어와 컴파일 언어의 차이점 ​

통역 언어 ​​: 이 유형은 런타임 중에 프로그램을 기계어로 컴파일합니다.

                                                             컴파일 언어 : 이런 종류의 언어는 프로그램 실행 시 컴파일 과정을 거치는데, 프로그램은 기계어로 컴파일되지 않고 바이트코드로 컴파일됩니다. 예를 들어, Java 언어가 실행 중일 때 JVM은 바이트코드를 기계어로 변환합니다. JVM은 가상의 컴퓨터인 Java 가상 머신입니다. + ~                그러나 해석된 언어의 컴파일 효율성은 컴파일된 언어보다 느립니다. 브라우저에서 프로그램을 구문 분석할 때 js는 브라우저에서 자체 해석 엔진을 사용합니다. 자바스크립트 v8 엔진. 브라우저 코어가 js를 뷰로 컴파일할 때 "어휘 분석", "문법 분석" 및 "코드 생성"의 세 단계를 거쳐야 합니다. 이는 컴파일된 언어의 명백한 특징입니다. 자세한 내용은 "Rhinoceros Book" 2장과 "당신이 모르는 JavaScript" 1장을 참조하세요.

java 코드는 JVM에 의해 실행됩니다.

javascript는 javascript 인터프리터에 의해 실행됩니다.

각 브라우저는 다르며 일반적으로 각 브라우저의 커널에 포함됩니다.

브라우저 커널에는 일반적으로 두 가지 엔진이 포함됩니다:

페이지 레이아웃 엔진

JS 엔진 IE는 자체 Trident 커널을 사용합니다.

FireFox는 Gecko 커널입니다.

Opera는 Presto 커널입니다.

Safari는 Webkit 커널을 사용합니다.

Chrome은 Google 자체입니다. javascript V8 엔진은 Webkit 커널을 사용합니다. 페이지 레이아웃의 경우 javascript는 스크립팅 언어이며 스크립팅 언어도 해석되는 언어입니다. 스크립팅 언어는 컴파일할 필요가 없으며 인터프리터가 직접 해석할 수 있습니다. 지금까지 JavaScript가 컴파일된 언어라는 주장으로 판단하면 JavaScript도 컴파일된 언어입니다. 스크립팅 언어로 일반화할 수 없습니다. 스크립팅 언어를 이해하는 방법은 간단합니다.

xxx.exe라는 프로그램을 작성하세요. .exe를 클릭하면 확장자가 .aa인 파일을 열 수 있습니다. 그런 다음 .aa 파일 작성 규칙을 지정했습니다. 이것이 스크립트가 수행하는 작업과 해당 관계입니다. 지침을 사용하여 프로그램을 순서대로 실행하세요.

브라우저 커널에서 자바스크립트의 관계와 원리 이해하기

브라우저 구문 분석 및 페이지 렌더링의 원리

:

이에 관해 말하자면, Chrome의 렌더링 엔진인 친숙한 웹킷을 언급해야 합니다. 다른 브라우저의 렌더링 엔진도 동일하지 않고, 각 브라우저의 핵심 엔진도 일관성이 없기 때문에 이제 페이지 구조를 레이아웃하기 위한 HTML 코드를 작성하는 과정에서 주요 브라우저와의 호환성 문제를 많이 다루어야 합니다.

브라우저에서 가장 중요하고 핵심적인 부분은 브라우저 커널인 해석 엔진입니다. 웹페이지가 제대로 작동하려면 렌더링 엔진과 해석 엔진이라는 두 가지 엔진을 사용해야 합니다. 호환성을 작성하는 다양한 방법은 이러한 브라우저 커널 엔진을 대상으로 합니다. 그렇다면 현재 주류 브라우저 코어는 무엇입니까? 4 的 현재 시장에 나와 있는 4가지 주류 브라우저

🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜 🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜 🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜 🎜🎜” 그 위치 덕분에 이러한 상황으로 인해 Trident는 오랫동안 Trident를 업데이트하지 않았으며 직접적으로 해결할 수 없는 버그와 보안 문제가 많이 발생했습니다. FireFox 브라우저의 등장. 그러나 시장 점유율로 인해 현재 프런트 엔드 개발 엔지니어에게 가장 골치 아픈 호환성 문제는 일부 하위 버전의 IE에 대한 것입니다. 🎜🎜                                  FireFox🎜🎜🎜         사용된 브라우저 커널은          Gecko🎜

오픈 소스 코드, 빠른 작동 및 처리 속도. 오픈 소스는 대부분의 유인원이 항상 환영하기 쉽습니다! 그리고 일부 외국 브라우저에서 주로 사용되는 Gecko를 사용하는 브라우저도 많습니다. 국내에서는 너무 많이 생각하지 마세요!

Opera

사용된 브라우저 커널은 presto

가장 잔인한 해석 엔진입니다! 웹 페이지 레이아웃 엔진. 렌더링 속도를 높이기 위해 고도로 최적화되었습니다. 간단히 말하면 효율성과 속도에 관한 것입니다. 그러나 이득과 손실이 있으며, 호환성을 희생시키면서 속도가 향상됩니다. 말할 필요도 없이 모든 브라우저 코어 중에서 가장 빠른 구문 분석 자바스크립트입니다. 하지만 지금은 프론트엔드가 너무 빠르게 발전하고 있기 때문에 사용자 경험이 최우선이고, 속도를 위해 호환성을 희생할 수는 없습니다. Opera는 presto를 중단하고 Google의 Blink 커널로 전환했습니다.

Chrome

사용된 브라우저 코어는 웹킷 렌더링 엔진 javascript v8 해석 엔진

해야 할 것은 위에서 설명했기 때문에 여기서는 더 설명하지 않겠습니다. 이는 많은 사람들이 프론트엔드와 프론트엔드 엔지니어가 선호하는 것에 대해 배우기 시작한 브라우저인 Chrome 브라우저의 핵심이기도 합니다. Apple 자체의 핵심입니다.览 浏 쉘 브라우저

:

IE 브라우저 대신 IE 커널을 사용합니다. 이러한 브라우저를 "쉘 브라우저"라고 합니다. 그 이유는 트라이던트가 오픈 커널이기 때문에 국내 시장에는 이런 쉘 브라우저가 많이 있기 때문이다. 예를 들어 360, Tencent TT, Cheetah 및 Aoyou는 듀얼 코어 또는 심지어 멀티 코어 방식을 사용합니다. 그 중 하나는 Trident 코어이고 다른 코어는 다른 코어에 추가됩니다. 국내 브라우저 제조업체는 일반적으로 이러한 상황을 사용자가 앞뒤로 전환할 수 있는 '고속 브라우징 모드'와 '호환 브라우징 모드'의 두 가지 유형으로 분류합니다. 그 중 IE 커널 Trident는 국내 제조업체가 적용한 '호환 브라우징 모드'입니다. IE 커널 버전은 그다지 높지 않으며 Trident의 반복 업데이트 속도를 따라잡을 수 없습니다. IE 커널의 낮은 버전은 사용자가 다운로드하기에는 너무 작고 편리합니다. 따라서 개발 초기부터 널리 번들로 제공되어 설치 및 사용되어 왔지만 특정 보안 문제가 있었습니다.众 위의 문제를 제기하면서 단계별로 해결과 인식을 하게 된다. 우리는 해석된 언어가 무엇인지, 컴파일된 언어가 무엇인지 알고 있습니다. 해석된 언어를 통해 브라우저 커널을 알게 되었습니다. 이들 사이의 차이점 중 일부는 코드 작성 과정과 밀접한 관련이 있습니다. 웹 프론트엔드를 배우는 과정이나 끊임없이 자신을 발전시키는 과정에서는 자바스크립트를 이해하고 아는 것이 가장 중요할 것입니다. 자바스크립트를 개발하는 과정에서 자바스크립트를 집중해서 공부해야 한다고 이전부터 생각한 친구들이 많았을 텐데요. 이제부터 누군가가 당신에게 상담하고 언어를 배우고 싶거나 새로운 언어를 마스터하고 싶다면 그 사람에게 JavaScript를 추천해야 합니다. 처음으로 자바스크립트 개발을 이끈 jQuery의 출현부터 사람들이 자바스크립트에 진정으로 접근할 수 있게 만든 html5, 그리고 이제는 nodejs까지. 이는 JavaScript에 대한 대부분의 사람들의 이전 견해를 완전히 전복시킵니다. 이러한 새로운 프레임워크의 출현으로 JavaScript는 진정으로 무한한 잠재력을 갖게 되었습니다!

HTML5는 JavaScript의 고급 콘텐츠입니다

아직도 html5와 html을 연관시키는 사람들이 많습니다. 그러나 일부 최적화가 완료되었으며 일부 새로운 태그가 추가되었습니다. 새 태그는 이해하기 쉽고 사용하기 쉽습니다. 왜 태그가 html의 기본 부분으로 정의됩니까?

HTML5의 진정한 힘은 JavaScript를 통해 태그를 생성하고 커널의 두 가지 특성을 사용하여 각각 해석하고 렌더링할 수 있다는 것입니다. 캔버스는 애니메이션, 특수 효과, 게임 및 기타 기능을 포함한 강력한 기능으로도 잘 알려져 있습니다. 데이터 시각화. 모두 효과적이려면 자바스크립트와 백그라운드 지원이 필요합니다. 모두 자바스크립트 덕분입니다. webgl은 HTML5 캔버스 그리기 3D 이미지 효과를 지원합니다. html5의 지리적 위치 지출은 LBS 애플리케이션 등을 통해 브라우저에 표시됩니다. 자바스크립트와 문서 데이터베이스 간의 연결은 너무 많은 불가능성을 달성했습니다. ECMAscript 버전은 지속적으로 반복적으로 업데이트되며 이를 기반으로 하는 vuejs, anglejs, Reactjs 등의 js 프레임워크가 너무 많습니다...

위 내용은 기초부터 능숙함까지 - 자바스크립트 언어의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.