javascript—001-运行原理01

1.前端三大技术

  1. HTML
  2. CSS
  3. Javascript

2.Javascript的重要性

(1)javascript是很多框架的基础,Vue,React,Angular,uniapp,taro,ReactNatived等都是基于Javascript的
(2)javascript是做很多平台的基础:PC Web,公众号、小程序、移动端 App、移动端Web等
(3)如果是面试高级的岗位,往往更注重考察javascript的功底
(4)前端的未来就是javascript—Vue3,React18,TypeScript4.x…

3.Atwood定律

著名的Stack Overflow的创始人之一 Jeff Atwood 在2007年提出

任何可以用javascript实现的应用最后都可以用javascript来实现

4.javascript 的应用

(1)Web端
原生javascript、React、Vue、Angular
(2)移动端
ReactNative(RN)、Weex(还未完全推广)
(3)小程序端
uniapp,taro
(4)桌面端
Electron(比如VSCode)
(5)后端
Node(Koa、Express、egg.js)

5.javascript让人迷惑的地方

(1)函数、闭包:闭包的访问规则、闭包的内存泄漏、函数中this的指针的指向
(2)面向对象:继承、原型、原型链
(3)ES新特性:ES6,7,8,9,10,11,12…
(4)作用域:作用域的理解、作用域的提升、块级作用域、作用域链、AO、GO、VO、全局对象…

还有:时间循环、微任务、宏任务、内存管理、Promise、await、async、防抖、节流

6.TypeScript会取代javascript吗?

目前不会!
1.TypeScript给javascript带来了类型的思维
javascript没有对变量、函数参数的类型进行限制,这可能会给项目带来安全的隐患
2.在出现Typescript之后,很快javascript的社区就出现了对于类型进行约束的方案
2014年Facebook推出了flow来对javascript进行类型的检查
同年,Microsoft也推出了TypeScript1.0
以上都是对javascript进行类型检查,而不是取代javascript
3.在TypeScript的官方文档说过:源于javascript,归于javascript

4.不排除可能有一天javascript也会这个语言本身也会加入类型检测,那么到时候TypeScript也好,Flow也好都会失去作用!

7.javascript的介绍:javascript是一门编程语言

1.强调javascript是一门高级编程语言:
回顾编程语言发展历史:
(1)机器语言:010101001,一堆二进制码,一些机器指令
(2)汇编语言:mov等,一些汇编指令
(3)高级语言:C,C++,Java,Python,javascript
2.对于高级语言,人类更容易理解和编写,但是计算机不理解,计算机只认识机器语言,所以我们的代码最终还是要转换成机器指令才能由计算机运行

8.浏览器工作原理

下面描述javascript代码是如何由浏览器执行的:

输入一个域名(baidu.com)—>dns解析—>IP地址(服务器地址)—》服务器返回一个地址(index.html)---->浏览器开始解析代码----〉遇到css文件—》又去服务器下载css代码—〉运行css文件----》遇到script标签----》去下载javascript代码—>解析javascript代码

由图形象的表示:

9.认识浏览器的内核

不同的浏览器有不同的内核:

什么是浏览器引擎?

后面慢慢补记笔记

javascript---001-运行原理01_前端三大技术_JS重要性_Atwood定律_JS应用_JS让人迷惑_TypeScript会取代JS吗_JS是一门编程语言_浏览器工作原理_浏览器内核相关推荐

  1. 前端三大技术 HTML、CSS、JavaScript 快速入门手册

    听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...

  2. 10 分钟,带你快速入门前端三大技术(HTML、CSS、JavaScript)

    听到前端技术,不少朋友一定会感到有些陌生.但其实,前端,你每天都在接触. 你正在使用的APP,你正在浏览的网页,这些你能看到的界面,都属于前端. 而前端最重要的三大技术,HTML,CSS,JavaSc ...

  3. 浏览器工作原理及相关内核、技术介绍

    BY XIAOMING · 2014 年 1 月 16 日. 正文开始: 一.浏览器工作原理(简化版) 1.浏览器用来干什么用 浏览器的主要功能是将用户请求访问的web资源呈现出来,它需要从服务器请求 ...

  4. 前端获取本机ip_前端开发者必须明白的浏览器工作原理

    前言 作为前端开发,我们平常跟浏览器打交道的时间也是最多的.在前端面试中,一个较为经典的问题:在浏览器地址中输入url地址,敲回车,发生了什么?浏览器究竟做了什么?相信很多人脑海里都会出现个大概的轮廓 ...

  5. 前端开发者应该明白的浏览器工作原理

    原文地址:banggan.github.io/2019/02/20/- 前言 作为前端开发,我们平常跟浏览器打交道的时间也是最多的.在前端面试中,一个较为经典的问题:在浏览器地址中输入url地址,敲回 ...

  6. html5前端开发 原理,web前端开发应该明白的浏览器工作原理

    作为前端开发,我们平常跟浏览器打交道的时间也是最多的.在前端面试中,一个较为经典的问题:在浏览器地址中输入url地址,敲回车,发生了什么?浏览器究竟做了什么?相信很多人脑海里都会出现个大概的轮廓,可是 ...

  7. 【技术干货】浏览器工作原理和常见WEB攻击 (下)

    本文作者:上海驻云开发总监 陈昂 上篇给大家带来的是关于浏览器基本工作原理的总结和介绍,这篇文章重点给大家说明有哪些常见WEB攻击. 常见WEB攻击 互联网是个面向全世界的开放平台,越是开放的东西漏洞 ...

  8. 《深入理解Android》一2.1 浏览器工作原理概述

    本节书摘来自华章出版社<深入理解Android>一书中的第2章,第2.1节,作者孟德国 王耀龙 周金利 黎欢,更多章节内容可以访问云栖社区"华章计算机"公众号查看 2. ...

  9. <<浏览器工作原理与实践>>读书笔记

    1. 进程和线程的区别 概念: 进程:操作系统进行资源分配和调度的基本单位:程序的运行实例:(在我们启动一个程序的时候,操作系统会为该程序创建一块内存空间,用来存放代码,运行数据,和执行任务的主线程, ...

最新文章

  1. C++读写ini配置文件GetPrivateProfileString()WritePrivateProfileString()
  2. 科大星云诗社动态20201121
  3. GDCM:gdcm::GroupDict的测试程序
  4. 安装oracle解压版,oracle11g压缩解压版图文安装详细教程
  5. 3种团队分组适应项目_团队类型
  6. ping端口_干货分享:shell脚本批量telnet ip 端口
  7. 局域网ssr转pptp_[网络技术][转]PPTP连接过程
  8. 101与金根回顾敏捷个人:(82)《把时间当做朋友》
  9. 部分手机浏览器存在将ajax请求当成广告过滤的情况,及解决方案
  10. 一个简单的文本编译器
  11. C++ 获取linux和windows系统的用户名
  12. icem二维非结构网格划分_【史上最全轴承结构化网格划分系列】第五弹——自动校准滚针轴承(文末附模型领取方式)...
  13. 简七32堂极简理财课——模块五:基金与股票,年化收益20%+
  14. unity摄像机带碰撞检测 摄像机碰到带碰撞物体自动拉近
  15. php 网站的多语言设置(IP地址区分国内国外)
  16. Backdoor Attack with Imperceptible Input and Latent Modification
  17. 如何提高阅读源代码能力
  18. 《网络游戏核心技术与实战》读书笔记
  19. Linux下的磁盘分区和逻辑卷
  20. Tableau中国地图

热门文章

  1. 从ABAP Netweaver的SICF到SAP Kyma的Lambda Function
  2. SAP IBASE Category 01和03的区别
  3. 如何解决创建Account时的error message BP category 2 does not fit the data in category 1
  4. SAP Cloud for Customer(C4C)和微信集成系列教程
  5. android应用程序的自动更新升级(自身升级,通过tomcat),[SaltStack] Minion-conf自动更新...
  6. echarts php 数据处理,PHP+echarts读取地图数据
  7. python最小化打开exe_如何用python使GoAgent窗口打开后自动最小化以及关闭之前的py.exe窗口...
  8. x79主板bios设置中文_bios菜单
  9. miui12怎么自定义开机动画_MIUI12正式官宣,5天后发布!网友:发布是发布,12月才能更新?...
  10. 数组|leetcode59.螺旋矩阵II