每日面试题 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 转换成文件输出

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值