当前位置: 首页 > Web前端 > vue.js

2021试题总结

时间:2023-03-31 17:54:30 vue.js

vue的生命周期,vue的生命周期有哪些?beforeCreatecreated创建初始化数据事件beforeMountmounted加载DOM渲染完成beforeUpdateupdated更新beforeDestroydestroyeddestroyed在第一个页面加载时会触发哪些钩子?~~~~会触发下面的beforeCreate,created,beforeMount,mounted。hash和history的区别在vue的路由配置中有一个mode选项。最直观的区别是hash的url中有一个难看的#,而history没有#。Vue默认使用哈希。哈希模式切换路由只会改变dom,*不会*向服务器发起请求。history切换路由*会*向服务器发起请求并改变dom。v-if和v-show的区别不建议在同一个元素上使用v-if和v-for什么是同源策略“protocol(协议)、domain(域名)、port(端口)是一致的。”cookie是可以跨域的吗?前端如何跨域CORS是W3C的一个标准,全称是“跨源资源共享”(Cross-originresourcesharing)对于简单的请求,浏览器直接发送CORS请求。具体的,在header信息中,在vue框架的跨域WEBBACK中添加一个Origin字段,设置代理document.domain+iframe跨域什么是框模型?所有的HTML元素都可以看作是盒子,普通的盒子模型就是内容(content)+内边距(padding)+边框(border)+外边距(margin)。什么是CSS选择器*1、标签选择器*2、类选择器*3、id选择器*4、子选择器*5.包括选择器*6、兄弟选择器*8、全局选择器*9、组选择器*10、属性选择器*11、伪类选择器**[]([type=text]修改的属性为type=text模块)**分隔,(逗号分隔需要修改的模块名)**以*开头(星号标记在大括号之前,修改所有包含body的标签)**以>父子元素分隔,(模块名>模块名,修改>上一个模块中的子模块)***LINK和LINK有什么区别import**一:推荐使用link,谨慎使用@import*隶属关系*1.1link:linkisHTML提供的标签,不仅可以加载[CSS],还可以定义rel*等属性1.2@import:@import是css提供的语法,只导入样式表**加载顺序*2.1link:页面加载时链接[CSS]同时加载*2.2@import:导入的[CSS]会在页面加载后加载**3.兼容性差异*@import是CSS2.1特有的语法,所以只能被IE5+识别;由于link标签是一个HTML元素,因此不存在兼容性问题。**4.DOM可控性差异*可以通过JS操作DOM,插入链接标签改变样式;因为DOM方法是基于文档的,所以不能使用@import来插入样式。*以上是link和@import的区别的详细说明。什么是状态代码?1XX提示信息–表示正在处理请求2XXSuccess–表示请求已正常处理3XX重定向–必须做进一步处理才能完成请求4XXClientError–请求有语法错误或请求无法执行5XXServerError–服务器处理请求错误css如何实现垂直和水平居中节流和防抖http缓存Vue双向绑定原理输入一个URL到页面显示发生了什么vue-loop宏任务和微任务ES6使用?详解深拷贝的常用方法及其优缺点(JsonStringfy)Arraydeduplication,es6中的arraydeduplication,newSetredrawingandreflowcss,你做过性能优化吗?大概从用户体验代码webpack等方面来描述打包体积过大如何拆解VueX的实现原理如何封装一个图片上传组件,图片上传超过限制大小应该怎么办完成上传?组件之间如何通信?闭包、作用域数组方法、字符串方法BINDCALL如何把APPLY多维数组拉成一维数组,你懂flat吗