前端语言串讲|青训营

83 阅读2分钟

前端语言基本

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

区别实现双向绑定,具备可服用性

总结