- 博客(39)
- 收藏
- 关注
RSS订阅原创 创建局域网分享图片及html页面服务（简单讲下）
要让前端自己创建的原生HTML网页在局域网内分享，最简单的方法是通过搭建一个简单的本地Web服务器。以下是具体的步骤
2024-03-18 21:39:31
986
原创 el-table的border属性失效问题解决方案
如图所示，下面是el-table使用了border属性后没有效：看了下官方文档，并且检查了下自己写的并没有错误
2024-03-15 11:26:44
1446
原创 使用el-row及el-col页面缩放时出现空行解决方案
当缩放到90%或者110%，选中下拉后，下方就会出现空行el-row和el-col应该配合使用，并且el-col应该包含在el-row中。如下图所示：当页面缩放时...
2024-03-14 11:34:15
778
原创 el-input设置max、min无效的解决方案
max和min主要是用于设置最大值和最小值的，但是呐，如果你只使用max及min是没有效果的不用el-form表单来验证处理的情况下，举例了下面几种方式：
2024-03-14 10:21:51
1492
原创 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
974
原创 export和export default的区别（简述）
在ES6（ECMAScript 2015）及其后续版本中，export和export default是两种导出模块内容的方法，它们在前端（以及后端或其他任何JavaScript环境）中都很有用。我们可以通过这两种，从模块中导出变量、函数、类或对象。其他模块可以通过import导入命名项来使用它们。
2024-02-28 12:31:32
912
原创 花生壳内网穿透教程（图文并茂）
内网穿透原理：内网穿透技术允许通过在外网上建立一个与内网设备相关联的通道来绕过NAT，使得内网设备可以被外部网络访问。花生壳通过使用一对服务端和客户端软件实现内网穿透。
2024-02-24 16:26:08
2637
7
原创 npm i卡在 idealTree buildDeps没反应的解决方案
通过git clone拉下项目后，进行项目的初始化下包时，发现npm i 并没有反应（如图）：以下为几种可能出现的问题及思路，本人已经解决
2024-02-22 16:29:14
2353
3
原创 http和https的区别（简述）
HTTP（HyperText Transfer Protocol）和HTTPS（HTTP Secure）都是用于在客户端和服务器之间传输数据的协议，但它们在安全性方面有重要的区别。
2024-02-21 14:36:43
4964
1
原创 Invalid xxx In Component names shouldconform to valid custom element name in html5 specification解决方案
发现如图错误，虽然是警告，但是还是想把他搞掉，有些时候感觉自己有强迫症一样。这个报错其实就是一个规范问题，vue文件的name的命名不规范引起的。虽然问题解决了，又有新问题了。名称必须符合一定的规则，否则将报错。
2024-02-02 20:11:46
425
原创 Unknown custom element:＜xxx＞-did you register the component correctly解决方案
我知道这个是Chrome 增加了新的事件捕获机制－Passive Event Listeners，这个以前在搞地图是也遇到过，卡死问题可能不仅仅与这个组件的定义有关，还可能涉及到其他组件、数据、路由或其他一些上下文。后面我找到了引入的组件，发现组件中有引入了四个组件，前面两个组件其实是一样的，调的组件内的同一个方法但是传入的参数不一样。循环调用组件时，组件比vue实例后创建，官方文档中是有提到了组件必须先于实例化引入的，所以引入搞成了懒加载，还是无用。这个问题由于没有时间研究，看了下我就就暂时放在这了。
2024-02-02 18:05:02
1032
原创 前端金额转换为人民币大写(5种方法)
当涉及到前端的财务模块有关的时候，比如列表展示、导出、打印发票报表等场景时，我们需要把金额转换为人民币大写.比如：数字：108.12 => 人民币大写：壹佰零捌元壹角贰分这里有四种常见的方法，按照难度从难到易逐一介绍如下：
2024-02-02 11:43:05
631
原创 前端常见的栈溢出报错
在前端开发中，栈溢出是指JavaScript引擎执行代码时，调用栈（call stack）变得太大，超过了浏览器或JavaScript引擎所分配的栈空间，从而导致栈溢出错误。调用栈是一种数据结构，用于存储函数调用的信息，包括每个函数的局部变量、参数和返回地址。当一个函数被调用时，它的信息被推送到调用栈的顶部，当函数执行完毕时，该信息被弹出。如果在一个递归函数或深度嵌套的函数调用链中，调用栈的深度变得过大，超过了引擎的限制，就会导致栈溢出。
2024-02-01 18:08:25
963
原创 el-table样式错乱解决方案
如图所示，又被提bug了，这个bug我都不知道改了多少次了。。。图片右边的椭圆框住的地方，在页面放大缩小之后就对不齐了。
2024-01-19 20:33:25
897
1
原创 el-cascader 级联选择器的使用及初始化解决方案
点击x清除值后，原来选中的样式高亮还是一样的显示在页面上。如图所示，这是一个级联组件，需要拿的的值为最后一项，但是。清空后组件没有初始化。
2024-01-18 12:30:59
741
1
原创 el-date-picker组件设置时间范围限制
如图所示，下图为新增的一个弹层页面，同时有个需求，日期选择需要限制一个月的时间范围（一月默认为30天）timeFrame为时间范围（我这为30天）；当前选中的时间为16号，最大范围为2月15号。最小范围为上一年的12月17号。
2024-01-16 16:53:17
1019
原创 git撤销提交到本地的commit
就比如我，因为代码写错了分支，已经提交到本地了，而我需要取消，并且还要把代码搞得另外的分支上。有些时候，当我们提交代码到本地后，突然发现因为某些原因需要撤销提交本地的代码。（可以看到提交到本地的记录）（本次为撤回上一次的）
2024-01-09 16:53:21
910
原创 控制el-table的列显示隐藏
在我们的页面中el-table-column是固定的，因为现在是对现有的进行维护和迭代更新。对需要控制列显示隐藏的页面进行控制。
2024-01-08 17:36:02
1464
原创 Git出现MERGING解决方案
这个以前解决了很多次了，分享一下如图所示，几个小时前拉的新分支，因为线上的代码肯定是有很多人提交的，所以需要pull下来，但是成功pull下来后，出现了如下情况：开始的分支显示的是(feature/tfzk/fdd-report-20231216)但是重新拉下代码后分支名后面多了MERGING出现MERGING状态。
2023-12-25 19:32:53
2208
1
原创 DevEco Studio安装配置及汉化（超详细）
HUAWEI DevEco Studio for OpenHarmony 是华为推出的一个针对操作系统的集成开发环境（IDE），它提供了一系列功能来帮助开发者在 OpenHarmony 平台上进行应用程序的开发和调试。
2023-12-25 11:02:44
3284
3
原创 Added non-passive event listener to a scroll-blocking ‘touchmove‘ event解决方案
触摸事件（touchmove）默认将具有滚动阻塞的特性，将非被动设置为被动（passive），以实现更流畅的滚动效果。，使页面更加具有响应性。
2023-12-23 11:28:03
2053
3
原创 [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
1036
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
1837
1
原创 小乌龟Tortoisegit安装及汉化(详细)
TortoiseGit 简称 tgit， 中文名海龟Git，大家都叫它小乌龟，TortoiseGit是一个开放的Git版本控制系统的源客户端，具有Git操作的图形用户界面（GUI）。TortoiseGit 支Winxp/vista/win7/Win10，提供多言语支持。
2023-11-27 10:47:15
4403
1
原创 使用el-pagenation的pagerCount报错（含封装组件代码）
总页数，total 和 page-count 设置任意一个就可以达到显示页码的功能；如果要支持 page-sizes 的更改，则需要使用 total 属性。默认情况下，使用pager-count，当总页数超过 7 页时，Pagination 会折叠多余的页码按钮。使用组件时，由于使用了多个table，宽度不够，（虽然页面上的功能能够实现，但是会报红）页码按钮的数量，当总页数超过该值时会折叠。大于等于 5 且小于等于 21 的 奇数。大于等于 5 且小于等于 21 的奇数。完整代码：上方点击下载即可。
2023-11-26 11:18:35
590
1
原创 前端保留两位小数（数字-浮点-字符串）
这个可以确保不管输入的金额是字符串、整数还是浮点数类型，都能够正确地格式化为保留两位小数的金额字符串，并对不符合格式的金额进行限制。
2023-11-23 11:42:45
295
原创 前端实现复制粘贴通用方法封装
总的来说，这段代码提供了一种在现代浏览器中复制文本到剪贴板的方案，然而，对于浏览器兼容性上还有一些限制和潜在的问题需要注意。
2023-11-23 11:31:23
205
原创 axios同时使用查询参数（query）和请求体参数（body）发送请求
Body 参数一般用于 POST、PUT、PATCH 等请求，将参数放在请求体中，比如表单提交、JSON 数据上传等，这种形式的请求通常用于创建或更新资源。方法发送请求时，可以同时添加查询参数（query）和请求体参数（body）。具体的方法是将查询参数添加到URL中，并将请求体参数作为。在使用 Query 参数时，需要注意 URL 的最大长度限制，如果参数太多会导致 URL 过长，可能引起请求失败或参数丢失。，这种形式的请求通常用于获取资源。方法时，使用字符串拼接的方式将查询参数添加到URL中，通过。
2023-11-22 23:04:37
1375
原创 el-cascader调用多个接口的使用方法
el-cascader是 Element UI 中的级联选择器组件，它可以用于选择多级联动的数据你所做的事情，也许暂时看不到成果，但不要灰心或焦虑，你不是没有成长，而是在扎根。
2023-11-22 22:45:22
1042
原创 手写防抖与节流+2扩展
防抖和节流是前端开发中常用的两种优化技术，用于限制事件的触发频率，提升用户体验和性能。在使用防抖和节流时需要注意防抖和节流的时间间隔需要斟酌选择。
2023-10-29 23:06:01
69
1
原创 前端vue创建二维码
Vue-Qrcode 是一个 Vue.js 的二维码生成插件，它利用了 QRCode.js 库来生成二维码。下面是关于 Vue-Qrcode 插件的优缺点和作用的详细介绍：作用：yarn add qrcode 下包，或者用npm、pnpm都行 （参考文档：npmjs官网） 效果图：
2023-08-23 18:16:47
292
原创 简单模拟-前端的单点登录（SSO）
前端单点登录（Single Sign On，简称 SSO）是一种身份验证机制，允许用户通过一次登录认证来访问多个相互信任的应用程序或网站，而无需在每个应用程序或网站中单独进行身份验证。
2023-08-02 17:08:54
149
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人