八股

52 阅读2分钟

h5新增

image.png

C3新特性

image.png

ES6

let const  块级作用域 解构赋值 扩展运算符  rest运算符 箭头函数 对象简写,Object.assign() 合并对象  浅拷贝 Symbol proxy Set class

标准/怪异(IE)盒子

image.png

image.png

image.png

image.png

image.png

事件绑定

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树 结合生成渲染树 布局,绘制

阻塞渲染

image.png

回流重绘

回流必定重绘

回流  布局 重绘  颜色

http和https的区别

image.png 默认端口  80 443

image.png

image.png   image.png

image.png

普通函数和箭头函数的区别

image.png

浏览器输入url都发生了什么

域名解析 走缓存 缓存过期或发生变化 发请求 三次握手建立tcp连接 发送http/https请求 服务响应客户端接受资源 html  dom树 css   cssom树 结合生成渲染树 布局 绘图  (阻塞渲染,回流重绘 ) 四次挥手断开连接

企业资源计划 (ERP) 是指组织用于管理日常业务活动的一套软件,这些活动包括会计采购项目管理风险管理和合规性供应链运营等等。

webpack中loader和plugin

image.png image.png

CleanWebpackPlugin

在每次构建前清理 /dist 文件夹

 HtmlWebpackPlugin

因为它可以自动帮我们将 webpack 打包生成的文件(比如 js 文件、css 文件)嵌入到 html 文件中。

1. 指定模板 2. 自动生成html

image.png

DefinePlugin的介绍

内置插件 变量注入   BASE_URL  就是  publicPath 的值 lodash.template   模板工具

git使用  

image.png

image.png

image.png

模块化

image.png