[8.1 rgba和opacity的透明有何不同?](8.1rgba%E5%92%8Copacity%E7%9A%84%E9%80%8F%E6%98%8E%E6%9C%89%E4%BD%95%E4%B8%8D%E5%90%8C%EF%BC%9F.md)
- 阅读说明
- vue试题(已完成)
- 一、vue-cli依赖的 Node.js 环境安装
- 二、vue-cli 工程技术集合介绍
- 三、vue-cli 工程目录结构介绍
- 四、vue.js 核心知识点高频试题一
- 4.1 对于Vue是一套渐进式框架的理解
- 4.2 请说出vue几种常用的指令
- 4.3 请问 v-if 和 v-show 有什么区别?
- 4.4 vue常用的修饰符
- 4.5 v-on可以监听多个方法吗?
- 4.6 vue中 key 值的作用
- 4.7 vue-cli工程升级vue版本
- 4.8 vue事件中如何使用event对象?
- 4.9 $nextTick的使用
- 4.10 Vue 组件中 data 为什么必须是函数
- 4.11 v-for 与 v-if 的优先级
- 五、vue.js 核心知识点高频试题二
- 5.1 vue中子组件调用父组件的方法
- 5.2 vue中 keep-alive 组件的作用
- 5.3 vue中编写可复用的组件
- 5.4 vue生命周期有关的试题
- 5.5 vue如何监听键盘事件中的按键?
- 5.6 vue更新数组时触发视图更新的方法
- 5.7 vue中对于对象的更改检测
- 5.8 解决非工程化项目初始化页面闪动问题
- 5.9 v-for产生的列表,实现active的切换
- 5.10 v-model语法糖的使用
- 六、vue.js 核心知识点高频试题三
- 6.1 十个常用的自定义过滤器
- 6.2 vue等单页面应用及其优缺点
- 6.3 vue的计算属性
- 6.4 vue提供的几种脚手架模板
- 6.5 vue父组件向子组件通过props传递数据
- 6.6 vue-cli开发环境使用全局常量
- 6.7 vue-cli生产环境使用全局常量
- 6.8 vue弹窗后如何禁止滚动条滚动?
- 6.9 计算属性的缓存和方法调用的区别
- 6.10 vue-cli中自定义指令的使用
- 6.11 父组件异步获取动态数据传递给子组件
- 七、vue-router 路由高频考题
- 7.1 vue-router响应 路由参数 的变化
- 7.2 完整的 vue-router 导航解析流程
- 7.3 vue-router有哪几种导航钩子( 导航守卫 )?
- 7.4 vue-router的几种实例方法以及参数传递
- 7.5 vue-router的动态路由匹配以及使用
- 7.6 vue-router如何定义嵌套路由?
- 7.7 router-link组件及其属性
- 7.8 vue-router实现路由懒加载( 动态加载路由 )
- 7.9 vue-router路由的两种模式
- 八、vuex 状态管理高频试题
- 8.1 什么是vuex?
- 8.2 使用vuex的核心概念
- 8.3 vuex在vue-cli中的应用
- 8.4 如何在组件中去使用vuex的值和方法?
- 8.5 在vuex中使用异步修改
- 九、axios、fetch、ajax等请求高频试题
- 9.1 Promise对象是什么?
- 9.2 axios、fetch与ajax有什么区别?
- 9.3 JS的同源策略和跨域问题
- 9.4 如何解决跨域问题?
- 9.5 vue-cli中使用JSON数据模拟
- 9.6 axios有哪些特点?
- 十、前端 UI 样式高频试题
- 10.1 组件样式属性 scoped 问题及解决方法
- 10.2 vue常用的UI组件库
- 10.3 vue组件适配移动端【经典】
- 10.4 移动端适配常用媒体查询源码
- 10.5 垂直居中对齐
- 10.6 vue-cli中如何使用背景图片?
- 10.7 使用表单禁用时移动端样式问题
- 10.8 多种类型文本超出隐藏问题
- 10.11 vue-cli工程引入全局less变量
- 十一、vue中常用功能实现与详解
- 11.1 vue中如何实现tab切换功能?
- 11.2 利用<keep-alive></keep-alive>标签实现某个组件缓存功能
- 11. 3 vue中实现切换页面时为左滑出效果
- 11.4 vue无痕刷新
- 11.5 多种情景的数组去重
- 11.6 vue保留滚动条位置
- 11.7 vue组件中使用定时器
- 11.8 组件slot使用示例
- 11.9 使用递归组件实现级联选择器
- 11.10 使用递归组件实现树形控件
- 11.11 几种常见的自定义指令详解
- 11.11.1 实现一个表单自动聚焦的自定义指令
- 11.11.2 实现一个可从外部关闭的下拉菜单
- 11.11.3 实现一个实时时间转换指令v-time
- 11.12 两种类型的循环单选选择、取消功能
- 十二、vue各种情况的组件间通信
- 12.1 关于vue组件间通信问题的回答
- 12.2 万金油:vue中央事件总线的使用
- 12.3 props:最基础的父子组件间传递数据
- 12.4 v-model语法糖:子组件向父组件传递数据
- 12.5 .sync 修饰符:进行父子组件间相互传递数据
- 12.6 $attrs属性:父孙组件间传递数据
- 12.7 $on属性:子组件调用父组件方法
- 12.8 $listeners属性:孙组件调用父组件的方法
- 12.9 $refs属性:
- 12.10 $parent属性:
- 12.11 $children属性:
- 十三、混合开发:vue工程与app交互
- 十四、vue开发命令的执行过程【拓展】
- 十五、vue-cli工程打包后.js文件详解
- 15.1 vue打包命令是什么?
- 15.2 vue打包后会生成哪些文件?
- 15.3 配置 vue 打包生成文件的路径
- 15.4 vue如何优化首屏加载速度?
- 十六、MVVM设计模式高频试题
- 16.1 MVC、MVP与MVVM模式
- 16.2 MVC、MVP与MVVM的区别
- 16.3 常见的实现MVVM几种方式
- 16.4 Object.defineProperty()方法
- 十七、实现一个自己的MVVM
- 17.1 准备知识
- 17.1.1 ES6中类和定义
- 17.1.2 JS中的文档碎片
- 17.1.3 解构赋值
- 17.1.4 Array.from与Array.reduce
- 17.1.5 递归的使用
- 17.1.6 Obj.keys()与Obj.defineProperty
- 17.1.7 发布-订阅模式
- 17.2 效果示例
- 17.3 思路分析
- 17.4 项目地址
- 十八、vue-cli中的配置详解
- 18.1 webpack的特点
- 十九、源码剖析
- 19.1 剖析 Vue 内部运行机制
- 19.1.1 Vue.js 全局运行机制
- 19.1.2 响应式系统的基本原理
- 19.1.3 响应式系统的依赖收集追踪原理
- 19.1.4 实现 Virtual DOM 下的一个 VNode 节点
- 19.1.5 template 模板是怎样通过 Compile 编译的
- 19.1.6 数据状态更新时的差异 diff 及 patch 机制
- 19.1.7 批量异步更新策略及 nextTick 原理
- 19.1.8 proxy代理过程
- 19.2 剖析 vue-router 内部运行机制
- 19.2.1 重要函数思维图解
- 19.3 剖析 vuex 内部运行机制
- 19.3.1 准备知识
- 1. Vue.mixin
- 2. Vue.use
- 19.3.2 插件安装
- 19.3.3 Store
- 19.3.4 使用源码
- 19.4 剖析 axios 内部运行机制
- 二十、发布一个 npm 资源包
- 二十一、vue的服务器端渲染
- 二十二:资料分享
- html试题(整理中)
- 1. 请写出 HTML5 的doctype
- 2. 请你谈谈你对web标准以及w3c的理解与认识。
- 3. HTML5有哪些新特性?
- 4. 移动端meta标签
- 5. HTML5标签的语义化
- Css试题(整理中)
- 1. css盒子模型
- 一、选择器
- 2. css常用的选择器有哪些?
- 3. CSS3新增伪类有那些?
- 二、结构和层叠
- 4. css优先级计算规则
- 三、值和单位
- 5. em、ex、px与rem
- 四、字体
- 6. 使用自定义字体
- 五、文本属性
- 7. 多行省略
- 8. CSS有哪些继承属性
- 六、基本视觉格式化
- 9. 去掉inline-block元素间隙
- 6.2 垂直居中布局
- 6.3 box-sizing属性
- 6.4 CSS中visibility属性的collapse属性值
- 6.5 display:none与visibility:hidden的区别?
- 七、内外边距和边框
- 八、颜色和背景
- 8.1 rgba和opacity的透明有何不同?
- 九、浮动和定位
- 9.1 居中对齐
- 9.2 position的值
- 9.3 如何清除浮动
- 十、过渡与动画
- 十一、less与sass
- 11.1 less和sass的特点和区别
- 十二、弹性盒布局
- 12.1 请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?
- 13. 用纯CSS创建一个三角形
- 14. 对BFC规范(块级格式化上下文:block formatting context)的理解
- 十五、 移动端布局
- 15.1 媒体查询
- 15.2 圣杯布局
- 15.3 双飞翼布局
- 15.4 实现中间自适应宽度,左右两栏固定宽度布局
- 16. CSS优化与性能提高
- 17. 浏览器解析CSS选择器
- 18. css实现全屏滚动
- 十九、响应式设计
- 20. 怎么让浏览器支持小于12px 的文字?
- 21. 图片格式的选择
- 22. link和@import的区别
- 23. 重排和重绘
- 24. css3有哪些新特效?
- 25. 用css创建一个三角形
- JavaScript语言核心试题(已完成)
- 1. 原始类型有哪几种?null 是对象嘛?
- 2. 对象(Object)类型
- 3. typeof vs instanceof
- 4. 类型转换
- 5. this
- 6. == vs ===
- 7. 闭包
- 8. 深浅拷贝
- 9. 原型
- 10. JS 异步编程及常考面试题
- 10.1 并发(concurrency)和并行(parallelism)区别
- 10.2 回调函数(Callback)
- 10.3 Generator
- 10.4 Promise
- 10.5 async 及 await
- 10.6 常用定时器函数
- 11. Event Loop(事件循环)
- 11.1 进程与线程
- 11.2 执行栈
- 11.3 浏览器中的 Event Loop
- 11.4 Node 中的 Event Loop
- 12. new
- 13. instanceof 的原理
- 14. 0.1 + 0.2 != 0.3
- 一、词法结构
- 1.1 ajax请求webservice接口及Unicode转义
- 1.2 javascript中的保留字
- 二、类型、值和变量
- 2.1 javascript中的数据类型有哪些?
- 2.2 Javascript中所支持的数字函数
- 2.3 二进制浮点数和四舍五入错误
- 2.4 日期计算函数
- 2.5 字符串常用的方法
- 2.6 布尔值的转化
- 2.7 null和undefined
- 2.8 比较两个数组
- 2.9 JavaScript类型转换
- 2.10 变量声明
- 2.11 变量作用域
- 2.11.1 变量作用域优先级
- 2.11.2 函数作用域和声明提前
- 2.11.3 作用域链
- 三、表达式和运算符
- 3.1 JavaScript运算符
- 3.2 运算符优先级
- 3.3 == 和 ===
- 3.4 in运算符
- 3.5 instanceof运算符
- 3.6 eval()
- 3.7 三元运算符
- 3.8 typeof运算符
- 3.9 delete运算符
- 四、语句
- 4.1 枚举对象的属性和属性值
- 4.2 跳转语句
- 4.2.1 break与contiinue
- 4.2.2 return语句
- 4.2.3 throw语句
- 4.2.4 try/catch/finally语句
- 4.3 with、debugger和use strict
- 4.4 for循环
- 五、对象
- 5.1 对象基础
- 5.2 对象直接量与new创建对象
- 5.3 原型与原型链
- 5.4 Object.create()
- 5.5 属性的查询和设置
- 5.6 删除属性
- 5.7 检测属性
- 5.8 枚举属性
- 5.9 属性getter和setter
- 5.9.1 存取器属性实例一
- 5.9.2 存取器属性实例二
- 5.9.3 存取器属性实例三
- 5.10 属性的特性
- 5.10.1 如何实现属性特性的查询和设置操作
- 5.10.2 修改不允许创建后修改的属性
- 5.10.3 复制属性的特性
- 5.11 对象的三个属性
- 5.11.1 原型属性
- 5.11.2 类属性
- 5.11.3 可扩展性
- 5.12 序列化对象
- 5.13 对象方法
- 六、数组
- 6.1 JS数组基础
- 6.2 创建数组
- 6.3 数组元素的读和写
- 6.4 稀疏数组
- 6.5 数组长度
- 6.6 数组元素的添加和删除
- 6.7 数组遍历
- 6.8 多维数组
- 6.9 数组方法
- 6.10 数组类型
- 6.11 类数组对象
- 6.12 作为数组的字符串
- 七、函数
- 7.1 函数定义
- 7.2 函数调用
- 7.2.1 函数调用
- 7.2.2 方法调用
- 7.2.3 构造函数调用
- 7.2.4 间接调用
- 7.3 函数的实参和形参
- 7.3.1 可选形参
- 7.3.2 可变长的实参列表:实参对象
- 7.3.3 将对象的属性用做实参
- 7.3.4 实参类型
- 7.4 作为值的函数
- 7.5 作为命名空间的函数
- 7.6 闭包
- 7.7 函数的属性、方法和构造函数
- 7.7.1 length属性
- 7.7.2 prototype 属性
- 7.7.3 call()方法和apply()方法
- 7.7.4 bind()方法
- 7.7.5 toString()方法
- 7.7.6 Function()构造函数
- 7.7.7 可调用的对象
- 7.8 函数式编程
- 7.8.1 使用函数处理数组
- 7.8.2 高阶函数
- 7.8.3 不完全函数
- 7.8.4 记忆
- 八、类和模板
- 8.1 类和原型
- 8.2 类和构造函数
- 8.2.1 构造函数和类的标识
- 8.2.2 constructor 属性
- 8.3 JS中Java式的类继承
- 8.4 类的扩充
- 8.5 类和类型
- 8.5.1 instanceof 运算符
- 8.5.2 constructor属性
- 8.5.3 构造函数的名称
- 8.5.4 鸭式辩型
- 8.6 JS中的面向对象
- 8.6.1 集合类
- 8.6.2 枚举类型
- 8.6.3 标准转换方法
- 8.6.4 比较方法
- 8.6.5 方法借用
- 8.6.6 私有状态
- 8.6.7 构造函数的重载和工厂方法
- 8.7 子类
- 8.7.1 定义子类
- 8.7.2 构造函数和方法链
- 8.7.3 组合 VS 子类
- 8.7.4 类的层次结构和抽象类
- 8.8 ES5中的类
- 8.8.1 让属性不可枚举
- 8.8.2 定义不可变的类
- 8.8.3 封装对象状态
- 8.8.4 防止类的扩展
- 8.8.5 子类和ES5
- 8.8.6 属性描述符
- 8.9 模块
- 8.9.1 用做命名空间的对象
- 8.9.2 作为私有命名空间的函数
- 九、正则表达式
- 9.1 正则表达式的定义
- 9.1.1 直接量字符
- 9.1.2 字符类
- 9.1.3 重复
- 9.1.4 选择、分组和引用
- 9.1.5 指定匹配位置
- 9.1.6 修饰符
- 9.2 用于模式匹配的String方法
- 9.3 RegExp对象
- 9.3.1 RegExp的属性
- 9.3.2 RegExp的方法
- 十、JavaScript的子集和扩展
- 10.1 JS的子集
- 10.1.1 精华
- 10.1.2 子集的安全性
- 10.2 常量和局部变量
- 10.3 解构赋值
- 10.4 迭代
- 10.4.1 for/each循环
- 10.4.2 迭代器
- 10.4.3 生成器
- 10.4.4 数组推导
- 10.4.5 生成器表达式
- 10.5 函数简写
- 10.6 多catch从句
- 客户端JavaScript试题(整理中)
- 一、web浏览器中的JavaScript
- 1.1 URL中的JavaScript
- 1.2 同步、异步和延迟的脚本
- 1.3 JS程序执行的时间线
- 1.4 同源策略
- 二、window对象
- 2.1 计时器
- 2.2 解析URL
- 2.3 Nabigator对象
- 2.4 window对象方法
- 三、脚本化文档 DOM
- 3.1 文档对象模型
- 3.2 选择文档元素的方法
- 3.3 文档遍历函数
- 3.4 数据集采集
- 3.5 元素的内容
- 3.6 创建、插入和删除节点
- 3.7 文档和元素的几何形状和滚动
- 3.7.1 文档坐标和视口坐标
- 3.7.2 查询元素的几何尺寸
- 3.7.3 滚动
- 3.8 其他文档特性
- 四、事件处理
- 五、脚本化HTTP
- 5.1 ajax
- 5.2 XMLHttpRequest对象
- 5.2.1 指定请求
- 5.2.2 取得响应
- 5.2.3 编码请求主体
- 5.2.4 HTTP进度事件
- 5.2.5 中止请求和超时
- 5.2.6 跨域HTTP请求
- 5.3 借助<script>发送HTTP请求:JSONP
- 5.4 基于服务器端推送事件端Comet技术
- 六、客户端存储
- 6.1 客户端存储的几种形式
- 6.2 localStorage和sessionStorage
- 6.3 cookie
- 6.4 应用程序存储和离线web应用
- 七、多媒体和图形编程
- 7.1 脚本化图片
- 7.2 脚本化音频和视频
- 7.3 SVG:可伸缩的矢量图行
- 7.4 Canvas
- 八、HTML5 API
- 8.1 地理位置
- 8.2 历史记录管理
- 8.3 跨域消息传递
- 8.4 Web Worker
- 8.5 类型化数组和ArrayBuffer
- 8.6 Blob
- 8.7 文件系统API
- 8.8 客户端数据库
- 8.9 webSocket协议
- JavaScript重点概念试题(整理中)
- 一、类型和语法
- 二、作用域和闭包
- 三、this和对象原型
- 四、异步和性能
- JavaScript真题(整理中)
- Jquery试题(整理中)
- ECMAScript试题(整理中)
- 1. var、let 及 const 区别
- 2. 原型继承和 Class 继承
- 3. 模块化
- 4. Proxy
- 5. map, filter, reduce
- 一、块级作用域绑定
- 1.1 var声明和变量提升(Hosting)机制
- 1.2 块级声明:let声明
- 1.3 块级声明:禁止重声明
- 1.4 块级声明:const声明
- 1.5 块级声明:临时死区
- 1.6 循环中的块级作用域及立即调用函数表达式解决方案
- 1.7 循环中的let
- 1.8 循环中的const
- 1.9 全局块作用域绑定
- 二、字符串
- 2.1 UTF-16码位
- 2.2 新增方法 codePointAt()
- 2.3 新增方法 fromCodePoint()
- 2.4 新增方法 normalize()
- 2.5 新增解析字符串方法 includes()
- 2.6 新增解析字符串方法 startsWith()
- 2.7 新增解析字符串方法 endsWith()
- 2.8 新增方法 repeat()
- 2.9 模板字面量
- 2.9.1 什么是模板字面量
- 2.9.2 基础语法
- 2.9.3 多行字符串
- 2.9.4 字符串占位符
- 2.9.5 标签模板
- 三、函数
- 3.1 函数形参的默认值
- 3.1.1 ES5中模拟默认参数
- 3.1.2 ES6中的默认参数值
- 3.1.3 ES5中的 arguments 对象
- 3.1.4 默认参数值对 arguments 对象的影响
- 3.1.5 默认参数表达式
- 3.1.6 默认参数的临时死区
- 3.2 处理无名参数
- 3.2.1 ES5中的无命名参数
- 3.2.2 不定参数
- 3.3 增强的 FUNCTION 构造函数
- 3.4 展开运算符
- 3.5 name属性
- 3.5.1 什么是name属性
- 3.5.2 name属性的特殊情况
- 3.6 明确函数的多重用途
- 3.6.1 什么是函数的多重用途
- 3.6.2 在ES5中判断函数被调用的方法
- 3.6.3 元属性 new.target
- 3.7 块级函数
- 3.7.1 ES6中的块级函数
- 3.7.2 块级函数的使用场景
- 3.7.3 非严格模式下的块级函数
- 3.8 箭头函数
- 3.8.1 箭头函数与传统 JS 函数的不同
- 3.8.2 箭头函数的语法
- 3.8.3 创建立即执行函数表达式
- 3.8.4 箭头函数没有 this 绑定
- 3.8.5 箭头函数和数组
- 3.8.6 箭头函数没有 arguments 绑定
- 3.8.7 箭头函数的辨识方法
- 3.9 尾调用优化
- 3.9.1 什么是尾调用
- 3.9.2 ES6中尾调用的优化
- 3.9.3 如何利用尾调用的优化
- 四、对象
- 4.1 对象的类别
- 4.2 对象字面量语法扩展
- 4.2.1 属性初始值的简写
- 4.2.2 对象方法的简写
- 4.2.3 可计算属性名
- 4.3 新增方法
- 4.3.1 Object.is()
- 4.3.2 Object.assign()
- 4.4 重复的对象字面量属性
- 4.5 自有属性枚举顺序
- 4.6 增强对象原型
- 4.6.1 改变对象的原型
- 4.6.2 简化原型访问的Super引用
- 4.7 正式的方法定义
- 五、解构:使数据访问更便捷
- 5.1 对象解构
- 5.1.1 解构赋值
- 5.1.2 默认值
- 5.1.3 为非同名局部变量赋值
- 5.1.4 嵌套对象解构
- 5.2 数组解构
- 5.2.1 解构赋值
- 5.2.2 默认值
- 5.2.3 嵌套数组解构
- 5.2.4 不定元素
- 5.3 混合解构
- 5.4 解构参数
- 5.4.1 必须传值的解构参数
- 5.4.2 解构参数的默认值
- 六、Symbol 和 Symbol 属性
- 6.1 什么是 Symbol
- 6.2 创建 Symbol
- 6.3 Symbol的使用方法
- 6.4 Symbol共享体系
- 6.5 Symbol与类型强制转换
- 6.6 Symbol属性检索
- 6.6 通过well-known Symbol暴露内部操作
- 6.6.1 Symbol.hasInstance方法
- 6.6.2 Symbol.isConcatSpreadable属性
- 6.6.3 Symbol.match、Symbol.replace、Symbol.search和Symbol.split属性
- 6.6.4 Symbol.toPrimitive方法
- 6.6.5 Symbol.toStringTag属性
- 6.6.6 Symbol.unscopables属性
- 七、Set 集合 与 Map 集合
- 7.1 ES5中的 Set 集合与 Map 集合
- 7.2 ES6中的 Set 集合
- 7.2.1 创建 Set 集合并添加元素
- 7.2.2 移除元素
- 7.2.3 Set集合的 forEach()方法
- 7.2.4 将 Set 集合转换为数组
- 7.2.5 Weak Set集合
- 7.3 ES6中的 Map 集合
- 7.3.1 ES6中的 Map 集合
- 7.3.2 Map 集合支持的方法
- 7.3.3 Map 集合的初始化方法
- 7.3.4 Map 集合的 forEach 方法
- 7.3.5 Weak Map 集合
- Http协议试题(已完成)
- 说明
- 重点:输入 URL 到页面渲染的整个流程
- 一、网络基础
- 1.1 TCP/IP协议族
- 1.1.1 什么是TCP/IP协议族
- 1.1.2 TCP/IP协议族按层次划分了哪几次?
- 1.1.3 HTTP请求时,TCP/IP通信传输流
- 1.2 网络层:IP协议
- 1.3 传输层:TCP协议、UDP协议
- 1.3.1 TCP协议位于哪一层
- 1.3.2 TCP头部有哪些重要字段?
- 1.3.3 TCP协议的三次握手
- 1.3.4 为什么 TCP 建立连接需要三次握手?
- 1.3.5 UDP 与 TCP 的区别是什么?
- 1.3.6 ARQ协议
- 1.3.7 滑动窗口协议
- 1.3.8 拥塞处理
- 1.4 应用层:DNS服务
- 1.5 URL和URI
- 1.5.1 URI
- 1.5.2 绝对URI的格式
- 1.6 RFC
- 二、Http协议
- 2.1 HTTP请求报文组成
- 2.2 HTTP协议的状态
- 2.3 告知服务器意图的HTTP方法
- 2.4 TCP的持久连接
- 2.5 使用Cookie的状态管理
- 三、HTTP报文内的HTTP信息
- 3.1 HTTP报文类型和结构
- 四、HTTP状态码
- 五、与HTTP协作的 Web 服务器
- 5.1 通信数据转发程序:代理
- 5.2 通信数据转发程序:网关
- 5.3 通信数据转发程序:隧道
- 六、HTTP首部
- 6.1 HTTP首部字段类型
- 6.2 通用首部字段
- 6.3 请求首部字段
- 6.4 响应首部字段
- 6.5 实体首部字段
- 6.6 非HTTP/1.1 首部字段
- 6.7 为Cookie服务的首部字段
- 6.8 其他首部字段
- 七、HTTPS
- 7.1 HTTP的缺点
- 7.2 HTTP与HTTPS
- 7.3 HTTPS的加密方式
- 7.4 HTTPS的通信步骤
- 7.5 HTTPS的缺点
- 八、基于HTTP的功能追加协议
- 8.1 SPDY协议
- 8.2 webSocket协议
- 8.3 HTTP/2.0
- Webpack(已完成)
- 1. 减少 Webpack 打包时间
- 2. 减少 Webpack 打包后的文件体积
- 一、Webpack基础介绍
- 1.1 模块化
- 1.2 构建的作用及常见功能
- 1.3 常见的构建工具及其优缺点
- 1.4 webpack
- 1.5 Loader
- 1.6 Plugin
- 1.7 DevServer
- 1.8 webpack的核心概念
- 二、Webpack配置
- 2.1 Entry
- 2.2 Output
- 2.2.1 filename配置
- 2.2.2 chunkFilename配置
- 2.2.3 path配置
- 2.2.4 publicPath配置
- 2.2.5 crossOriginLoading配置
- 2.2.6 libraryTarget 和 library配置
- 2.2.7 var (默认)配置
- 2.2.8 commonjs配置
- 2.2.9 commonjs2配置
- 2.2.10 this配置
- 2.2.11 window配置
- 2.2.12 global配置
- 2.2.13 libraryExport配置
- 2.3 Module
- 2.3.1 Loader配置
- 2.3.2 noParse配置
- 2.3.3 parser配置
- 2.4 Resolve
- 2.4.1 alias配置
- 2.4.2 mainFields配置
- 2.4.3 extensions配置
- 2.4.4 modules配置
- 2.4.5 descriptionFiles配置
- 2.4.6 enforceExtension配置
- 2.4.7 enforceModuleExtension配置
- 2.5 Plugin
- 2.6 DevServer
- 2.6.1 hot配置
- 2.6.2 inline配置
- 2.6.3 historyApiFallback配置
- 2.6.4 contentBase配置
- 2.6.5 headers配置
- 2.6.6 host配置
- 2.6.7 port配置
- 2.6.8 allowedHosts配置
- 2.6.9 disableHostCheck配置
- 2.6.10 https配置
- 2.6.11 clientLogLevel配置
- 2.6.12 compress配置
- 2.6.13 open配置
- 2.7 其他配置
- 2.7.1 Target配置
- 2.7.2 Devtool配置
- 2.7.3 Watch 和 WatchOptions
- 2.7.4 Externals配置
- 2.7.5 ResolveLoader配置
- 2.8 如何整体配置结构
- 2.9 判断如何配置 Webpack
- 三、Webpack实战
- 3.1 如何接入ES6
- 3.2 如何接入SCSS
- 3.3 React的使用
- 3.4 Vue的使用
- 3.5 使用 Angular2 框架
- 3.6 为单页应用生成 HTML
- 3.7 离线应用
- 3.7.1 使用 Service Workers 实现离线缓存
- 3.7.2 接入 Webpack
- 3.8 检查代码
- 四、Webpack优化
- 4.1 缩小文件搜索范围
- 4.1.1 优化 loader 配置
- 4.1.2 优化 resolve.modules 配置
- 4.1.3 优化 resolve.mainFields 配置
- 4.1.4 优化 resolve.alias 配置
- 4.1.5 优化 resolve.extensions 配置
- 4.1.6 优化 module.noParse 配置
- 4.2 构建动态链接库
- 4.2.1 接入 Webpack
- 4.2.2 如何实现构建动态链接库
- 4.3 如何把任务分解给多个子进程去并发的执行
- 4.4 多进程压缩代码
- 4.5 使用自动刷新
- 4.6 热模块替换
- 4.6.1 优化模块热替换
- 4.7 区分环境
- 4.7.1 实现原理
- 4.8 CDN加速
- 4.8.1 用 Webpack 实现 CDN 的接入
- 4.9 Tree Shaking优化
- 4.9.1 接入 Tree Shaking
- 4.10 提取公共代码
- 4.10.1 如何通过 Webpack 提取公共代码
- 4.11 按需加载
- 4.11.1 用 Webpack 实现按需加载
- 4.11.2 实例强化(按需加载与 ReactRouter)
- 4.12 优化代码在运行时的效率
- 4.12.1 接入 Webpack
- 4.13 开启 Scope Hoisting
- 4.13.1 接入webpack
- 4.14 输出分析
- 五 . Webpack原理
- 5.1 流程概括
- 5.2 流程细节
- 前端监控
- 1. 页面埋点
- 2. 性能监控
- 3. 异常监控
- 浏览器( 整理中 )
- 1. 为什么会有cookie?
- 2. 浏览器内核
- 3. cookies,sessionStorage和localStorage的区别