h5新增
C3新特性
ES6
let const 块级作用域 解构赋值 扩展运算符 rest运算符 箭头函数 对象简写,Object.assign() 合并对象 浅拷贝 Symbol proxy Set class
标准/怪异(IE)盒子
事件绑定
html级别绑定 dom0 dom2
事件解绑
dom0 标签对象.onclick=null dom2 标签对象. removeEventListener("click", fn,false) 参数保持一致
默认事件
链接跳转 提交按钮 阻止默认事件 e.preventDefault() return false 阻止事件传递 e.stopPropagetion()
浏览器缓存
通过设置 HTTP Header
强缓存 不发请求 Expries 设置资源绝对过期时间 收本地时间(可修改)影响 Cache-Control 设置多长时间过期 优先
协商缓存 资源过期 发送请求 Last-Modified 发送文件最后修改日期到服务端,判断改日期之后是否有改动,有就更新本地缓存 Etag 类似文件指纹 改了就拿新资源 优先
浏览器渲染
htmlàdom树 cssàcssom树 结合生成渲染树 布局,绘制
阻塞渲染
回流重绘
回流必定重绘
回流 布局 重绘 颜色
http和https的区别
默认端口 80 443
普通函数和箭头函数的区别
浏览器输入url都发生了什么
域名解析 走缓存 缓存过期或发生变化 发请求 三次握手建立tcp连接 发送http/https请求 服务响应客户端接受资源 html dom树 css cssom树 结合生成渲染树 布局 绘图 (阻塞渲染,回流重绘 ) 四次挥手断开连接
企业资源计划 (ERP) 是指组织用于管理日常业务活动的一套软件,这些活动包括会计、采购、项目管理、风险管理和合规性、供应链运营等等。
webpack中loader和plugin
CleanWebpackPlugin
在每次构建前清理 /dist 文件夹
HtmlWebpackPlugin
因为它可以自动帮我们将 webpack 打包生成的文件(比如 js 文件、css 文件)嵌入到 html 文件中。
1. 指定模板 2. 自动生成html
DefinePlugin的介绍
内置插件 变量注入 BASE_URL 就是 publicPath 的值 lodash.template 模板工具