前端语言协作
css in html
略
js in html
略
html in js
- dom api
- jsx
css in js
- dom属性
- jsx中style的处理
- 现在工程化的处理方式：css module和jss。它们要解决的主要问题都是css的全局类名冲突，以及css文件依赖管理等问题。
css module示例：
1. 样式文件中的类名经过处理，一般会加上hash值，降低类名重合概率，从而解决类名冲突问题；
2. 类名配置规则可以自定义，可以控制类名长度等，实现类名压缩；
3. css module的实现需借助相关工程化工具，例如css-loader，vite则本身支持css module。
jss示例：
非一般html5特性
基于存储的的web-PWA和AMP
PWA
AMP
二进制
shadow dom
内部元素不能被外部访问，封装。
web component
svg & canvas
svg draw
canvas paint
draw和paint的区别一下把svg和canvas的区别表示出来了，学好英语还是比较重要。。。
webGL & webGPU
2011年，WebGL诞生，web有了操作gpu的能力。
Web Assembly（WASM）
类汇编语言，接近原生性能，浏览器可以运行，可以和js一起工作。
通过使用 WebAssembly 的 JavaScript API，你可以把 WebAssembly 模块加载到一个 JavaScript 应用中并且在两者之间共享功能。
也可以从C/C++编译到wasm。
mdn上的介绍：developer.mozilla.org/zh-CN/docs/…
关于前端发展
前端可以深挖的方向太多了，例如下面这些博客里的内容和相关评论：
但也许对于打工人来说，能把工作中涉及到的东西搞清楚，再从中选择一两个自己想深入的方向进行研究，已经很不错了吧。持续学习真是一件困难的事情。
一些推荐阅读：
