前端项目由什么构成？—— 资源前端工程化工具出现之前靠手动管理资源文件，比如通过<link >标签引入样式文件，通过<script> </script>标签引入 JS 文件等，但这种做法会出现很多问题：操作过程繁琐

WebGL 是什么：WebGL（Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把 JavaScript和 OpenGL ES 2.0结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染

前端工程师把用户提交的 string 直接转化为 DOM，例如 document.write、element.innerHTML = anyString 等

Node.js 的应用场景前端工程化打包工具（bundle）：webpack、vite、esbuild、parcel代码压缩（uglify）：uglifyjs语法转换（transpile）：bablejs、typescript其他语言加入竞争：esbuild（golang）、parcel（rust）、prismaNode.js 现状：在前端工程化领域仍然难以替代Web 服务端应用学习曲线平缓，开发效率较高运行效率...

动画的基本原理什么是动画动画是通过快速连续排列彼此差异极小的连续图像来制造运动错觉和变化错觉的过程。    ———维基百科常见的前端动画技术：Sprite 动画、CSS 动画、JS 动画、SVG 动画和 WebGL 动画动画按应用分类：UI 动画、基于 WebGL的游戏动画和动画数据可视化计算机动画原理计算机图形学：计算机视觉的基础，涵...

React : A JavaScript library for building user interfaces.   ——Jordan Walke

前端开发与 Web 标准关于前端开发前端开发的起源、架构、变迁Web 自1989年诞生时由三种技术构成：HTML、HTTP、URL。CSS 和 JavaScript 是过几年后才出现的。Web 的架构和变迁：只读时代（1989-2005）：HTML/CSS/JavaScript体验时代（2005-2010）：Ajax/Web API/jQuery敏捷时代（2010-至今）：Fetch/NodeJs/Webpack前端应...

HTML/CSS/JavaScript各司其责HTML -> Structural ; CSS -> Presentational ; JavaScript -> Behavioral

HTML （HyperText Markup Language）前端需要关注的内容功能美观安全性能无障碍兼容体验DOM树浏览器拿到HTML代码后会将HTML解析成一棵DOM树语义化HTML 中的元素、属性以及属性值都拥有某些含义开发者应该遵循语义来编写HTML有序列表用ol; 无序列表用ullang 属性表示内容所使用的语言语义化的好处代码可读性代码可维护性...