js事件轮询(event loop) 以代码执行顺序而言,先代码同步执行,先同步后异步,异步中执行一个宏任务之后清空微任务,然后再执行一个宏任务,然后再清空微任务。!!new promise是同步任务,promise.then才是微任务。练习部分,可以先自己做一下,然后不懂之处借鉴之后的讲解部分。讲解二略冗长是为了更为清晰的介绍事件轮询机制,核心是这个机制,练习是帮助理解。不对之处,欢迎指正,模糊之处,欢迎讨论。
面试大盘表 - 时间维护功能 由于本人主要负责干部和招聘板块,招聘板块接到了要做一个面试大盘表的需求,需要展示面试官的面试情况,还需要面试官维护自己的可面试时间,之后人资进行面试安排,然后面试者到手机端进行自主选择面试官和面试场次。
Antd Design Mobile tab去除下方蓝色边框和对tab里面的sticky布局的影响 可以看到钻尖人才下有一个深蓝色实心边框和下方的一个蓝色空心边框而下方 简历进度 下方的表格的表头使用粘性布局,粘性布局失效手机端坑还是比较多的,问题排查起来比较麻烦,最近也遇到了一些适配问题难以解决,撰写此文旨在帮助其他和我一样的前端新人,知道 transform: translate3d 属性 为什么会让粘性布局(sticky)失效的也欢迎评论,欢迎大家对文章指正,积极沟通交流。
:nth-of-child和:nth-of-type 用法: :nth-of-child(n), n可以为数字或者表达式(例如2n + 1,指的是奇数项)介绍: 第n个孩子例如 div:nth-of-child(1) 等同于 div:first-of-child div的第一个孩子元素(不区分标签和类名)会选中
vue页面部分未刷新----------深层对象解构会覆盖的问题 this.$forceupdate() 迫使vue组件重新渲染,实际上指的是强制重启render函数。在深层对象解构的时候,res.data.resign将this.query.resign覆盖,导致postA和postB被删掉,最终导致vue双向绑定失败。this.a.aa为要更改的数据源(对象),b为key值(要更改的具体数据),value为要赋的值。强制刷新页面,不建议使用,会占用大量资源,使用到这个方法一般是因为你代码有问题。示例: this.$set(this.a.aa,"b",2)
undefined==‘undefined‘ 为false 前言今天遇到一个有趣的问题,现在想来也是自己不细心,在if判断中写了 a==undefined ,然后console.log(a),发现a打印出来是undefined,但是 a ==undefined 为false。也是弄了好一会,之后才灵光一现。原因虽然打印出来的也是undefined,但其实这是一个字符串的undefined并不是他的类型是undefined,所以a ==undefined才为false。...
将el-table的每一行变成超链接 需求描述最近接到一个奇怪的需求,产品说想要在右击el-table的每一行后弹出浏览器的右击菜单(浏览器在你右击一个超链接之后弹出的菜单),因为交流出现问题,刚开始我以为要模拟浏览器的右击菜单,调整了一堆样式,调好之后问产品,才知道是要弹出浏览器的右击菜单。实现因为跳转是需要传递参数的,而且需要根据当前行数据跳转到不同页面,所以需要动态绑定href,最初想把a加在el-table下(el-table-column外),但是绑定后发现a标签不起作用,之后把a标签绑定在了el-table-column
el-table 头部标题增加el-tooltip 在使用el-table的时候想在标题上加el-tooltip提示。添加方法:第一步:在el-table-column中绑定:render-header="renderPrice"<el-table-column prop="agentName" label="预测分类" width="160" :render-header="renderPrice"></el-table-column>第二步:methods中设置方法renderPrice(h, { ..