1.vue3angular13
vue3angular13
vue3成熟吗
截至年4月，跑腿跑腿VUE3可以说是源码源码相对成熟了，但没有VUE2.×成熟。跑腿跑腿
VUE2.×是源码源码一个比较稳定的版本，也是跑腿跑腿很长一段时间大家在使用的版本，社区生态已经十分完善了，源码源码源码版是什么所以，跑腿跑腿如果我们暂时还不必须去着急升级到VUE3，源码源码毕竟等待vue3的跑腿跑腿生态成熟，还需要一段时间的源码源码积累，但是跑腿跑腿作为前端领域必不可少的一门技能，当然希望能够提前去接触到，源码源码毕竟前端的跑腿跑腿技术迭代更新就是这么快。
Vue.js的源码源码主要特点：
1、易用：
在有HTML，跑腿跑腿CSS，JavaScript的基础上，快速上手。
Vue.js的API是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。
Vue.js的API的对于其他框架的参考不仅是参考，其中也包含了许多Vue.js的独特功能。
2、灵活：
简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。
3、性能：
kbmin+gzip运行大小、超快虚拟?DOM?、最省心的优化。
以上内容参考：百度百科-Vue.js
前端开发面试记录（深圳篇）年来到深圳，感觉到了与之前所在城市的差异，心里多少有点落差。虽然时机不太对吧，但是相信一切都会好起来的，给自己加油呀！
整理了一些面试被问到的问题，虽然很多是无效面试，但是我也强行问了面试官，从他们的回答中猜测了一下他们关注的面试点，所以也算是有点收获吧，只是浪费了很多简历和路费，哭唧唧。
——1、区块链——
1-1、vue生命周期；
1-2、vuex属性；
1-3、用户开始登录到登录成功都发生了什么；
1-4、git常用的命令；
——2、金融：vue——
笔试：
2-1、深浅拷贝的区别，为什么会出现深浅拷贝，浅拷贝的优势；
2-2、强制中断foreach遍历；
2-3、盲盒平台源码多处组件复用；
2-4、你对前端是什么概念，前端在整个软件生态内是什么角色；
2-5、Vue2中数据变化但视图没有发生同步更新，描述一下出现的场景，解决方式，以及该问题发生的可能原因；
2-6、nextTick是如何确保开发者能够获取到最新的DOM状态的；
2-7、如何使用mixins，有何利弊；
2-8、使用Hooks模式开发时，useMemo，useCallback常用来作为优化的手段。描述一下它们各自的适用场景，以及背后的原理实现?；
2-9、前端从Jquery时代演变至如今的三大框架，这种演变的根源是什么，jquery解决了什么问题，如今的三大框架又是为了解决什么问题出现的？
视频面试：
2-、js遍历树形结构，每个节点都有一个唯一ID，只能遍历一次；
2-、组件封装的意义；
——3、知识产权：vue2、vue3、ts、react——
3-1、说一说面向对象的理解，包括继承、封装、多态等；
3-2、说一说promise；
3-3、webpack优化；
3-4、vuex使用场景；
3-5、描述一下对vue响应式原理的理解；
3-6、vue生命周期；
3-7、父子组件钩子函数执行顺序；
3-8、v-if和v-show；
3-9、js数据类型；
3-、实现深拷贝；
——4、物流——
4-1、vue生命周期；
4-2、生命周期-修改元素样式在生命周期的哪个阶段；
4-3、生命周期-修改数据在哪个阶段；
4-4、生命周期-destroy里面会做哪些操作；
4-5、怎么修改title的内容；
4-6、父子组件传参的具体写法；
4-7、v-model的多种写法；
4-8、js数据类型；
4-9、判断数组的方法；
4-、实现左边固定右边自适应的布局；
4-、实现div垂直水平居中；
4-、flex:1；
4-、flex详解；
4-、call,网络连线动画源码apply,bind是干什么的；
——5、新兴产业——
5-1、封装路由，怎么拦截路由；
5-2、浏览器缓存有哪些，又问localStorage和sessionStrorage的区别和应用场景；
5-3、浏览器强缓存和协商缓存；
5-4、webpack打包机制，构建过程和配置；
5-5、性能优化方法；
5-6、前端的业务和后端的API是怎么做到数据实时请求的（问的其实是前端对后端API接口的封装和管理）；
5-7、computed和watch；
5-8、说了几个关于大屏的应用场景，有没有做过，怎么做的；
——6、某水果：vue2、vue3、ts、各种前沿技术都用——
6-1、怎么封装一个组件库/工具类库，比如vue封装过什么复杂组件，jquery封装过什么类库；
6-2、get和post的区别，传参格式等；
6-3、promise怎么用的；
6-4、原型链，test()的原型链；
6-5、websocket；
6-6、es6中的generator；
6-7、es6中的set和map有啥区别，set为什么能去重；
6-8、项目难点；
——7、医疗健康：vue——
7-1、vue自定义指令配置；
7-2、webpack的理解；
7-3、对node的了解，用过express吗；
7-4、项目中的拖拽是怎么做的；
7-5、websocket和socket的区别；
7-6、听过mqtt吗，因为没听过所以解释了一下activemq的用法；
7-7、二维地图的聚合，如果有十万个点，会做什么优化；
7-8、地图实现多个点连成一条线会怎么做；
7-9、地图实现一条曲线；
7-、内网下git怎么用的；
7-、openlayers渲染机制；
7-、父子组件通信方法；
7-、router中实现拦截；
7-、对象合并的方法；
7-、父子组件的生命周期执行顺序，渲染阶段为什么会先执行父组件再执行子组件；
7-、vue生命周期；
7-、npmrundev,runbuild可以在项目中的什么位置找到；
7-、vue中跳转页面的移动端找茬源码方法；
7-、mixins用过吗；
7-、判断引用类型的方法；
7-、js数据类型；
7-、判断基本数据类型的方法；
7-、forin和forof的用法和区别，两者遍历的是索引还是属性值，两者都可以遍历对象吗；
7-、foreach和map的区别，两者会不会改变原数组；
7-、主要用什么技术栈；
7-、行内元素和块级元素的区别，分别都有哪些，行块级元素有哪些；
7-、div垂直水平居中，grid知不知道怎么用；
7-、splice和slice；
——8、智慧园区：vue2、vue3、ts、uniapp——
8-1、flex了解吗，flex布局方向，flex:的页面效果是怎样的；
8-2、做过移动端吗，了解uniapp吗；
8-3、keep-alive；问了一个没听明白的，可能和keep-alive有关系；
8-4、vuex中的action；不用vuex，怎么代替vuex；
8-5、promise.all和promise.on；
8-6、防止表单重复提交；
8-7、async，await的使用；
8-8、vue3和ts的了解；
8-9、防抖怎么控制时间；
8-、vue中的data为什么要设计成一个函数；
——9、智慧工地：vue、uniapp、小程序——
9-1、Vuex是干什么的；
9-2、openlayers怎么用的；
9-3、性能优化；
9-4、spa首屏加载优化；
9-5、bundler.js太大，打包怎么优化；
9-6、加密方式了解多少，比如md5,base等，一大堆没听过的；
9-7、冒泡排序的实现原理；
9-8、js设计模式；
——、某快递公司外包——
-1、一棵树的数据，给的是列表格式，转换成树形结构；
-2、项目相关的百淘影视源码，聊天怎么做的，拖拽怎么做的，拖拽的数据怎么渲染的，拖拽重叠怎么处理的；
-3、js设计模式；
——、三维：vue、cesium——
-1、一棵树的数据，给的是列表格式，转换成树形结构；
-2、openlayers怎么用的，发布过wms吗，发布流程是怎样的；
-3、openlayers转换经纬度的方法名是什么；
-4、cesium常用的函数；
-5、vue数据双向绑定原理；
-6、Vue中data属性如果改变一个数组的下标，会不会马上发生变化，不变化可以怎么解决
-7、数组常用方法有哪些；
-8、map和filter的区别；
-9、es6常用的方法；
-、父子组件通信，兄弟组件通信；
-、new具体进行了什么操作；
——、医疗：vue、angular——
-1、js渲染机制和运行机制；
-2、vue数据绑定原理；
——、建设行业：vue、uniapp——
笔试：
-1、||与运算符；
-2、垂直居中方案；
-3、leta=arr,b=a,c=arr.concat(),a[0]=3，打印b和c，应该是深浅拷贝；
-4、实现font-size:；
-5、接口路径，给一个地址，根据url请求接口路径写出完整路径，’/geturl.do’，’geturl.do’，’../geturl.do’；
-6、微信小程序流程和主要文件；
-7、获取url参数及内容；
-8、$(function(){ })/(function(){ })/(function(){ })()的区别；
-9、前端优化方案；
面试：
-、项目难点；
-、git工作流；
-、jquery项目会不会用webpack打包；
-、webpack优化；
-、web优化；
——、文化：uniapp——
-1、ssr渲染；
-2、ajax和axios的区别；
-3、cookie和session的区别；
-4、vue生命周期；
-5、数据请求写在哪个生命周期中；
-6、router的history模式和hash模式；
-7、工作中的开发流程；
-8、uniapp的开发流程和坑；
-9、uniapp滑动问题，下滑切换视频不生效，一般是什么原因；
-、uniapp加载速度慢，点击加载速度太慢，一般是什么原因；
——、企业平台某外包：vue，node，性能优化——
-1、说一说websocket；
-2、vue数据双向绑定原理；
-3、项目难点；
-4、对mvvm、mvc、mvp等的理解；
-5、vue的常见指令；
-6、computed和watch；
-7、class和style怎么绑定；
-8、ajax和axios的区别；
-9、axios拦截器，axios的post请求；
-、对前端渲染，服务端渲染的理解；
——、智慧城市：vue，node，three.js——
-1、vue生命周期；
-2、vue组件通信方法；
-3、js的继承；
-4、oracle、mysql、sqllite的区别；
-5、oracle连表查询；
-6、openlayers项目场景；
-7、cesium项目场景；
——、租房：jquery+layui，vue2——
-1、笔试：
-2、foo打印题；
-3、this打印题；
-4、变量提升打印题；
-5、letarr=[1,2,[5,8,[9,[3,5,]7,],]]把数组扁平化成一个数组，并进行去重升序;
-6、leta=[1,2,3,4,5,6,7];letb=[4,5,6];求b在a中第一次出现的位置；
-7、面试：主要问项目
——、跑腿：vue2，vue3+ts——
-1、对html5语义化的理解；
-2、css实现一个三角形；
-3、css怎么实现0.5px的线，为什么有这种需求，涉及到兼容性问题；
-4、怎么解决变量提升的问题；
-5、es6新增了哪些定义变量的方式；
-6、const定义的变量可以被修改吗；
-7、map和filter的区别，会改变原数组吗；
-8、es6去重的方法；
-9、谈一谈对promise的理解；
-、除了链式调用，promise还可以怎么处理同步请求(async/await)；
-、对vue响应式原理的理解，核心是什么；
-、对vue生命周期每个阶段的理解；
-、为什么要用key，key有什么作用；
-、v-if和v-show；
-、Vue中data为什么是一个函数；
-、vue各场景下的传值方式有哪些，比如父子组件，兄弟组件，祖孙组件；
-、对vuex的理解和使用场景；
-、vue常见修饰符；
-、Vue3用过吗(因为没用过，所以就只针对响应式原理说了一下vue3和vue2的区别)；
——、实业：jquery，vue2，vue3——
笔试：需要解释
-1、html5新标签，css3新特性；
-2、js+css3实现某元素以px每秒的速度左移px；
-3、css实现左中右布局，不改变文档流；
-4、js兼容性有哪些，以及常见的解决方案；
-5、描述一下事件循环机制eventloop，eventloop解决了什么问题；
-6、给了一个题，大概是后端返回的接口数据，data的格式有很多，比如null，对象，数组，字符串等，怎么处理这种问题；
-7、前端性能优化方法，首屏页面怎么优化；
-8、用js写一个方法实现数据去重并排序(用es5和es6+实现)；
-9、给定一个数组，把数组中为0的往后排，其他值按顺序排序;（示例：[1,0,4,0,5,3]转换结果为[1,3,4,5,0,0]）
-、用0，1，2代表红黄蓝三种颜色，实现以下排序，不能用array.sort实现;（示例：[0,1,0,2,0,1,2]转换结果为[0,0,0,1,1,2,2]）
面试：
-、flex布局；flex:1对应的属性；
-、讲一下原型链；proto和prototype有什么区别；字符串有没有原型；给定一个str，str.test()调用的谁的test方法；
-、讲一下闭包；什么情况下才能算是闭包；形成闭包的条件；列了三个题让你判断是不是闭包；
-、v-if和v-show是干什么的；应用场景有哪些；给定一对父子组件，默认值是false，另外有一个ajax请求，值发生了以下变化（falsetruefalsetruetrue），在v-show和v-if中，父子组件的哪个阶段里会请求ajax；
-、computed的实现原理，怎么实现一个computed；
-、css中，transform，margin，position的都是怎么渲染的，渲染机制是什么；amd，cmd，commonjs了解吗；
vue和angular的异同1、都支持数据绑定，vue和angular绑定都可以用{ { }}；
2、都支持内置指令和自定义指令
3、都支持内置过滤器和自定义过滤器
4、都不支持低版本浏览器
angular比vue更复杂，学习成本更高。比如angular增加了依赖注入（dependencyinjiction）特性。但却是在构建完整复杂应用方面，angular是更好的选择。
Vue.js是轻量级的开发框架，本身提供的API都比较简单、直观，很适合开发小规模灵活的Web应用程序，可以快速地掌握它的全部特性并投入开发。
angular依赖对数据做脏检查，所以随着程序复杂程度的提高，watcher会越来越多，vue使用基于依赖追踪的观察，并且使用异步队列更新，所有的数据都是独立触发的，且vue的双向绑定是基于ES5的getter/setter来实现的，而angular而是由自己实现一套模版编译规则，需要进行所谓的“脏”检查，vue则不需要。因此，vue在性能上更高效，但是代价是对于ie9以下的浏览器无法支持。
vue相当于angular要变得小巧很多，运行速度比angular快.
vue指令用v-xxx，angular用ng-xxx，angular用的指令是ng-前缀的，而vue是v-
vue有组件化概念，angular中没有
vue中数据放在data对象里面，angular数据绑定在$scope上面。
Angular1使用双向绑定，Vue在不同组件间强制使用单向数据流。这使应用中的数据流更加清晰易懂。
Vue.js有更好的性能，并且非常非常容易优化，因为它不使用脏检查。Angular，当watcher越来越多时会变得越来越慢，因为作用域内的每一次变化，所有watcher都要重新计算。并且，如果一些watcher触发另一个更新，脏检查循环（digestcycle）可能要运行多次。Angular用户常常要使用深奥的技术，以解决脏检查循环的问题。有时没有简单的办法来优化有大量watcher的作用域。Vue.js则根本没有这个问题，因为它使用基于依赖追踪的观察系统并且异步列队更新，所有的数据变化都是独立地触发，除非它们之间有明确的依赖关系。唯一需要做的优化是在v-for上使用track-by。
前端现在的主流框架有哪些？
web前端三大主流框架有三个：1.React,2.Vue,3.Angular,下面让我们看看这三大主流框架各有哪些特点以及优缺点呢。
一、React
特点：1.声明式设计，2.高效，3.灵活
优点：1.速度快，2。跨浏览器兼容性，3。模块化，4。单向数据流，5。同构与纯javascript，6。兼容性好。
缺点：React本身只是一个V而已，并不是一个完整的框架，所以如果是大型项目想要一套完整的框架的话，基本都需要加上ReactRouter和Flux才能写大型应用。
二、Vue：
特性：1.轻量级的框架，2.双向数据绑定，3.指令，4.插件化
优点：
1.简单：官方文档很清晰，比Angular简单易学。
2.快速：异步批处理方式更新DOM。
3.组合：用解耦的、可复用的组件组合你的应用程序。
4.紧凑：kbmin+gzip，且无依赖。
5.强大：表达式无需声明依赖的可推导属性(computedproperties)。
6.对模块友好：不用强制你所有的代码都要遵循Angular的各种规则，也可以通过NPM、Bower或者Duo来安装，使用场景更加灵活。
缺点：
1.新生的：Vue.js是一个新的项目，没有angular那么成熟。
2.影响度不是很大：有关于Vue.js多样性或者说丰富性少于其他一些有名的库。
3.不支持IE8。
三、Angular：
特性：1.应用结构好，2。双向数据绑定，3。说明，4.HTML模板，5。包埋、注射和测试。
优点：
1.模板功能强大丰富，自带了极其丰富的angular指令。
2.具有较为完善的前端框架，包括服务、模板、数据双向绑定、模块化、路由、过滤器、依赖项注入等全部功能；3.自定义指令，自定义指令之后可以在项目中多次使用。
4.ng模块化在Java(依赖注入)中的引入更为大胆，能够轻松地编写可复用的代码，对敏捷开发团队非常有帮助。
5.angularjs是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。
缺点：
1.angular入门很容易但深入后概念很多,学习中较难理解。
2.文档的例子非常少，官方文档基本上只写api，一个例子也没有。具体如何使用是google，或者直接询问misko、angular的作者。
3.与IE6/7的兼容性不是特别好，但是可以用jQuery自己手写的代码解决。
4.很少关于如何应用指令的最佳实践教程，angular实际上是非常灵活的，如果不看看一些作者的使用原则，就很容易写出四不像的代码，比如js中的jQuery或者dom操作。
