- 博客(30)
- 收藏
- 关注
RSS订阅原创 css flex 子元素溢出时，父元素被撑开解决方案
3.无论多少层子元素，只要不想给限制的宽高，想让元素flex：1；自适应宽高，都一层层给flex为1时的元素 宽或高 为0限制下去。可以用于解决子元素溢出，撑大父元素，父元素不出现滚动条等问题。自适应填满时，子元素内容溢出，父元素内容撑大，导致页面显示问题，或设置了overflow 为scroll 的元素没出现滚动条等问题。2.同上，如果是纵向排列，flex: 1;的元素是高度铺满的，那就加上height: 0;则元素高度自适应的同事，高度不会被撑大。1.如果是横向排列，flex: 1;
2024-07-03 12:00:38
665
原创 lodash中flush的使用(debounce、throttle)
但你会发现，执行 getDataFn(true)，请求函数 someFetch.flush() 并没有去发送请求，而直接执行getDataFn()，则可以发送请求。逻辑很简单，因为有个节流函数1秒执行一次，所以接收了一个 enforcement 作为参数来让节流函数失效，让请求再强制执行一次。，单独执行someFetch.flush()是不会发送请求的，或许可以考虑改用以下这种写法。在项目的配置中，看到了一个请求，类似是这样的。
2024-07-03 10:34:18
309
原创 浏览器的垃圾回收机制与内存泄漏
JavaScript，会在创建变量时自动分配内存，并且在不再使用它们时“自动”释放内存，因为自动垃圾回收机制的存在，让大多Javascript开发者感觉他们可以不关心内存管理，所以会在一些情况下导致内存泄漏。引用计数：这种垃圾回收算法会对每个对象进行引用计数，当一个对象的引用计数为0时，说明这个对象不再被使用，垃圾回收器会立即清除这个对象。举个例子: 如果我们引用了一个表格中的td元素，一旦在 Dom 中删除了整个表格，我们直观的觉得内存回收应该回收除了被引用的 td 外的其他元素。
2024-05-31 17:05:11
825
原创 前端运行项目时 localhost 和 127.0.0.1 有什么区别？
前端开发人员在本地调试时，一定看见过 localhost ，运行项目时，npm run命令就可以在浏览器中打开网页，地址栏显示类似于 http://localhost:xxx/index.html(xxx为端口号)的内容。在使用它时，两者之间到底有什么区别。什么是localhost？localhost 是一个域名，从根本上说，与用于互联网访问的域名没有什么不同，只是它更容易记忆。localhost 的范围仅限于本地机器——它的名字说明了一切：“local”指的是本地的东西。
2024-05-29 16:34:40
795
原创 vue3代码运行报错 No matching export in “node_modules/.pnpm/vue-demi@0.14.6_vue@3.2.47/node_modules/vue-dem
vue3代码运行报错 No matching export in “node_modules/.pnpm/vue-demi@0.14.6_vue@3.2.47/node_modules/vue-demvue版本和pinia版本不兼容导致，因为vue版本"vue": "3.2.37"，pinia版本"pinia": “^2.0.14”，这两个版本不兼容。
2024-05-13 10:28:40
823
原创 为什么Vite 比 Webpack 快10-100倍
通过使用 export 和 import 语句，ES Modules 允许在浏览器端导入和导出模块。当使用 ES Modules 进行开发时，开发者实际上是在构建一个依赖关系图，不同依赖项之间通过导入语句进行关联。主流浏览器（除IE外）均支持ES Modules，并且可以通过在 script 标签中设置 type="module"来加载模块。默认情况下，模块会延迟加载，执行时机在文档解析之后，触发DOMContentLoaded事件前。
2024-05-10 11:44:49
541
原创 ScreenToGif 中文版（录屏工具）
ScreenToGif是一款免费、小巧实用的gif动画录制工具。ScreenToGif可以使用录像机、摄像头、画板和编辑器制作gif动画。
2024-05-09 19:54:06
230
原创 右键使用VSCode打开文件/文件夹目录
使用新电脑或清空了注册列表之后，点击右键“使用vscode”打开文件夹消失了，可以通过更改注册列表增加回来。1.（在目录中的空白地方右键时，用vscode（新窗口或当前窗口）打开此目录）
2024-05-09 10:15:30
610
原创 js将总秒数转换成 分：秒
2. 秒：分钟 * 秒数，3 * 60 为 180 秒，200-180 = 20 秒，补0至二位数 依然为 20。1. 分：向下取整 (总秒 / 秒) 则为分钟数，即（200/60）结果为 3，补0至二位数，得到 03。入参为 200 秒，
2024-04-29 11:24:32
191
原创 使用chatAt根据数字获取对应汉字
1. charAt() 是一种字符串方法，用于检索字符串中特定位置的字符。因为 charAt() 方法是 String 对象的方法，所以必须通过 String 类的特定实例调用它。3.position的参数如果超出字符串长度，返回 '' 空字符串。1.position的参数是可选的，默认为 0。2.charAt() 方法不会更改原始。
2024-04-29 11:13:39
153
原创 Vue在一个tick中多次更新数据，但页面只会更新一次
当vue检测到数据变化——开启一个队列——在同一事件循环中缓冲所有数据改变——如果同一个 watcher （watcherId 相同）被多次触发，只会被推入到队列中一次。vue.js 在处理数据变化时，采用了虚拟 DOM 和差异算法来优化渲染性能。以及可能的防抖与节流技术的综合作用。这些机制共同确保了 Vue 在处理数据变化时的高效性和性能优化。Vue在一个tick中多次更新数据，但页面只会更新一次（主线程的执行过程就是一个tick）综上所述，Vue 的数据频繁变化但只会更新一次的原因在于其内部的。
2024-04-01 14:46:44
267
原创 尤雨溪：Vue3 中推荐使用 Ref 而非 Reactive
vue3中，ref和reactive 都可以将数据作为响应式数据，在代码中，ref比reactive多带着一个 .value，常常让人觉得代码过长，显得难看，而在模板中则不需要。所以在使用时，一开始都更偏向于reactive？那为啥尤大还是更推荐ref？
2024-04-01 11:26:20
1068
原创 window.open 子页面刷新问题
点击office文件进行预览时，打开的预览子页面有时会刷新，而有时则会打开新的页面，点开pptx文件格式后打开了一个新页面，再点docx格式或者xls格式依然会打开一个新页面，如果一开始点击docx页面打开了新页面，再点xls格式或pptx格式则刷新了docx页面
2024-03-04 11:56:01
458
1
原创 Vue组件draggable的使用
vue.draggable.next 是一款vue3的拖拽插件,是vue.draggable升级版本，同样是基于Sortable.js实现的，你可以用它来拖拽列表、菜单、工作台、选项卡等常见的工作场景，本人在工作台和多选项卡环境下实践过，比自己实现的拖拽效果优雅多了。
2024-02-02 15:54:06
1080
原创 下载导出blob文件类型时如何拿到后端的返回信息
今天在做文件下载导出的时候，遇到一个问题，后端返回的是blob文件类型，成功和错误信息无法正常拿到（code，message，error）信息等。这样就无法读取错误信息，进而去调用下载文件的代码。这里的res.code 判断不会进入，因为返回的res类型打印如下：而后端的返回值如下：此时不管接口成功不成功，res里都是没有code的，因为前端拿到的是blob类型的数据，所以会执行else的代码。此时结果打印如下：此时可以看到已经拿到后端返回值~
2024-01-27 14:15:28
1105
原创 Vue2 12月24日 迎来2.7.16终版 版本号为 Swan Song，意为绝唱
Vue 官推消息，Vue 2 将于 2023年12月31日停止维护。2023年12月24日，vue^2.7.16 版本发布，版本号为Swan Song，意为绝唱。vue2在vue的发展历程中，是一个重要的版本，是一个重要的里程碑，终版也标志着该版本的稳定和成熟。 同时维护vue3和vue2版本对vue开发团队来说，是不可持续的，创始人希望集中精力在Vue3的开发和推广上，随着vue3的生态系统的成熟，vue2正在经历一个慢慢被取代的过程。但不可否认的是，vue2框架在国内引导很大一部分前端程序
2023-12-26 09:58:09
1992
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人