![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
北冥有锅
我不是蛋炒饭,我只是蛋的搬运工
展开
-
无奖问答系列:你所理解的IntersectionObserver
异步操作,不随着目标元素的滚动同步触发。即只有线程空闲下来,才会执行观察器。这意味着,这个观察器的优先级非常低,只在其他任务执行完,浏览器有了空闲才会执行。作用监听目标元素与其祖先或视窗交叉状态的手段,其实就是观察一个元素是否在视窗可见。语法创建原生构造函数 IntersectionObserver的一个实例,接受两个参数两个参数:callback是当元素可见性变化时的回调函数,option是配置对象(该参数可选)。let io= new IntersectionObserver(callbac原创 2020-12-04 14:13:55 · 572 阅读 · 0 评论 -
学习React的N天
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title>Hello React!</title><script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script><script src="https://cdn.staticfi原创 2020-12-23 13:39:02 · 272 阅读 · 0 评论 -
什么是事件循环Event Loop
由于js是单线程的,执行一连串的事件时,这些事件会分配给不同的任务队列。以先进先出的规则给这些事件排队、形成一条或者多条任务队列。事件循环就是一个执行任务队列的机制。首先优先级最高的任务队列中最先进入一个任务(相当于宏任务),没有任务可以选择,则执行微任务给事件循环做个标记(说明这个事件循环机制已经存在执行任务了)执行任务结束这个事件循环就执行完毕了,再做个标记null(说明没有任务在执行)把这个已经执行的任务从队列里踢出渲染页面回到第一步...原创 2020-11-10 16:33:22 · 2812 阅读 · 0 评论 -
巨复杂真的脑子抓破的el-table与el-form验证
需求呢是这样滴,简单地描述一下。一张商品价格列表,最主要的有一列原价,一列(折扣价,减金额价,销售价)。原价是固定的,折扣价,减金额价,销售价可以分别输入,输入验证其中一项,计算其他两项。输入那一项字体为黑色,其他的为灰色;输入限制:0.1≤折扣价≤9.9,减金额价≤最低价,销售价≤最低价,不然就是报错;输入的是什么值,展示的就是什么优惠类型;最后传给后端的就是什么值,如果输入的值是打折...原创 2020-04-02 11:24:35 · 287 阅读 · 0 评论 -
Promise与它的四个小伙伴resolve、reject、all、race
Promise 的基本用法示例如下:一秒钟之后打印“finished” function sleep(duration) { return new Promise(function(resolve, reject) { setTimeout(resolve,duration); }) } sleep(1000).th...原创 2020-03-18 11:30:39 · 914 阅读 · 0 评论 -
捕获与冒泡
原文(来自Winter-《重学前端》):很多文章会讲到捕获过程是从外向内,冒泡过程是从内向外(或者捕获从上到下,冒泡从下到上),但是这里我希望讲清楚,为什么会有捕获过程和冒泡过程。我们刚提到,实际上点击事件来自触摸屏或者鼠标,鼠标点击并没有位置信息,但是一般操作系统会根据位移的累积计算出来,跟触摸屏一样,提供一个坐标给浏览器。那么,把这个坐标转换为具体的元素上事件的过程,就是捕获过程了。而冒泡过...原创 2020-03-09 11:47:42 · 736 阅读 · 1 评论 -
element-ui 渐变色table
先上图,根据数值的大小,实现渐变(0%->100%十个色阶)HTML部分:<div class="table" > <el-table border :data="retentionList" :cell-class-name="cellStyle" :loading='tableLoading'> <el-table-column :k...原创 2019-12-25 16:45:26 · 3100 阅读 · 0 评论