前端语言基本
html:框架结构——构建骨骼
CSS:添加样式——根据骨骼塑造皮囊
JS:交互——行动的肌肉
html:
最小单位:标签(元素)
CSS:
java
通用作用:
证实用户输入、客户端计算、交互控制、平台无关性、处理数据和时间、生成html内容、检测用户浏览器和系统
现代作用:
快捷作用域变量、键入函数、字符串模板、扩展数组方法、支持默认参数、变量重命名
java基本语法:
六个基本类型+对象类型
语法特点
对象:
Function
浏览器
渲染引擎:加载页面
JS引擎
前端语言基本协作配合
趋势和生态:
HTML:模板语言为主
CSS:趋势1.工具链 postcss为代表 2.规范 BEM和acss为代表 3.框架库 老牌bootstrap和新兴tailwind为代表
JS:1.react vue代表的ui渲染引擎 2.工具链 webpacl rollup 3.跨端框架 inonic
CSS in HTML
JS in HTML
DOM:页面上的 html 转化为JS对象
事件捕获——事件冒泡
JS单线程
宏任务先微任务后
你所不知道的HTML(5)
HTML DTD
HTML全部标签分类
head标签-功能性-用户不可见
HTML功能性标签
HTMl aria
HTML5
语义化标签
HTML表单
HTML5存储
HTML5 IndexDB——适用复杂场景
HTML 5 基于存储的应用PWA/AMP
HTMLaudio
HTML video
HTML二进制
HTML API
HTML Web worker
HTML Socket
Shadow dom ——特殊节点
避免被外部访问
Web component
SVG&Canvas
矢量;点阵
webGL&webGPU
WebAssembly
web趋势
大前端
交互范式
MVC
view处理界面相关交互 model 数据层维护 controller处理业务逻辑
MVP
presenter同时处理数据层和数据层的相互操作以及状态统一
MVVM
区别实现双向绑定,具备可服用性