- 博客(21)
- 收藏
- 关注
RSS订阅原创 输入url到页面显示过程的优化
在有些情况下，有的图层可以很大，比如有的页面要滚动好久才能滚动到底部，但是通过视口，用户只能看到页面的很小一部分，所以在这种情况下，要绘制出所有图层内容的话，就会产生太大的开销，而且也没有必要。4、分层：页面中有很多复杂的效果，如一些复杂的3D变换、页面滚动，或者使用z-indexing做z轴排序等，为了更加方便地实现这些效果，渲染引擎还需要为特定的节点生成专用的图层，并生成一棵对应的图层树。比如下面的代码，实现了一个斐波那契数列，也就是说，在实现的这个数列中，每一个数的值是前面两个数的值之和。
2024-04-07 23:21:17
550
原创 vue2和vue3的区别
在 Vue 3 中，可以使用 组合式API 来组织组件的逻辑，可以使用 ref，reactive创建响应式数据，并在setup中书写组件逻辑。在 HTML 中，每个元素都必须有一个根节点，但是有时候在 Vue 组件中，你希望返回多个相邻的节点而不需要包裹它们在一个额外的父节点内。Vue3 的组合式API，可将同一逻辑的内容写到一起，增强了代码的可读性、内聚性，其还提供了较为完美的逻辑复用性方案。·在 Vue 2 中，这是不允许的，但是在 Vue 3 中引入了 Fragment，解决了这个问题。
2024-04-07 22:42:03
913
原创 Node.js中fs.readdirSync()方法使用
同步读取当前目录下的所有文件和文件夹 返回数组。字符型数组，文件名有后缀，不包含目录里层文件。
2024-04-04 22:56:41
1295
2
原创 git修改分支名称
2. 远程分支重命名 (已经推送远程-假设本地分支和远程对应分支名称相同)1. 本地分支重命名(还没有推送到远程)d.把修改后的本地分支与远程分支关联。a. 重命名远程分支对应的本地分支。假设分支名称为oldName。想要修改为 newName。c. 上传新命名的本地分支。
2024-01-02 15:08:32
375
原创 已经提交到gitlab上（远程）的代码如何撤回（本地和gitlab远程上的代码都删除）
1、git log查看提交记录，找到需要回退到的commit ID2、回退到之前的版本: git reset --hard commi Id这个id 是指回到刚提交这个commit Id的状态3、git push -f 远程回退很重要！！不要忘记第三步，否则会有冲突，而且远程提交不了
2023-11-02 14:59:18
1796
1
原创 详解opacity: 0、visibility: hidden、display: none 的区别和使用
视觉和物理上都隐身了, 看不见也摸不到, 但是存在的；--附加题：CSS 隐藏页面上的一个元素有哪几种方法？transition 支持 visibility。： 视觉上隐身了, 看不见, 可以触摸得到；transition 不支持 display。transition 支持 opacity。无法进行 DOM 事件监听，不能点击。无法进行 DOM 事件监听，不能点击。可以进行 DOM 事件监听，可以点击。： 从这个世界消失了, 不存在了；
2023-08-25 10:59:54
346
1
原创 在移动端使用100vh被遮盖问题
在移动端中，我们通常想要某块页面全屏展示而使用height:100vh来实现，但是不同的浏览器在地址栏/工具栏的影响下，实现方式也有区别，使得其无法很好的适配多种浏览器。所以最好避免通过css来设置高度，而是通过js来设置高度，获得完整的视口体验！
2023-08-22 10:18:38
3932
2
原创 ComputedRefImpl返回值问题
computed 这样的响应式对象，会自动展开他的 value 属性在模版中默认展开其返回变量的value属性，例如：模版中使用 {{styleProps}} 等价于 {{styleProps.value}}，但是在js引用变量的时候需要添加变量.value。ComputedRefImpl 是一个类 它的实例代表的就是 computed 返回的值，这个实例上面有一系列属性，比如我们最常见的 value 属性。它在 ts 中的定义是这样的。
2023-08-16 10:00:41
1007
1
原创 transform:matrix(1,0,0,1,0,0)
5. 正常值为0，定义的是 translateX 通过设置 X 轴的值来定义左右位移。6. 正常值为0，定义的是 translateY 通过设置 Y 轴的值来定义上下位移。1. 正常值为1，定义的是 scaleX 通过设置 X 轴的值来定义缩放。4. 正常值为1，定义的是 scaleY 通过设置 Y 轴的值来定义缩放。3. 正常值为0，定义的是 rotate 定义2D 旋转角度。2. 正常值为0，定义的是 skew 定义 2D 倾斜。
2023-07-25 17:45:57
264
原创 解决：cannot overwrite multiple values with a single value Use a regexp, --add or --replace-all
遇到以上问题，有可能是名字和之前重复了，如果要替换则按下面执行即可。
2023-07-16 18:54:57
710
1
原创 vue2和vue3的区别（超详细）
作用：定义一个响应式的数据，返回一个ref对象，对象中有一个value属性，如果需要对数据进行操作，需要使用该Ref对象调用value属性的方式进行数据的操作。emit方法（分发事件的）在子组件的方法中直接触发父组件定义的方法（类似自定义事件，直接对父组件的内容进操作）emit（"方法名"，"参数"），区别：toref使得操作对象的属性，{{对象}}和对象内{{属性}}都变为响应式，而ref仅让{{属性}}变为响应式，对象不发生变化。包裹一个对象，把对象内部的属性变为响应式的。
2023-04-26 14:15:09
10568
原创 事件循环机制（浏览器和nodejs）
首先浏览器会把主任务队列（同步任务）中的同步任务挨个全部执行完，然后再去等待任务队列（异步任务）中看哪个任务可以执行了，然后把该执行的任务放到主任务队列中去执行，等这个任务执行完，再去等待任务中看谁可以执行了，再把这个任务放到主任务队列中执行... 如此循环。这种循环叫做事件循环（Event Loop）宏任务和微任务宏任务和微任务是等待任务队列中的异步任务的处理机制；(JS执行有同步任务队列和等待任务队列)主任务队列存储的都是同步任务；等待任务队列存储的都是异步任务；
2023-04-26 14:08:07
57
转载 详解vue的diff算法
目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。先来了解几个点...以上为diff算法的全部过程，放上一张文章开始就发过的总结图，可以试试看着这张图回忆一下diff的过程。作者：windlany链接：https://juejin.cn/post/6844903607913938951来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2023-04-18 16:06:58
203
原创 indexOf 和 findIndex 的区别
比较函数作为第一个参数，多用于非基本类型(例如对象)的数组索引查找，或查找条件很复杂。比较，更多的是用于查找基本类型，如果是对象类型，则是判断是否是同一个对象的引用。，如果是对象类型，则是判断是否是同一个对象的引用。好像都是找数组中满足条件的第一个元素，那其中的。的第一个索引，如果不存在，则返回-1。若没有找到对应元素则返回-1。：查找值作为第一个参数，采用。方法返回在数组中可以找到一个。
2023-04-09 14:12:19
209
1
原创 面试：层叠上下文 z-index
层叠上下文(stacking context)，是HTML中一个三维的概念。每个盒模型的位置是三维的，分别是平面画布上的X轴Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发现某个元素可能覆盖了另一个元素或者被另一个元素覆盖。如果一个元素含有层叠上下文，(也就是说它是层叠上下文元素)，我们可以理解为这个元素在Z轴上就“高人一等”，最终表现就是它离屏幕观察者更近。
2023-04-08 14:01:26
143
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人