每日面试题 2022/7/28

一、vue 跟 query  的区别？

jquery 跟 vue 都是前端 js 库，随着H5 以及 ECAM6 在浏览器端的实现，使用越来越少，而vue是一个兴起的 前端 js 库 ，是一个精简的 MVVM ，从技术角度讲，vue注重于 V 也就是视图层，通过双向绑定把 View 与 Model 层连接起来，只操作数据就能完成对页面的视图层渲染，简单，快速，组合，紧凑，强大而迅速崛起、

区别：

vue 注重的是视图层，视图层与数据相分离的，MVVM框架，以及数据的双向绑定，对数据进行操作，完成页面的渲染以及操作，jquery则是使用选择器对DOM元素进行操作，赋值，取值，绑定事件等操作。对比于原生只是更好的对dom进行操作。

二、vue 与 React 的区别？？

React 是用于构筑用户层面的 js 库，遵循的是组件式设计模式，声明式与函数式编程，使得前端应用程序更加高效，遵循的是单向数据流，由高阶组件像低阶组件的单向数据流传递，使用虚拟DOM来有效的操作dom

vue 也是一个用于创建用户层面的 js 库，也有组件化的实际思想，使用的是数据双向绑定，我们操作数据对页面进行渲染，操作。核心是数据驱动，组件化，以及一些常见的指令

相同点：

• 都有组件化思想
• 都支持服务端渲染
• 都有虚拟DOM
• 数据驱动视图
• 拥有自己的构建工具

不同点：

• 数据流向不同  vue 是双向数据流绑定 react 是单向数据流
• 核心思想不同 vue 主要核心思想是 灵活渐进式的框架，进行数据拦截/代理，对数据变化更为敏感，精确     react 主要的核心是 推崇函数式编程（纯组件），数据不可变以及单向传递
• diff 算法不同
• 响应式原理不同   vue依赖数据自动优化，数据可变，vue会递归监听 data 所有的属性直接修改，当数据变更时，自动找到引用组件进行重新渲染    react 基于状态机，手动优化，数据不可变，需要调用 setState 来去对数据的新旧值做处理，
• 组件上的区别  react 是JSX+inline style  HTML 与JS CSS 都写进 js 中，React 的组件推崇函数组件，类组件与函数式组件，而vue 是 template 单文件的组件格式，是template 的单文件格式，html，js，css都写在一个文件中

三、element-UI 是什么？怎么使用的？

简介：emelent-ui  是一套为开发者，设计师和产品经理基于 vue2 的桌面端组件库，是网站快速成型工具。

如何使用：

引入库：

              npm  安装 element-ui   全局安装  并引入css 样式

              在 main.js 中引入 elementui  并 挂载在 vue 上

              最后在官网查找 所需要的组件 cv 到组件内进行修改

四、Ant Design 是什么？ 你如何使用？

Ant Design 就是基于 React 实现的一套组件库，它的功能完备，使用简单，他是网站快速成型的工具，不仅仅是功能强大，还包括漂亮的外观

使用： 首先在搭建完 react 项目后，安装 antd 依赖项 npm  i antd  推荐使用 yarn add antd

            然后在官方网站查找我们所需要的组件，及其API

五、webpack 的相关理解

1、webpack是什么？

• Webpack 是一个模块打包工具，可以使用 Webpack 来管理模块，并分析模块间的依赖关系，最终编译出模块为 html、 js、css、以及各种静态文件，让开发更加高效
• 对于不同类型的资源，webpack 有对应的模块加载器 loader  

2、webpack 的基本功能、

• 代码转换 TypeScript 代码 转为 js 代码，ES6 转 ES5 ，SCSS 转为 CSS 等等
• 代码语法检测：自动检测代码是否符合规范
• 代码分割：打包代码时，可以将代码切割成不同的 chunk 实现按需加载
• 检测代码更新，自动编译，刷新页面：监听本地代码变动，自动构建，刷新浏览器
• 自动发布
• 文件压压缩：压缩 js，css，html，缩小文件体积
• 模块合并：由于模块的开发，一个页面可能会有多个模块，编译时需要合并模块

3、打包流程

1. 从入口开始，递归转换入口文件所依赖的 module
2. 找到每一个 module，就根据对应的 loader 去转换这个 module
3. 然后，再对当前 module 依赖的所有 module 进行转换 如果还有的话继续转换
4. 接下来，以入口文件为单位进行分组，
5. 最后 Webpack 会把所有 Chunk 转换成文件输出