前端培训：分享web前端面试“区别”题

1.jquery 和 javascript 的区别

jQuery 是 JavaScript 的一个封装集合。封装了很多 JavaScript 的方法，也就是说，jQuery 里面的内容都是 JavaScript 语句。只是封装起来让我们学习和使用得简单一些.

2.React 和 Vue 的区别

React 和 Vue 的相似之处：

（1）、使用 Virtual DOM

（2）、提供了响应式（Reactive）和组件化（Composable）的视图组件。

（3）、将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库

Vue 与 Angular、React 的对比：

1、vue.js 更轻量，gzip 后只有 20K+，angular:56K ,react:44K

2、vue.js 更易上手，学习曲线平稳3、吸收两家之长，有 angular 的指令和 react 组件化思想

3. MVVM 和 MVC 的区别：

mvc 和 mvvm 其实区别并不大。都是一种设计思想。【关注尚硅谷，轻松学IT】主要就是 mvc 中 Controller 演变成 mvvm 中的 viewModel。mvvm 主要解决了 mvc 中大量的 DOM 操作使页面渲染性能降低，加载速度变慢，影响用户体验。

4.MVVM 和 jquery 的区别：

• vue 数据驱动，通过数据来显示视图层而不是节点操作。
• jQuery 是一个快速、简洁的 JavaScript 框架 , jQuery 是基于事件驱动

5.v-show 和 v-if 指令的共同点和不同点？

• v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏
• v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果

6.$route 和 router 的区别？

• $route : 包括 path，params，hash，query，fullPath，matched，name 等路由信息参数
• $router: 是路由的跳转方法，钩子函数等

7.less/sass 区别

(1)sass 是基于 Ruby 的，然后是在服务器端处理的。很多开发者不会选择 LESS 因为JavaScript 引擎需要额外的时间来处理代码然后输出修改过的 CSS 到浏览器

(2)关于变量在 LESS 和 Sass 中的唯一区别就是，LESS 用@，Sass 用$

8.svn 和 git 的区别

1、GIT 是分布式的，SVN 是集中式的

2、git 是每个历史版本都存储完整的文件,便于恢复,svn 是存储差异文件,历史版本不可恢复。(核心)

3、git 可离线完成大部分操作,svn 则不能。

4、git 有着更优雅的分支和合并实现。

5、git 有着更强的撤销修改和修改历史版本的能力

6、Git 下载下来后，在本地不必联网就可以看到所有的 log，很方便学习，SVN 却需要联网；git 速度更快,效率更高。

7、Git 没有一个全局的版本号，而 SVN 有。

9.请描述一下 cookies，sessionStorage 和localStorage的区别?

sessionStorage用于本地存储一一个 会话(session) 中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

web storage 和cookie的区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求--个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。

除此之外，Web Storage 拥有setItem, getItem, removeItem, clear等方法，不像cookie 需要前端开发者自己封装setCookie, getCookie。但是Cookie也是不可以或缺的: Cookie 的作用是与服务器进行交互，作为HTTP规范的一.部分而存在, 而Web Storage 仅仅是为了在本地“存储”数据而生。

10.简述一下src与href的区别

src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。

src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。

当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

href是Hypertext Reference 的缩写，指向网络资源所在位置，建立和当前元素(锚点)或当前文档(链接)之间的链接，如果我们在文档中添加

re1=”stylesheet”/>

那么浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link 方式来加载css，而不是使用@import方式

文章来源菜鸟码农小佩奇