前端知识
文章平均质量分 53
小鲸鱼鱼
精致地冲冲冲女孩QAQ
展开
-
虚拟节点介绍以及diff算法介绍
虚拟节点介绍以及diff算法介绍虚拟节点的类别diff算法创建新增的节点删除节点更新节点更新子节点虚拟节点的类别Vnode的类别注释节点文本节点元素节点组件节点函数式组件克隆组件diff算法diff 的过程就是调用名为 patch 的函数,比较新旧节点,一边比较一边给真实的DOM打补丁创建新增的节点什么时候需要创建新节点oldVNode里面不存在的数据而在newVNode里面存在的时候首次渲染页面当newVNode和oldVNode完全不是一个节点的时候删除节原创 2021-05-23 13:16:14 · 961 阅读 · 0 评论 -
JavaScript节流和防抖
一、节流基本原理第一次触发函数会立即执行,此后不管在一段时间间隔内触发多少次只会在一段时间之后执行一次。代码实现在浏览器窗口大小发生改变时,在极短时间内会频繁调用处理函数,使用节流可以提高性能。/** * 节流函数,在interval时间内只能执行函数fn一次 * @param fn 需要执行的业务函数 * @param interval 每次函数执行的间隔时间 */function throttle(fn, interval) { let _self = fn // 保存执行的原创 2021-04-09 10:46:31 · 128 阅读 · 0 评论 -
JavaScript——数组的迭代和归并
数组的迭代和归并迭代方法ECMAScript 5 为数组定义了5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this 的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。every()对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。var numbers = [1,2,3,4,5,4,3,2,原创 2021-01-26 22:18:48 · 113 阅读 · 0 评论 -
JS-函数的闭包原理
函数的闭包原理一、垃圾回收的两种策略1. 标记清除JavaScript最常用的垃圾回收策略是标记清除,当变量进入环境(作用域),则将变量标记为进入环境,当变量离开环境的时候,将其标记为离开环境。垃圾收集器在运行时会给存储在内存中所有变量标记,然后去掉环境变量与被环境变量引用的变量,剩下的就是环境无法访问的变量,这些变量以及其占用的内容空间将被清理回收。2. 引用计数引用计数是不太常见的垃圾回收策略。跟踪每一个值的引用次数。当声明一个引用并将一个引用类型赋值给这个变量的时候,这个值的引用计数加1原创 2021-01-21 12:12:49 · 193 阅读 · 0 评论 -
CSS之边框和背景
一、半透明边框1.疑问我们想给一个容器设置一层白色背景和一道半透明白色边框,然后使body的背景从半透明框透上来。我们会这么写: border: 10px solid rdba(255, 255, 255, .5); background: white;看到结果其实我是挺迷的,边框哪去了,使用半透明颜色为什么实现不了半透明边框啊?看到的效果就是和一个纯白的边框一样。打开...原创 2020-04-03 00:35:46 · 361 阅读 · 0 评论 -
border标签制作常见的形状
经常在做网页导航栏的时候,有二级菜单的时候,有一个小三角形表示下拉的,其实很多基础的图形我们都是可以直接用代码写出来的,下面来简单介绍几个栗子叭~1.三角形.triangle1{ width: 0; height: 0; border: 50px solid #FBAAC3; border-top-color: transparent; border-left-col...原创 2020-03-28 19:19:04 · 555 阅读 · 0 评论 -
CSS中多个类叠加相同属性属性值优先级问题
今天在学习vue.js的时候发现自己CSS的权重和优先级问题没弄透彻,之前有去总结但没好好运用,发现问题了,好吧!如果一个div有多个类名,如下: <div class="activeClass errorClass"></div> <br> <div class="errorClass activeClass"></...原创 2019-11-12 20:47:47 · 4828 阅读 · 1 评论 -
CSS深入理解之overflow
overflow基本属性visiblehiddenautoscrollinheritoverflow作用前提非display:inline水平对应方位的尺寸限制对于单元格td等,还需要table为 table-layout:fixed如果overflow-x与overflow-y值相同 则等同于overflow:visible overflow-x: scrol...原创 2019-11-04 10:40:48 · 413 阅读 · 0 评论