前端语言串讲 | 青训营

51 阅读1分钟

课程介绍

随着前端的不断探索和进化,传统的前端“三剑客”技术也是日新月异,而且彼此之间联系越来越紧密。本次课程会帮你复习一下前端的基本知识,“温故而知新”,同时也扩展交流一下周边有趣的小知识。

课程重点

  • 前端语言的基本能力

  • 前端语言的协作配合

  • 你不知道的HTML

  • 拓展分享

image.png

image.png

image.png 源码经过语法分析器生成AST树,然后交给点火装置让它来解析称字节码,字节码可以在虚拟机上运行,Turbofan 将字节码转换成热点代码,也可以通过deoptimize操作将代码重新交给ignition优化。

image.png js中的代码会通过dom来转化成HTML看得懂的代码,比如上图中的node部分

image.png 事件捕获和事件冒泡

image.png js单线程运行规则,会先运行MAC QUEUE(宏队列)里的进程,然后运行(MIC QUEUE)微队列里的进程

宏队列一般是指浏览器能直接运行的脚本,微队列最常见的就是promise命令

image.png mustache比较通用的模板渲染引擎,用来动态渲染

image.png jsx动态渲染

image.png

image.png

image.png

image.png

image.png local可以通过同一个Windows来访问,cookies的过期时间是人工设定的,indexedDB更适合复杂场景

image.png

image.png svg是xml里的,canvas是HTML里的标签,svg是矢量图片不会失真,canvas是点阵图

image.png html可以用webgl画图

image.png 浏览器的存在很有必要,不会被app代替,很多时候我自己也更喜欢有网页的程序,比如腾讯,爱奇艺,抖音的网页版。

image.png