- 博客(27)
- 收藏
- 关注
RSS订阅原创 监听浏览器地址栏的改变
是否遇到业务代码改变了浏览器地址，并且页面也刷新了，需要找出改变了浏览器地址的代码，做出业务逻辑的调整，但是发现代码逻辑杂乱、罪孽深重，不知从何下手？这时候，我们可以通过监听浏览器地址栏的改变，断点查看调用栈，找到改变地址栏的代码，然后进行调整亲测好用，推荐给大家
2024-06-13 17:11:27
388
原创 代码阅读-》公司使用的 webpack 构建过程中修改模块请求解析方式
在我们的项目中，遇到一个问题：代码中某些模块的路径在文件系统中不存在，但构建后的应用仍然可以正常运行。以下是相关代码段和配置的详细分析。通过使用，我们可以根据环境变量动态修改模块请求路径。在本例中，根据的值，被替换为有效的路径。这种方法提高了应用的配置灵活性和可维护性，特别是在多环境部署中非常有用。
2024-06-06 06:17:27
317
原创 vue2和vue3自定义指令实现只读模式，禁止用户编辑
你在工作时，是否遇到产品要求添加只读模式，需要大片的配置项都需要只读，代码层级深，改动内容多，全加上disable费事费力，期望简单的实现只读本文实现了一个只读指令，只需要在需要的地方加上v-read-only即可达到只读效果，快捷方便当前代码已经在使用中，效果良好。
2024-06-04 14:11:26
673
原创 elementui form表单el-form-item使用v-show控制显示隐藏，在提交时 rules 验证错误的问题
本篇博文深入研究了在使用Element UI构建表单时的一项常见挑战——即便表单项被隐藏，仍然会进行验证。这个问题的出现源于Vue的v-show指令。我们提出了两种创新策略和对应的代码示例来克服这个问题：首先，我们引入Vue的v-if指令来控制表单项的渲染，这样就可以避免对隐藏的表单项进行验证；其次，我们引入动态的验证规则，这样在隐藏表单项时，可以同时移除对应的验证规则。这两种方法都能有效地解决表单验证的"隐形"问题，提升了Element UI表单的性能和用户体验。这篇博文对于前端开发者来说具有很高的参考
2023-06-09 15:41:20
11366
1
原创 vue3 微软开源组件 monaco-editor demo
页面正常展示，但是在执行getValue获取编辑器中的数据的时候，页面却卡死了？在组合式API中，我们使用了ref将值包装为响应式对象，使用toRaw获取原始值，并使用onMounted和onBeforeUnmount分别在挂载和卸载前释放编辑器。问题：vue3 使用了 选项式api来编写代码，页面正常展示但是在执行 getValue 获取编辑器中的数据的时候 页面 monaco-editor 卡死；现在，您可以使用这个方法来快速获取和使用编辑器中的文本，解决开发过程中的痛点。
2023-05-12 12:30:11
1893
原创 Gitlens vscode 小技巧 git 生产力工具的好用功能 用了再也回不去了
这里有个国际化的bug，英文字段是现在的显示，但是对应的路径没有中文。需要获得中文字段。
2022-07-14 16:02:40
2718
2
原创 npm WARN tarball tarball data for xxxx@^0.25... npm项目依赖安装卡住，报错，尝试多次无果的解决方法
npm WARN tarball tarball data for xxxx@^0.25 (xxxxxxxx) seems to be corrupted.Trying one more time
2022-06-14 14:54:59
5948
原创 fatal: unable to access ‘‘xxx‘ : Faile to connect to github.com port 443: vscode提交到github 443错误 有梯子
Faile to connect to github.com port 443
2022-05-09 17:54:02
1993
1
原创 防抖debounce/ 节流throttle
防抖节流//节流 throttle(func, delay) { let status = true; return function(...args) { if (!status) return false; status = false; setTimeout(() => { func.apply(this, args); status = true; //
2021-08-09 14:47:20
102
原创 windows 家庭版 通过Microsoft store安装Ubuntu 遇到问题 Installing, this may take a few minutes... WslRegisterDis
windows 家庭版 通过Microsoft store安装Ubuntu的时候点击运行之后报错：Installing, this may take a few minutes… WslRegisterDistribution failed with error: 0x80370102 Error: 0x80370102 ??? Press any key to continue…然后就是退出了程序搜索了大量的解答之后，终于有点靠运气解决之后在这里做一个分享，希望可以帮到遇到这问题的人想要在.
2021-07-17 18:54:47
19319
3
原创 js 拖拽元素 鼠标速度过快元素跟不上
自己写一个拖拽元素，使用js拖拽元素时，鼠标速度过快时 元素跟不上鼠标参考了网上的文章 ，里面对比了绑定到 body和document上的不同点js 拖拽元素 鼠标速度过快问题明白过来是因为速度过快而导致，鼠标脱离了小盒子box的范围问题代码： <div class="box"></div> //html <script> let box = document.querySelector('.box'); box.onmousedo
2021-06-26 17:04:58
6561
4
原创 js实现回到顶部效果。点击回到顶部 ， 滚轮向下滚动中断回到顶部 ， 停在当前位置
<style> .topBtn { width: 50px; height: 90px; position: fixed; bottom: 50px; right: 50px; background-color: palegreen; } .contain { width: 400px; height: 800px;
2021-06-26 14:45:26
550
原创 css的神奇操作之 height 100% position: absolute； 自适应全屏盒子
下面这段代码你猜猜div有多大<body><div>Overlay example text</div></body><style>*{ padding: 0; margin:0;}body { height: 3000px; width: 100%;}body div { position: absolute; height: 100%; width: 100%; backgr
2021-06-17 21:49:37
2047
原创 CSS基础-块级元素与行内元素
是否独占一行width、heightpadding、margin默认宽高块级元素是有效有效撑满父元素行内元素否无效 padding有效margin水平方向有效，竖直方向无效随内部元素的内容变化行内块级元素否有效有效随内部元素的内容变化块级元素：独占一行；元素的宽高、以及内外边距都可设置；元素宽度在不设置的情况下，是它本身父容器的100%。行内元素：不会自动进行换行；元素的宽高不可设置；内边距可以设置、外边距水平方向有效，竖直方向无效；...
2021-06-02 11:11:43
134
原创 bilibili 速成编译原理视频题目截图集合
https://www.bilibili.com/video/BV1ft4y1X7p6?p=2&spm_id_from=pageDriver
2021-06-02 09:30:45
242
原创 正确使用“width:100%“
文章目录不使用 绝对定位 时的width:100%;使用 绝对定位 时的width:100%;不使用 绝对定位 时的width:100%;这是一个div，里面没有任何的元素。等会要加入内容div <div style=" height: 120px; width: 200px; margin: 20px; border: 30px solid rgb(216, 186, 89); padding
2021-05-31 14:55:49
6328
原创 es6基础内容,重点要理解代码
尚硅谷Web前端ES6教程，涵盖ES6-ES11文章目录尚硅谷Web前端ES6教程，涵盖ES6-ES11前言es6一、es6是什么？二、es6具体内容1.let2.var总结前言es6 目标： 知道明白说得出es6内容是啥？，那些是重点？那些用处广泛的内容一、es6是什么？ES6是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。另外，一些
2021-05-24 23:25:44
257
原创 二叉树的各种 遍历 javascript 前序中序 后序遍历
二叉树的各种 遍历 javascript二叉树的前中后序遍历先序遍历中序遍历后序遍历二叉树的结构如图所示二叉树的前中后序遍历遍历是啥 ？如何遍历？答： 遍历就是沿着一条路线对每一个节点都进行访问。如果是数组的遍历毫无疑问最简单的就是一条直线下去。而这是一棵树，二叉的树。----> 这根应该是什么样子的？如下一目了然，简简单单先看一下文件结构//test.js的代码 ，二叉树的js表示方法 // preorder.js中为遍历的代码。我们的遍历代码都放在里面const bt
2021-04-21 22:39:44
333
原创 20-Vue实战项目：电商管理系统（Element-UI）总结
20-Vue实战项目：电商管理系统（Element-UI）总结结果如下：这算是我自己跟着视频做的第一个比较完整的可以看的项目了，用时18天，但这视频的总时间是20个小时，自己还是比较的低效率。不多说看看着里面到底是有一些啥东西吧需要预备的知识：html，css，javascript 只要看过几眼都可以，用的不多不复杂vue2 基础知识 ，v-if v-for之类啥都不会也可以跟着视频做的去，不知道的百度一下就可以在这里面用到的东西:element UI 主要就是对于这个前端
2021-04-14 16:09:07
458
原创 在git中统计自己写的代码数量
自己想看看自己写了多少代码不想数然后就有了下面的仔git中使用的的命令git log --author="name" --pretty=tformat: --numstat | awk '{ add += $1; subs += $2; loc += $1 - $2 } END { printf "added lines: %s, removed lines: %s, total lines: %s\n", add, subs, loc }' -只需要在你的git push的代码的目录下运行git
2020-09-20 21:49:20
1486
原创 vscode中git的使用，git 到 github
如何git代码到githubvscdoe中新建终端，进入想要上传的文件的目录PS D:\eVs_Code\JavaScript_book\test1>然后接下来如下：git initgit remote add origin https://github.com/xinxin/javascript.git//这里会有输入账号密码，别输错了哟git add *git commit -m "测试网速"git pull origin master --allow-unrelated-hi
2020-09-15 12:35:23
105
原创 如何在网页中快速添加icon图标
打开阿里https://www.iconfont.cn/选择需要的图标然后就是打开添加到项目复制代码导入到项目当中 <!-- icon图标 --> <link rel="stylesheet" href="http://at.alicdn.com/t/font_2033609_rg9rtcvpyzn.css">使用icon图标<i class="iconfont icon-icon-test3"></i>其中icon.
2020-09-08 20:17:52
1617
原创 前端调试如何看到get，post的具体信息
前端调试不知道页面有没有接收到服务器返回的数据，打开Firefox一目了然然后打开XHR和请求开启之后就可以看到了之后就可以看到发出去的请求和返回来的消息了，有什么错误，信息不对的地方就可以速度的找出错误的地方，然后修改。简直调试必备小技巧啊。...
2020-09-08 17:24:15
2066
转载 vscode中cnpm -install无法运行，显示无法调用怎么办？
vscode中cnpm -install无法运行，显示无法调用首先确认自己已经安装好了npm未安装的自行安装然后错误如下cnpm :无法加载文件解决方法:1.以管理员身份运行powershell不会找的，用win + s 搜索powershell.2.输入set-ExecutionPolicy RemoteSigned然后输入A 回车问题解决参考自：https://blog.csdn.net/y_0232/article/details/102555209...
2020-09-08 17:12:35
900
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人