- 博客(54)
- 收藏
- 关注
RSS订阅原创 什么是Cache-Control？如何使用？使用好可优化web性能
一小时后："老板，这箱苹果过期了，检查下还能卖吗？这样每次请求的 URL 都不同，浏览器就不会缓存。决定了资源是否可以被缓存、缓存多久、如何验证缓存。→ 专门控制 CDN 缓存时间（优先级高于。，浏览器可以使用本地缓存，减少数据传输。→ CDN 边缘节点缓存 1 小时。→ CDN 会回源验证资源是否过期。等可缓存指令，CDN 会存储资源。（更严格，但可能增加服务器负担）。的内容（如用户信息、动态配置）。（如 JS/CSS/图片），使用。首次请求：下载资源并缓存（根据。会导致不必要的验证请求，不如。
2025-04-03 11:42:56
1056
原创 一个文件夹里面有很多项目，怎么一下把他们的node_modules全部删了
定义是 Node.js 项目中自动生成的目录，用于存放通过 npm（Node Package Manager，Node 包管理器）安装的 npm 包。功能：该目录使得项目能够方便地管理和使用第三方库和框架。通过引入这些包，项目可以快速地实现各种功能，提高开发效率和代码质量。但是好久没用的项目的包会占用大量的空间，可以使用命令删除...
2025-04-03 10:12:26
258
1
原创 预处理器Stylus的介绍及使用，并同Less、Sass进行对比（简单介绍）
Stylus是一种CSS预处理语言，它允许开发者使用更加强大和富有表现力的方式来写CSS代码...
2024-12-13 15:35:26
1168
原创 修改this.$confirm的按钮位置、图标、文字及标题
在Vue.js项目中，this.$confirm通常是基于某些UI库的对话框确认方法...使用h函数创建的虚拟DOM节点...
2024-11-20 16:45:05
1514
原创 vue的this.$forceUpdate()和this.$set()
使用this.$forceUpdate()可以强制组件重新渲染。在Vue.js中，Vue的响应式系统会自动追踪依赖的响应式属性，并在这些属性变化时自动更新DOM。但在某些情况下，如果你手动改变了 Vue 实例上某个数据属性的值...
2024-07-23 20:00:14
1923
1
原创 前端报错adding CSS “touch-action: none“ to this element解决方案
报错定位：本人在这个页面引入了一个组件，而那个组件是需要进行拖拽或者滑动之类的操作，在此之前没有出现报错的，应该就是这里的问题...这应该与浏览器尝试优化滚动性能或触摸事件的处理有关...
2024-07-16 10:54:34
726
原创 ＜component＞标签的介绍和使用
在 Vue.js 中，是一个特殊的元素，它允许你动态地绑定到一个组件。这意味着你可以根据某些条件或数据动态地渲染不同的组件....元素有一个特殊的is属性，该属性用于指定要渲染的组件...
2024-06-21 11:09:47
4538
原创 Treeselect是介绍及使用（梳理了我使用这个组件遇到的大部分问题）
这里梳理了我使用这个Treeselect组件遇到的大部分问题，希望大家多多补充，感谢
2024-06-20 11:09:26
8276
2
原创 省市区下拉选择：3个el-select（附完整代码+json）
下拉的@change事件因为只能得到绑定的val的改变，但是我想拿到里面的item，并且能够回显。假如我们把item绑定到value上的话，el-select的回显是全等的，而我绑定了一个对象，回显肯定是有问题的哈...下面提供了两种json文件，分别示例了里面的结构，看自己使用哪个吧，但是因为文件只能绑定一个，我在这上传了第一种的code.json,都包含了码值...
2024-06-20 10:00:58
1666
原创 Access to image at ‘xxx‘ from origin ‘xxx‘ has been blocked by CORS policy解决方案
这个错误表明你尝试从某个源（origin）加载阿里云上的图片时，浏览器因为CORS（跨源资源共享）策略阻止了这次请求。尽管图片能正常显示，但浏览器的控制台仍然会报告这个错误，因为请求不满足CORS的要求
2024-05-24 09:57:37
2788
原创 数据扁平化的介绍及使用
简单来讲就是：他是一个数据处理的过程或步骤，通常用于将嵌套的数据结构（如嵌套数组或对象）转换为非嵌套（或“扁平”）结构。这个过程在编程中很常见。
2024-05-22 11:42:00
1174
原创 position:fixed无法固定到父盒子上面的解决方案
粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。简单来讲的话一个元素在滚动到某个位置之前为相对定位，然后当它达到指定的偏移位置时，它会“粘”在那里（就像固定定位一样通常是视口的顶部或底部），直到滚动出视口。需要注意的是，为了使粘性定位生效，元素必须有一个toprightbottom或left属性的非auto值。sticky元素根据正常文档流进行定位，然后相对它的最近滚动祖先（nearest scrolling ancestor）和。
2024-05-14 12:33:13
1903
原创 高德地图：标点-连线-自定义图标-文字提示的使用
下面是使用高德地图进行标点连线的使用：1.定义一个装载地图的容器，并定义进行标点和连线的数据 ...
2024-05-13 15:52:37
3420
原创 什么是$t？$t的介绍及使用
$t是一个通常用于国际化（i18n）的函数。具体来说，当你使用 Vue.js 并结合某些国际化库（如 vue-i18n）时...在你的项目中创建一个目录（例如src/i18n）来存放你的国际化资源文件...
2024-05-12 19:06:30
2630
原创 window.location.href的介绍及使用
是 JavaScript 中一个非常常用的属性，它用于获取或设置当前窗口或标签页的 URL。这个属性返回的是完整的 URL。在URL的末尾使用符号后跟一个标识符来指定的。这个片段标识符通常用于标识文档（如HTML页面）内的某个位置，如特定的段落标题或锚点（anchor）。通俗的讲就是一个在当前页面的跳转到一个具体的位置，就如上面的目录点击跳转到n级标题，其实就是一个更加简便的操作当用户点击或浏览器导航到带有片段标识符的URL时，浏览器会自动滚动到该标识符所指向的文档位置。
2024-05-11 17:52:52
16347
原创 创建局域网分享图片及html页面服务（简单讲下）
要让前端自己创建的原生HTML网页在局域网内分享，最简单的方法是通过搭建一个简单的本地Web服务器。以下是具体的步骤
2024-03-18 21:39:31
1606
原创 el-table的border属性失效问题解决方案
如图所示，下面是el-table使用了border属性后没有效：看了下官方文档，并且检查了下自己写的并没有错误
2024-03-15 11:26:44
4723
原创 使用el-row及el-col页面缩放时出现空行解决方案
当缩放到90%或者110%，选中下拉后，下方就会出现空行el-row和el-col应该配合使用，并且el-col应该包含在el-row中。如下图所示：当页面缩放时...
2024-03-14 11:34:15
1680
原创 el-input设置max、min无效的解决方案
max和min主要是用于设置最大值和最小值的，但是呐，如果你只使用max及min是没有效果的不用el-form表单来验证处理的情况下，举例了下面几种方式：
2024-03-14 10:21:51
9080
原创 Error in callback for watcher xx TypeError: Cannot read properties of undefined (reading ‘call‘)解决方案
如图所示，控制台发现了以下报红：Error in callback for watcher xx TypeError: Cannot read properties of undefined (reading ‘call‘)
2024-03-01 10:10:38
3683
原创 export和export default的区别（简述）
在ES6（ECMAScript 2015）及其后续版本中，export和export default是两种导出模块内容的方法，它们在前端（以及后端或其他任何JavaScript环境）中都很有用。我们可以通过这两种，从模块中导出变量、函数、类或对象。其他模块可以通过import导入命名项来使用它们。
2024-02-28 12:31:32
2262
原创 花生壳内网穿透教程（图文并茂）
内网穿透原理：内网穿透技术允许通过在外网上建立一个与内网设备相关联的通道来绕过NAT，使得内网设备可以被外部网络访问。花生壳通过使用一对服务端和客户端软件实现内网穿透。
2024-02-24 16:26:08
32744
15
原创 npm i卡在 idealTree buildDeps没反应的解决方案
通过git clone拉下项目后，进行项目的初始化下包时，发现npm i 并没有反应（如图）：以下为几种可能出现的问题及思路，本人已经解决
2024-02-22 16:29:14
4483
3
原创 http和https的区别（简述）
HTTP（HyperText Transfer Protocol）和HTTPS（HTTP Secure）都是用于在客户端和服务器之间传输数据的协议，但它们在安全性方面有重要的区别。
2024-02-21 14:36:43
5049
1
原创 Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案
发现如图错误，虽然是警告，但是还是想把他搞掉，有些时候感觉自己有强迫症一样。这个报错其实就是一个规范问题，vue文件的name的命名不规范引起的。虽然问题解决了，又有新问题了。名称必须符合一定的规则，否则将报错。
2024-02-02 20:11:46
827
原创 Unknown custom element:＜xxx＞-did you register the component correctly解决方案
我知道这个是Chrome 增加了新的事件捕获机制－Passive Event Listeners，这个以前在搞地图是也遇到过，卡死问题可能不仅仅与这个组件的定义有关，还可能涉及到其他组件、数据、路由或其他一些上下文。后面我找到了引入的组件，发现组件中有引入了四个组件，前面两个组件其实是一样的，调的组件内的同一个方法但是传入的参数不一样。循环调用组件时，组件比vue实例后创建，官方文档中是有提到了组件必须先于实例化引入的，所以引入搞成了懒加载，还是无用。这个问题由于没有时间研究，看了下我就就暂时放在这了。
2024-02-02 18:05:02
5602
原创 前端金额转换为人民币大写(5种方法)
当涉及到前端的财务模块有关的时候，比如列表展示、导出、打印发票报表等场景时，我们需要把金额转换为人民币大写.比如：数字：108.12 => 人民币大写：壹佰零捌元壹角贰分这里有四种常见的方法，按照难度从难到易逐一介绍如下：
2024-02-02 11:43:05
2880
原创 前端常见的栈溢出报错
在前端开发中，栈溢出是指JavaScript引擎执行代码时，调用栈（call stack）变得太大，超过了浏览器或JavaScript引擎所分配的栈空间，从而导致栈溢出错误。调用栈是一种数据结构，用于存储函数调用的信息，包括每个函数的局部变量、参数和返回地址。当一个函数被调用时，它的信息被推送到调用栈的顶部，当函数执行完毕时，该信息被弹出。如果在一个递归函数或深度嵌套的函数调用链中，调用栈的深度变得过大，超过了引擎的限制，就会导致栈溢出。
2024-02-01 18:08:25
1710
3
原创 el-table样式错乱解决方案
如图所示，又被提bug了，这个bug我都不知道改了多少次了。。。图片右边的椭圆框住的地方，在页面放大缩小之后就对不齐了。
2024-01-19 20:33:25
1988
1
原创 el-cascader 级联选择器的使用及初始化解决方案
点击x清除值后，原来选中的样式高亮还是一样的显示在页面上。如图所示，这是一个级联组件，需要拿的的值为最后一项，但是。清空后组件没有初始化。
2024-01-18 12:30:59
1718
1
原创 el-date-picker组件设置时间范围限制
如图所示，下图为新增的一个弹层页面，同时有个需求，日期选择需要限制一个月的时间范围（一月默认为30天）timeFrame为时间范围（我这为30天）；当前选中的时间为16号，最大范围为2月15号。最小范围为上一年的12月17号。
2024-01-16 16:53:17
3196
原创 git撤销提交到本地的commit
就比如我，因为代码写错了分支，已经提交到本地了，而我需要取消，并且还要把代码搞得另外的分支上。有些时候，当我们提交代码到本地后，突然发现因为某些原因需要撤销提交本地的代码。（可以看到提交到本地的记录）（本次为撤回上一次的）
2024-01-09 16:53:21
2649
原创 控制el-table的列显示隐藏
在我们的页面中el-table-column是固定的，因为现在是对现有的进行维护和迭代更新。对需要控制列显示隐藏的页面进行控制。
2024-01-08 17:36:02
3695
原创 Git出现MERGING解决方案
这个以前解决了很多次了，分享一下如图所示，几个小时前拉的新分支，因为线上的代码肯定是有很多人提交的，所以需要pull下来，但是成功pull下来后，出现了如下情况：开始的分支显示的是(feature/tfzk/fdd-report-20231216)但是重新拉下代码后分支名后面多了MERGING出现MERGING状态。
2023-12-25 19:32:53
6348
1
原创 DevEco Studio安装配置及汉化（超详细）
HUAWEI DevEco Studio for OpenHarmony 是华为推出的一个针对操作系统的集成开发环境（IDE），它提供了一系列功能来帮助开发者在 OpenHarmony 平台上进行应用程序的开发和调试。
2023-12-25 11:02:44
13187
3
原创 Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案
触摸事件（touchmove）默认将具有滚动阻塞的特性，将非被动设置为被动（passive），以实现更流畅的滚动效果。，使页面更加具有响应性。
2023-12-23 11:28:03
12224
4
原创 [Element Migrating][ElDialog][Attribute]: size is removed解决方案
如果需要动态调整弹窗的大小，你可以在组件内部使用。，我们可以在样式中针对该元素进行样式设置，例如设置背景颜色、内间距等。在El-ement中使用了el-Dialog，其中的size需要删除。获取到弹窗的 DOM 元素，并操作其 CSS 样式来动态调整大小。则用于访问组件关联的根 DOM 元素，便于直接操作 DOM 元素。是 Vue 实例的一个属性，它是一个对象，包含了注册在。，我们可以直接访问和操作组件关联的 DOM 元素，例如。，这也是该属性被废弃的主要原因之一。是 Vue 实例的一个属性，它。
2023-12-10 10:35:52
1300
1
原创 Missing required prop: “value”报错原因及解决方案
打开pc端页面，控制台直接报错，报错如下：1.上面发出了vue的警告，意思是这个value为必须的，不可缺少2.发现提示的位置为el-select组件1.报错为value，此处value有两个位置使用（el-option，el-select）观察...
2023-12-03 18:48:05
5347
1
省市区json，带码值
2024-06-20
省市区下拉选择：3个el-select（json）
2024-06-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人