面试
文章平均质量分 88
小小亮01
这个作者很懒,什么都没留下…
展开
-
vue2与vue3面试题之区别
vue2 再data之中定义vue3 则是再setup之中,使用ref、reactive等定义数据。原创 2023-01-28 21:05:13 · 13606 阅读 · 3 评论 -
面试之性能优化与webpack的打包流程
目录面试之性能优化css性能优化方面首屏内联样式减少使用@import引入css优化重排和重绘减少使用高性属性:浮动、定位,推荐使用flex布局动画方面js性能优化方面使用cdn的方式引入 console.log (h5方面)对数据进行缓存防抖节流路由的懒加载首屏加载显示白屏优化webpack相关配置图片转化为base64 (url-loader)把es6语法转化为es5语法等(babel-loader)js代码的压缩 ()面试之性能优化css性能优化方面首屏内联样式因为内联样式的时候,浏览器再加载原创 2022-03-29 21:21:58 · 1063 阅读 · 0 评论 -
vue之防抖函数与节流函数的使用
目录js之防抖函数与节流函数的使用js之防抖函数js之节流函数js之防抖函数与节流函数的使用防抖:就是在规定时间内200ms,录入数据,那么在200ms后,输出最后录入的结果;假如你在规定200ms时间内,一直录入,里面的时间就会重新计算之,在录入结束时,过了200ms才起效果作用1:就是输入框的时候,录入数据,对应的时间内,不会重复发起请求节流设定的时间固定执行一次函数,比如200ms一次,不管怎么样操作,只是再规定时间内,触发一次效果作用:可以用来限制,提交按钮的重复提交情况原创 2022-03-29 21:21:16 · 556 阅读 · 0 评论 -
vue-cli4之vue.config.js打包优化
目录vue之cli之中的vue.config.js配置文件publicPath - 打包后 访问基础路径outputDir - 打包后输入的文件夹使用gzip压缩打包的文件大小 - compression-webpack-plugin配置别名压缩js代码 - uglifyjs-webpack-pluginvue之cli之中的vue.config.js配置文件官网publicPath - 打包后 访问基础路径假设部署路径再 https://www.my-app.com/xzl/ 因此需要设置:p原创 2022-01-20 11:49:47 · 5004 阅读 · 2 评论 -
面试之css篇章
目录面试之css篇章css选择器的优先级为什么使用scss、less预处理器谷歌浏览器字体如何设置小于12pxhtml5有哪些新特性css3有那些新特性面试之css篇章css选择器的优先级顺序如下: !important > 行内样式 > id选择器 > 类名选择器 > 标签选择器 > *通配符类名:包含伪类等!为什么使用scss、less预处理器谷歌浏览器字体如何设置小于12px使用 transform:scale() 缩放的形式 去设置小于12px的字原创 2022-03-15 07:56:04 · 931 阅读 · 0 评论 -
async与await捕捉错误
目录async与await捕捉错误正常的输出时try catch捕捉错误多个异步嵌套时异步嵌套使用了try,代码相对不够智能async与await捕捉错误正常的输出时<template> <div class="hello"> </div></template><script>export default { name: 'HelloWorld', created() { this.init() }, m原创 2022-03-02 21:17:59 · 619 阅读 · 0 评论 -
面试之事件循环(消息队列)、宏任务、微任务、async、await原理,事件机制
目录面试之宏任务、微任务、async、await原理消息队列之宏任务、微任务消息队列示例1消息队列示例2消息队列3消息队列4async与await的原理多个异步嵌套es6 之 使用yield 的方式es7 之 async 与 await的简写面试之宏任务、微任务、async、await原理消息队列之宏任务、微任务1:JS引擎执行任务的时候是单线程的,也就是说一条流水线下来执行2:优先执行同步任务,异步任务放置在消息队列之中3:消息队列分为两种,宏队列(宏任务),微队列(维任务)4原创 2022-02-08 17:13:05 · 1624 阅读 · 0 评论 -
面试之vue篇
目录面试之vue篇vue父子组件生命周期执行顺序面试之vue篇vue父子组件生命周期执行顺序渲染阶段父beforeCreate - 父created - 父beforeMount子beforeCreate - 子created - 子beforeMount - 子mounted父mounted更新阶段父beforeUpdate子beforeUpdata - 子updated父updated父组件更新阶段父beforeUpdated - 父updated销毁阶段原创 2022-02-07 17:04:56 · 608 阅读 · 0 评论 -
面试之js与浏览器与适配
目录浏览器相关输入一个url 的一次完整的http服务过程js浏览器相关输入一个url 的一次完整的http服务过程把题目可以解析为:在web浏览器输入:www.baidu.com 回车后会发生什么?1:首先www.baidu.com 这个网址进行DNS域名解析,得到相应的IP地址2:根据这个IP找到相应的服务器,发起TCP三次握手3:建立TCP链接之后,发起HTTP请求4:服务器相应HTTP请求,服务器把html代码发送给浏览器5:浏览器解析html代码,并请求html之中的资源(比如原创 2022-02-07 15:24:23 · 1919 阅读 · 0 评论 -
js的预编译-变量 - 作用域 -闭包
js的预编译预编译:就是在js在真正被解析之前,js解析引擎会首先把整个文件进行预处理;var 声明的变量存在变量的提升!第一题 console.log(a) var a = 10 console.log(a) function a() { console.log(a) } a() // 分析: // js的预解析,对var声明的变量提升,没有对其赋值,对函数先实现函数提升,但是没有调用原创 2022-01-09 21:47:41 · 483 阅读 · 0 评论 -
vue之数据双向绑定原理
目录vue之数据双向绑定原理Object.defineProperty的读写机制极简的数据双向绑定实现观察者模式的概念MVVM模式的简述一个简单的 view -> modelmodel -> viewvue之数据双向绑定原理它的核心是通过 Object.defineProperty(),在数据初始化时,把js对象作为vue实例对象,Object.defineProperty()劫持后,转化为getter/setter属性注意点:Object.defineProperty()已经实现双原创 2022-01-08 21:09:36 · 964 阅读 · 1 评论 -
vue的基础原理使用(v-for、v-if同时使用等)
目录v-for、v-if同时使用,其优先级v-for与v-if的同时使用v-for、v-if同时使用,其优先级v-for 与 v-if 同时使用时,那个优先级更高v-for的优先级更高一些!先做v-for的逻辑判断,之后再走v-if的逻辑判断如果两者同时使用时,循环写再外层,判断写再里层,那么无论如何每一次渲染都会先循环后判断,造成性能的浪费为了避免这种情况,则再外层套一个template,先template判断,后循环v-for与v-if的同时使用<template> &原创 2021-12-30 09:43:28 · 1549 阅读 · 0 评论 -
css之弹性盒
目录css之弹性盒弹性盒之初体验弹性盒之方向弹性盒之换行处理弹性盒之父容器控制子容器的显示规则css之弹性盒弹性盒之初体验对容器设置为弹性盒display: flex;,把div设置为弹性盒后(里面的子容器需要设置宽高,否则会根据内容自动撑开);设置宽高后,弹性盒会一行排列而显示,不管你宽度设置为多少,都是一行显示(注意点:若是需要换行显示:则是需要父div设置flex-wrap: wrap支持换行)<template> <div> <div cla原创 2021-12-27 14:44:12 · 918 阅读 · 0 评论 -
面试之es6
目录面试之es6let 和 const验证块级作用域变量结构赋值数组的解构对象的解构面试之es6let 和 const使用var定于的变量为全局变量,也就是在window.XX变量都可以访问到:作用域:JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域。块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域验证块级作用域由于var 定义的变量为全局变量,var对于定义的变量或者函数有着变量原创 2021-12-14 21:45:57 · 1564 阅读 · 0 评论