1.vue3angular13

vue3angular13

       vue3成熟吗

       截至年4月，跑腿跑腿VUE3可以说是源码源码相对成熟了，但没有VUE2.×成熟。跑腿跑腿

       VUE2.×是源码源码一个比较稳定的版本，也是跑腿跑腿很长一段时间大家在使用的版本，社区生态已经十分完善了，源码源码gdal源码剖析与开发指南 pdf所以，跑腿跑腿如果我们暂时还不必须去着急升级到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、项目相关的unity落叶效果源码，聊天怎么做的，拖拽怎么做的，拖拽的数据怎么渲染的，拖拽重叠怎么处理的；

       -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了解吗；

       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操作。