- 博客(28)
- 收藏
- 关注
RSS订阅原创 解决 npm ERR! node-sass 和 gyp ERR! node-gyp 报错问题
在对一个项目进行npm i的时候 一直报错npm ERR!显示没有办法安装这个node-sass包。
2024-09-18 10:51:22
1415
3
原创 js中switch case语句，case一次写多个值的判断写法
会共同执行相同的代码块。这是一种常见的写法，可以提高代码的可读性。中判断多个值，可以通过将这些值放在同一个。在 JavaScript 中，使用。语句时，如果想要在一个。
2024-09-18 10:26:30
1364
原创 详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因
但是在我引用这个文件的时候还是提示了这个错误，原来是我的项目使用了ts和vite\webpack，因为 TypeScript 和 Vue 的默认导出行为在某些情况下不完全一致，特别是在与一些工具链（如 Vite、Webpack）和 TypeScript 配置一起使用时。在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有export default ，在。如果你使用的是 Vite 或 Webpack，确保它们的配置能够正确处理 Vue 文件。
2024-09-13 14:29:03
1007
原创 安卓网址自动添加%，显示网页异常
最近实现一个功能的时候，需要将接口传递的网址进行包裹处理，然后分享到外部，在安卓分享的时候，会默认将拼接的网址进行编码，将://等进行转码，在点击这个网址的时候就无法进入。注意：经验证，ios系统并没有这个问题。也可以直接在第三方网址进行编码/解码。
2024-09-12 15:58:00
263
原创 纯css实现点击导航切换内容
现在要做一个功能，需要内嵌一个html页面，现在有一个表格有两种状态，仅数据发生变化，所以想要搞一个导航切换组件，最常见的当然是通过click事件尝试去更改display，但是这个页面不能使用js，所以只能尝试纯样式的方式实现切换效果。代表相邻兄弟选择器，用于选中某个元素之后的所有兄弟元素，它选择的元素是当前元素之后的所有元素，而不仅仅是直接相邻的元素。这样打开浏览器，默认显示的就是第一个div下的内容，切换也会移除其他导航下的内容。，它会在点击#divA元素之后选中所有#divA元素之后 的。
2024-08-30 16:44:40
481
原创 表格url项无法换行问题
我发现限制宽度只对文本有效，对长单词或者url无效，可能很多人会说那就加一个word-wrap: break-all;属性不就能让他们换行了，但是还是不行，原来需要的是word-break: break-all;帖主最近在做一个周报页面，里面很多表格table，个别表格很多列td，数据项内容也很长，需要限制列宽，让内容换行来显示。设置之后，无论文本还是url都乖乖换行。没有设置前：宽度不一，url过长。
2024-08-30 15:17:22
273
原创 播放进度条实现
以上播放条主要是两个部分，点击触发按钮、动态波形图。接下来讲讲如何实现这两个部分。如果还需要优化，可以动态设置后面的时间为当前进度条剩余的分钟数。如图，要实现以下随媒体播放器发生变化。以上就是实现这个播放进度条全部内容。以上这段代码的功能就是。
2024-08-29 14:52:10
340
原创 输入url到页面显示过程的优化
在有些情况下，有的图层可以很大，比如有的页面要滚动好久才能滚动到底部，但是通过视口，用户只能看到页面的很小一部分，所以在这种情况下，要绘制出所有图层内容的话，就会产生太大的开销，而且也没有必要。4、分层：页面中有很多复杂的效果，如一些复杂的3D变换、页面滚动，或者使用z-indexing做z轴排序等，为了更加方便地实现这些效果，渲染引擎还需要为特定的节点生成专用的图层，并生成一棵对应的图层树。比如下面的代码，实现了一个斐波那契数列，也就是说，在实现的这个数列中，每一个数的值是前面两个数的值之和。
2024-04-07 23:21:17
614
原创 vue2和vue3的区别
在 Vue 3 中，可以使用 组合式API 来组织组件的逻辑，可以使用 ref，reactive创建响应式数据，并在setup中书写组件逻辑。在 HTML 中，每个元素都必须有一个根节点，但是有时候在 Vue 组件中，你希望返回多个相邻的节点而不需要包裹它们在一个额外的父节点内。Vue3 的组合式API，可将同一逻辑的内容写到一起，增强了代码的可读性、内聚性，其还提供了较为完美的逻辑复用性方案。·在 Vue 2 中，这是不允许的，但是在 Vue 3 中引入了 Fragment，解决了这个问题。
2024-04-07 22:42:03
960
1
原创 Node.js中fs.readdirSync()方法使用
同步读取当前目录下的所有文件和文件夹 返回数组。字符型数组，文件名有后缀，不包含目录里层文件。
2024-04-04 22:56:41
2317
2
原创 git修改分支名称
2. 远程分支重命名 (已经推送远程-假设本地分支和远程对应分支名称相同)1. 本地分支重命名(还没有推送到远程)d.把修改后的本地分支与远程分支关联。a. 重命名远程分支对应的本地分支。假设分支名称为oldName。想要修改为 newName。c. 上传新命名的本地分支。
2024-01-02 15:08:32
402
原创 已经提交到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
2268
2
原创 详解opacity: 0、visibility: hidden、display: none 的区别和使用
视觉和物理上都隐身了, 看不见也摸不到, 但是存在的；--附加题：CSS 隐藏页面上的一个元素有哪几种方法？transition 支持 visibility。： 视觉上隐身了, 看不见, 可以触摸得到；transition 不支持 display。transition 支持 opacity。无法进行 DOM 事件监听，不能点击。无法进行 DOM 事件监听，不能点击。可以进行 DOM 事件监听，可以点击。： 从这个世界消失了, 不存在了；
2023-08-25 10:59:54
478
1
原创 在移动端使用100vh被遮盖问题
在移动端中，我们通常想要某块页面全屏展示而使用height:100vh来实现，但是不同的浏览器在地址栏/工具栏的影响下，实现方式也有区别，使得其无法很好的适配多种浏览器。所以最好避免通过css来设置高度，而是通过js来设置高度，获得完整的视口体验！
2023-08-22 10:18:38
5697
2
原创 ComputedRefImpl返回值问题
computed 这样的响应式对象，会自动展开他的 value 属性在模版中默认展开其返回变量的value属性，例如：模版中使用 {{styleProps}} 等价于 {{styleProps.value}}，但是在js引用变量的时候需要添加变量.value。ComputedRefImpl 是一个类 它的实例代表的就是 computed 返回的值，这个实例上面有一系列属性，比如我们最常见的 value 属性。它在 ts 中的定义是这样的。
2023-08-16 10:00:41
1354
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
387
原创 解决：cannot overwrite multiple values with a single value Use a regexp, --add or --replace-all
遇到以上问题，有可能是名字和之前重复了，如果要替换则按下面执行即可。
2023-07-16 18:54:57
907
1
原创 vue2和vue3的区别（超详细）
作用：定义一个响应式的数据，返回一个ref对象，对象中有一个value属性，如果需要对数据进行操作，需要使用该Ref对象调用value属性的方式进行数据的操作。emit方法（分发事件的）在子组件的方法中直接触发父组件定义的方法（类似自定义事件，直接对父组件的内容进操作）emit（"方法名"，"参数"），区别：toref使得操作对象的属性，{{对象}}和对象内{{属性}}都变为响应式，而ref仅让{{属性}}变为响应式，对象不发生变化。包裹一个对象，把对象内部的属性变为响应式的。
2023-04-26 14:15:09
10914
原创 事件循环机制（浏览器和nodejs）
首先浏览器会把主任务队列（同步任务）中的同步任务挨个全部执行完，然后再去等待任务队列（异步任务）中看哪个任务可以执行了，然后把该执行的任务放到主任务队列中去执行，等这个任务执行完，再去等待任务中看谁可以执行了，再把这个任务放到主任务队列中执行... 如此循环。这种循环叫做事件循环（Event Loop）宏任务和微任务宏任务和微任务是等待任务队列中的异步任务的处理机制；(JS执行有同步任务队列和等待任务队列)主任务队列存储的都是同步任务；等待任务队列存储的都是异步任务；
2023-04-26 14:08:07
88
转载 详解vue的diff算法
目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。先来了解几个点...以上为diff算法的全部过程，放上一张文章开始就发过的总结图，可以试试看着这张图回忆一下diff的过程。作者：windlany链接：https://juejin.cn/post/6844903607913938951来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2023-04-18 16:06:58
228
原创 indexOf 和 findIndex 的区别
比较函数作为第一个参数，多用于非基本类型(例如对象)的数组索引查找，或查找条件很复杂。比较，更多的是用于查找基本类型，如果是对象类型，则是判断是否是同一个对象的引用。，如果是对象类型，则是判断是否是同一个对象的引用。好像都是找数组中满足条件的第一个元素，那其中的。的第一个索引，如果不存在，则返回-1。若没有找到对应元素则返回-1。：查找值作为第一个参数，采用。方法返回在数组中可以找到一个。
2023-04-09 14:12:19
352
1
原创 面试：层叠上下文 z-index
层叠上下文(stacking context)，是HTML中一个三维的概念。每个盒模型的位置是三维的，分别是平面画布上的X轴Y轴以及表示层叠的Z轴。一般情况下，元素在页面上沿X轴Y轴平铺，我们察觉不到它们在Z轴上的层叠关系。而一旦元素发生堆叠，这时就能发现某个元素可能覆盖了另一个元素或者被另一个元素覆盖。如果一个元素含有层叠上下文，(也就是说它是层叠上下文元素)，我们可以理解为这个元素在Z轴上就“高人一等”，最终表现就是它离屏幕观察者更近。
2023-04-08 14:01:26
219
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人