你所熟知的javascript?从基础原理开始认识JS语言

2024-06-03 10:38

本文主要是介绍你所熟知的javascript?从基础原理开始认识JS语言,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

javascript是一种具有面向对象能力的、解释型的程序设计语言。它是基于对象和时间驱动,并具有相对安全性的客户端脚本语言。因为它并不需要在一个语言环境下运行,只需要有支持它的浏览器即可,它的主要目的是验证发往服务器断的数据,增加web互动,加强用户体验。

解释型语言与编译型语言的区别

解释型语言:这种是在运行的时候就将程序编译成机器语言。

编译型语言:这种是在运行程序前有一个编译过程,但是并不是将程序编译成机器语言,而是编译成字节码。例如java语言在运行的时候,由JVM将字节码在翻译成机器语言。JVM是java虚拟机,是一个虚构出的计算机。

但是解释型语言在编译的效率上要比编译型语言要慢,javascript是一种解释型语言。它在将程序放在浏览器上解析的时候,js在浏览器上自己的解释引擎。javascript v8引擎。浏览器核心把js编译成view要进行“词法分析”,“语法分析”,“代码生成”三个阶段。这是明显的编译型语言特征。详见《犀牛书第二章》《你不知道的javascript》第一章。

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的文件编写指定了规则,这就是脚本所做的事情与关系,通过指令去让程序按照顺序执行。

javascript在浏览器内核的关系与原理认识

浏览器解析渲染页面原理:

说起这个肯定要提到大家比较熟悉的webkit,谷歌浏览器的渲染引擎。在其他浏览器中的渲染引擎并不相同,每个浏览器的内核引擎都不一致,所以导致了现在我们在编写html代码做页面结构布局的过程中要做很多关于各大浏览器的兼容性问题。

浏览器最重要最核心的部分则是解释引擎也就是浏览器内核。一个网页正常的工作需要用到两个引擎:渲染引擎和解释引擎。兼容性的各种写法都是针对于这些浏览器内核引擎去做的。于是现在的主流浏览器内核有哪些呢?

目前市场上的四大主流浏览器

IE

所使用的浏览器内核为 Trident(四大内核中处理速度最慢)

由于window市场的占有率,IE浏览器借助其地位造成了Trident内核一家独大的情况,因为这种情况出现,微软也长时间没有去对Trident做过更新,Trident出现了与W3C标准的脱节问题与大量BUG和安全性问题无法解决,直接导致了FireFox浏览器的崛起。但是因为其市场占有率的原因,现在作为前端开发工程师最头痛的兼容处理还是针对于IE的一些低版本。

FireFox

所使用的浏览器内核为 Gecko

开放源码,运行处理速度快。开源的东西总是容易受到广大猿类的欢迎!而且使用Gecko的浏览器也非常多,一般是用在一些国外的浏览器上。国内不作多的考虑!

Opera

所使用的浏览器内核为 presto

最凶残解释引擎!网页排版引擎。为了渲染速度的提高做了极高优化,简单来讲就是为了效率为了速度不顾一切。但是有得必有失,速度是牺牲了兼容性才得来的。毋庸置疑,它是在所有浏览器内核解析javascript速度是最快的。但是到如今因为前端的发展速度太快,一切以用户体验为先,不能在以牺牲兼容性换取速度。Opera停用了presto改用了谷歌的Blink内核。

Chrome

所使用的浏览器内核为 webkit渲染引擎 javascript v8解释引擎

应该讲的在上面都已经解释过了,这里就不作多解释了。这个也是很多人开始学习前端和广大前端工程师比较喜好的一个浏览器Chrome浏览器的内核。它是苹果公司自己的内核。

壳浏览器:

使用IE内核而非IE浏览器,这类浏览器被称之为“套壳浏览器”。出现的原因是因为Trident是一款开放的内核,所以国内市场上出现了大量的这种壳浏览器。例如360、腾讯TT、猎豹、遨游之类,采用双核内甚至多核的方式,在其中有一个为Trident内核,其他的在添加其他内核。国内的浏览器厂商一般把这种情况分为两种,“高速浏览模式”与“兼容浏览模式”,以供用户来回切换使用,其中IE内核Trident则是“兼容浏览模式”,因为国内的厂商所套用的IE内核版本都不会很高,跟不上Trident的迭代更新的速度,低版本的IE内核体积过小,方便用户下载。所以从发展之初便被广泛捆绑安装使用,直到发展到现在,安全性也会有一定的问题。

诸如以上众多问题的提出,一步一步的解决和认知。我们知道了什么是解释型语言,什么是编译型语言。通过解释型语言认识了浏览器内核,它们之间的一些区别与我们平时写代码的过程中息息相关的事情。在web前端的学习过程中或者说是在不断的提升自己的过程中,理解并且认识javascript一定是最为重要的。在javascript的发展过程中,也许在之前很多的朋友认为javascript有没有必要去潜心学习?从当下开始,如果有人像你咨询,想要学习一门语言或者是想要掌握一门新的语言,你需要向他推荐javascript,一定是javascript。从jQuery的出现第一次带动javascript的发展,到html5让javascript真正的做到让人们认识,再到现在的nodejs。彻底的颠覆了之前大部分人对于javascript的一些看法。这些新型的框架出现让javascript真正的潜力无限!

html5就是javascript的高级内容进阶部分

现在还是有很多人把html5与html相关联,它们之间有相关性吗?不过是做了一些优化,添加了一些新的标签,新的标签也不难理解方便使用,为什么就被定义成html基础部分了呢?

html5的真正威力是在于你能通过javascript来创建标签,利用内核的两种特性去分别解释与渲染,canvas被人所熟知也是因为其功能强大,动画、特效、游戏、数据的可视化。都是需要通过javascript与后台的支持才能有其效果。所有的一切都要归功与javascript。webgl支持html5画布绘制3D图像效果。html5的地理位置支出在浏览器中显示则是LBS应用等等。javascript与文档型数据库的对接做到了太多的不可能。ECMAscript版本的不断迭代更新,出现了太多太多以其为基础的js框架,vuejs、angularjs、reactjs...


这篇关于你所熟知的javascript?从基础原理开始认识JS语言的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1026754

相关文章

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

Mac系统下卸载JAVA和JDK的步骤

《Mac系统下卸载JAVA和JDK的步骤》JDK是Java语言的软件开发工具包,它提供了开发和运行Java应用程序所需的工具、库和资源,:本文主要介绍Mac系统下卸载JAVA和JDK的相关资料,需... 目录1. 卸载系统自带的 Java 版本检查当前 Java 版本通过命令卸载系统 Java2. 卸载自定

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Java Spring ApplicationEvent 代码示例解析

《JavaSpringApplicationEvent代码示例解析》本文解析了Spring事件机制,涵盖核心概念(发布-订阅/观察者模式)、代码实现(事件定义、发布、监听)及高级应用(异步处理、... 目录一、Spring 事件机制核心概念1. 事件驱动架构模型2. 核心组件二、代码示例解析1. 事件定义

SpringMVC高效获取JavaBean对象指南

《SpringMVC高效获取JavaBean对象指南》SpringMVC通过数据绑定自动将请求参数映射到JavaBean,支持表单、URL及JSON数据,需用@ModelAttribute、@Requ... 目录Spring MVC 获取 JavaBean 对象指南核心机制:数据绑定实现步骤1. 定义 Ja

javax.net.ssl.SSLHandshakeException:异常原因及解决方案

《javax.net.ssl.SSLHandshakeException:异常原因及解决方案》javax.net.ssl.SSLHandshakeException是一个SSL握手异常,通常在建立SS... 目录报错原因在程序中绕过服务器的安全验证注意点最后多说一句报错原因一般出现这种问题是因为目标服务器

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

springboot项目中整合高德地图的实践

《springboot项目中整合高德地图的实践》:本文主要介绍springboot项目中整合高德地图的实践,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一:高德开放平台的使用二:创建数据库(我是用的是mysql)三:Springboot所需的依赖(根据你的需求再

spring中的ImportSelector接口示例详解

《spring中的ImportSelector接口示例详解》Spring的ImportSelector接口用于动态选择配置类,实现条件化和模块化配置,关键方法selectImports根据注解信息返回... 目录一、核心作用二、关键方法三、扩展功能四、使用示例五、工作原理六、应用场景七、自定义实现Impor

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项