学习资料
Create by fall on 08 Dec 2021 Recently revised in 11 Oct 2023
什么是前端?
用户语言和程序资源之间的桥梁,我们面向屏幕开发,是人机交互工程师
前端方向
-
工程:工程化,自动化,工具建设 工程化是项目落地需要哪些工具提高效率和实现功能(能用工具解决,批量解决的事情尽量少让人脑解决)
-
语言:闭包,算法,新功能优化,内存管理,网络通信
-
应用构建:桌面端,移动端,代码架构
- 低代码
- 地图
- 3d
-
后端:数据库,信息存取
如果你一开始做的就是低代码”、可视化大屏、地图、智慧城市“脑图、编辑器、微信小程序、音视频这种特征比较明显的方向的话,继续深耕就好了。如果你不仅仅满足于前端,也对后端感兴趣的话,可以考虑web全栈,但是这里还是会建议说先把前端的基础掌握好,这样的话一专多能“的T型人才也是很受欢迎的。如果你对一套代码多端运行有兴趣,可以考虑跨端方向” 如果你像我一样”,发现自己不在上面任何一个选项里,那就专心做工程化方向吧。
低代码
对于大多数低代码来说,痛点都是一样的,一边降低代码的编写,一边要实现特定功能,导致生成一堆代码额外,然而直接写这些代码可能更快。低代码本身还需要约束固定的场景。
或者说,低下来的代码本身就不需要更改什么内容(从原来的地方复制粘贴)。而最比较成功的低代码方式,就是基于工具的低代码化,工具化。
例如:将 git 工具图形化的工具,这些工具都有一个特点可以穷举,虽然有很多可以输入不同的内容,但是输入的属性可以穷举。
语言相关
- 现代 JS 教程:https://zh.javascript.info/
线上工具
代码沙盒 CodePen
代码转换为图片 ray.so
多种 CSS 代码的生成工具 CSS Tricks
文档生成网站
数据
- State Of JS 调查报告 https://2022.stateofjs.com/en-US/
- ES6 语言特性的当前支持状态:https://kangax.github.io/compat-table/es6/
- 浏览器市场份额: https://gs.statcounter.com/browser-market-share/desktop/worldwide/2020
- github 年度报告 https://octoverse.github.com/