
面试
文章平均质量分 56
三人行,必有我师!!!
三人行,必有我师!!!
展开
-
关于ES6的Promise
本文知识点摘自:https://www.cnblogs.com/lvdabao/p/es6-promise-1.html本文例子摘自:https://segmentfault.com/a/1190000016848192ES6 Promise 先拉出来遛遛复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数?别猜了,直接打印出来看看吧,console.dir(Promise),就这么简单粗暴原创 2021-08-13 14:55:23 · 208 阅读 · 0 评论 -
列表循环和条件判断
条件判断:一般都用v-show和v-ifv-show和v-if都是用来做条件渲染的使用方法:<div v-if="isShow">v-if显示/隐藏</div><div v-show="isShow">v-show显示/隐藏</div>区别 v-show: 控制DOM元素显示,其实控制的是css样式,也就是display:noe v-if进行判断,在浏览器中预览,你会发现整个DOM元素都不见了 v-原创 2021-08-09 14:45:59 · 643 阅读 · 0 评论 -
v-show 和 v-if
v-show和v-if都是用来做条件渲染的使用方法:<div v-if="isShow">v-if显示/隐藏</div><div v-show="isShow">v-show显示/隐藏</div>区别 v-show: 控制DOM元素显示,其实控制的是css样式,也就是display:noe v-if进行判断,在浏览器中预览,你会发现整个DOM元素都不见了 v-show初始会渲染dom,v-if如果是f.原创 2021-08-09 10:23:28 · 215 阅读 · 0 评论 -
vue样式绑定
css样式绑定和style内联样式绑定均可以绑定字符串,数组,对象代码:<template><!-- 样式绑定 --> <div class="base06"> <home-back></home-back> <h2 :class="classString">样式绑定 - class绑定字符串</h2> <h2 :class="classArr">原创 2021-08-06 18:04:15 · 132 阅读 · 0 评论 -
vue中的侦听器watch的使用,watch和computed的区别
watch侦听器的作用就是侦听一个data中的值的变化,变化后可以写一个方法,让其进行一些操作(业务逻辑的编写)。侦听器watch和计算属性computed的区别 计算属性computed必须要返回一个值,而且在页面渲染的同时就会执行里边的业务逻辑,也就是会先执行一遍你写的业务逻辑, watch只有发生变化时才会执行,也就是说值没有变化,它是不执行里边业务逻辑的。 watch监听的是一个变量的变化,...原创 2021-08-06 17:21:49 · 239 阅读 · 0 评论 -
vue中的计算属性computed
计算属性的特性:当计算属性依赖的内容发生改变时,才会重新执行计算。 若依赖的内容没有变化,则返回的是之前计算的结果,而不会再次执行函数,这 大大优化 了性能computed的使用:<div>总数:{{total}}</div> // computed 用法<div>总数:{{getTotal()}}</div>...原创 2021-08-06 16:51:05 · 374 阅读 · 0 评论 -
模板动态参数和指令修饰符
一:模板动态参数 默认写法:<div @click="onceFun()">once只触发一次回调</div><div :title="hoverTitle">title动态参数</div>动态参数写法:<div @[event]="onceFun()">click动态参数</div>// data中定义event:'click'<div :[hoverEve]="hoverTi...原创 2021-08-06 14:06:30 · 239 阅读 · 0 评论 -
插值表达式和指令 .self 和 .stop的区别 以及.capture
一:插值表达式{{xxx}}: 在模板中输出变量,在插值表达式中是可以写javascriptbiao表达式的,例如{{1+2}},但是不可以写语句。<!-- 插值表达式 --> <h2>插值表达式</h2> <div> <div>{{message}}</div> <div>{{message+'信息'}}</...原创 2021-08-06 11:00:04 · 754 阅读 · 0 评论 -
生命周期函数
生命周期:即在生命的某一个时刻,自动执行的函数vue的生命周期有: beforeCreate() 在实例创建之前,自动执行的函数 creater() 在实例创建之后,自动执行的函数 beforeMount() 在dom挂载之前,自动执行的函数 mounted() 在dom挂载完成之后,自动执行的函数 (在此之前都获取不到dom节点) beforeUpdate()在data中的数据有变化时,自动执行的函数 updated()在data中的...原创 2021-08-05 15:35:47 · 154 阅读 · 0 评论 -
宏任务和微任务的执行顺序
参考文章:https://www.jianshu.com/p/5b4c4756e461一、宏任务(macrotask) 1、发起者:宿主(Node、浏览器) 2、事件:script(整体代码)、setTimeout、setInterval、setImmediate(Node.js 环境)、UI事件、I/O(Node.js) 3、运行:后运行二、微任务(microtask) 1、发起者: JS引擎 2、事件:Promise、Mutai原创 2021-08-04 09:50:48 · 886 阅读 · 0 评论 -
vue 是什么?与其他框架对比?什么是MVVM?
一:vue是什么?vue是一套用于构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。 Vue 的核心库只关注视图层,不仅易于上手,1>还便于与第三方库或既有项目整合。2>另一方面,Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。vue 框架的特点?* MVVM框架模式* 轻量级,灵活,容易上手* 数据驱动* 组件化(单文件组件)* ...原创 2021-08-03 10:08:41 · 799 阅读 · 0 评论 -
面试 - 布局篇
1.footer位置的自动适配(主内容不足一屏时显示在最底部,超出一屏时跟随主内容显示)html<div class="page"></div><div class="footer"></div>css.page{min-height: 100vh;padding-bottom: 50px;}.footer{height:50px;background: #ccc;margin-top: -50px;}主要注意的是:主内容的min-原创 2021-07-28 11:11:38 · 91 阅读 · 0 评论 -
前端面试 - css , 布局 ,js ,vue
1. 介绍一下标准盒子模型和低版本IE盒子模型标准盒子模型 宽度 = content+border+padding+margin低版本IE盒子模型 宽度 = 内容宽度(content+border+padding)+margin也就是说区别在于,低版本IE盒子模型的内容宽度直接包含了border和padding转存失败重新上传取消转存失败重新上传取消正在上传…重新上传取消转存失败重新上传取消转存失败重新上传取消...原创 2021-07-27 14:57:01 · 301 阅读 · 0 评论