简介 webpack可以做的事 代码转换 文件优化 代码分割 模块合并 自动刷新 代码校验 自动发布 面试常见考点 webpack常见配置 webpack高级配置 ast抽象语法树 webpack中的Tapable 掌握webpack流程，手写webpack 手写webpack中常见的loader 手写webpack中常见的plugin webpack基础配置 起步 创建src--->index.js npx webp...

概括 涉及到的分类 网络层面 构建层面 浏览器渲染层面 服务端层面 涉及到的功能点 资源的合并与压缩 图片编解码原理和类型选择 浏览器渲染机制 懒加载预加载 浏览器存储 缓存机制 PWA Vue-SSR 资源合并与压缩 http请求的过程及潜在的性能优化点 理解减少http请求数量和减少请求资源大小两个优化要点 掌握压缩与合并的原...

webpack基础 webpack基础配置 webpack打包出的文件解析 Html插件 样式处理 转化es6语法 处理js语法及校验 全局变量引入问题 图片处理 打包文件分类 webpack配置 打包多页应用 配置source-map watch的用法 webpack小插件应用 webpack跨域问题 resolve属性的配置 定义环境变量 区分不同环境 webpack性能优化 noParse Ignor...

RegExp对象 Regular Experssion使用单个字符串来描述、匹配一系列符合某个句法规则的字符串 测试网站：https://regexper.com 创建方式 字面量 {代码...} 构造函数 {代码...} 元字符正则表达式由两种基本字符类型组成： 原义文本字符 元字符 元字符是在正则表达式中有特殊含义的非字母字符 * + ? $ ^ . | \ () {} [] 字符...

前端面试常见问题： http method HTTP1.0定义了三种请求方法： GET、POST 和 HEAD HTTP1.1新增了五种请求方法：OPTIONS、PUT、PATCH、DELETE、TRACE 、 CONNECT http status code {代码...} 缓存 客户端缓存 代理服务器缓存 缓存如何验证可用性 cache-control： max-age=100 静态资源缓存100s public、private 设置只能...

原型 原型的实际应用 原型如何实现它的扩展性 原型的实际应用 jquery和zepto的简单使用 {代码...} {代码...} zepto如何使用原型 {代码...} {代码...} {代码...} 简单的zepto实现 myZepto.js实现 {代码...} jquery如何使用原型 {代码...} 原型的扩展性 如何体现原型的扩展性 总结zepto和jquery原型的使用 插件机制 为什么...

设计原则(SOLID) 单一职责模式(S) 一个程序只做好一件事 如果功能过于复杂就拆分开，每个部分保持独立 里式替换原则(L) 子类能覆盖父类 父类能出现的地方子类就能出现 JS中使用较少(弱类型&继承使用较少) 开放封闭原则(O) 对扩展开放对修改封闭 增加需求时，扩展新代码，而非修改已有代码 软件设计的终极目标 接口隔...

一、HTML基础 html常见元素和理解 html常见元素分类 head区元素：（不会在页面上留下直接内容） meta title style link script base body区： div/selection/article/aside/header/footer p span/em/strong table/thead/tbody/tr/td ul/ol/li/dl/dt/dd a form/input/select/textarea/button {代码...} HTML重要属性 a[hr...

typeof只能区分值类型，对引用类型无能为力，只能区分函数function<br/>NaN表示特殊的非数字值，null是空指针，并没有指向任何一个地址<br/>typeof能区分的五种基本类型：string、boolean、number、undefined、symbol和函数function