10.2 vue常用的UI组件库 · BAT web前端开发面试宝典 · 看云

~~~[purchase:0] https://www.kancloud.cn/lsmsky/web_quiz/purchase ~~~

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
11.5 浏览器js与node事件循环的区别
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语句问题一：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从句
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 父组件异步获取动态数据传递给子组件
6.12 mixin优缺点
6.13 组合式和选项式API的优缺点
6.14 vue2与vue3的区别
七、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.9 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的服务器端渲染
二十二：资料分享
React面试题
React高频面试题
1.React设计思想
2.Hooks的作用&原理
3.Vue和React数据驱动原理区别
4.React虚拟DOM Diff算法
5.React 的生命周期方法有哪些？
6.React 中的 useState() 是什么？
7.什么是纯函数？
8.useMem和useCallback的区别
9.useEffect和useLayoutEffect区别
10.useState与useRef主要区别
11.什么时JSX？
12.状态管理&组件通信方式有哪些？
13.React-Router工作原理
14.setState是同步还是异步的
15.什么是高阶组件(HOC)？
16.防止子组件不必要的重新渲染
17.React 组件性能优化
18.为什么React要Fiber架构，而Vue没有
19.React Fiber可中断更新机制原理
20.Fiber架构原理
21.React中的setState批量更新的过程是什么？
22.简述为什么 useState 要使⽤数组⽽不是对象？
23.简述 React key 是⼲嘛⽤的为什么要加？
24.请简述当调用setState时，React render 是如何工作的？
25.哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？
26.React 并发模式是如何执行的？
27.React setState 调⽤之后发⽣了什么？是同步还是异步？
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.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 流程细节
5.3 详细原理
5.4 打包流程
六、Vite原理
1.webpack与vite打包差异
七、高频面试题
1.Vue-loader 是什么？
2.webpack精选面试题
3.Tree shaking实现原理
4.什么是Scope hoisting
5.HMR热更新原理
Nodejs面试题
1.Nodejs是单线程还是多线程？
2.为什么Nodejs单线程却能够支持高并发？
3.Nodejs事件循环机制
4.Nodejs中libuv库的作用是什么？
5.请简述一下node的多进程架构
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
Web安全面试题
1.XSS原理及防范
2.CSRF原理及防范
3.如何保证你的HTTP cookies安全不受XSS攻击
浏览器相关面试题
1.浏览器渲染html流程
2.浏览器是多进程还是单进程?
3.DOM Tree 与 CSSOM
4.哪些CSS属性会触发硬件加速？
5.硬件加速有什么副作用？如何优化？
微前端&设计模式
1.什么是微前端
2.沙箱（sandbox）技术
3.qiankun沙箱机制
4.微前端框架对比