- 博客(46)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 js 遇到async await 的执行顺序示例
暂停前就已经被读取了，当时。：异步函数开始执行，但遇到。还是初始值 0，所以。是 0，而不是后续被。
2026-07-31 13:05:27
165
原创 js中 函数名 变量名相同 可以同时存在，但是不建议
JavaScript中函数声明和变量声明可以共存，但存在优先级规则。函数声明会优先提升并覆盖同名变量声明，后定义的函数会覆盖前一个。在示例中，b()调用输出"call b second"是因为第二个函数声明覆盖了第一个。变量赋值在执行阶段才生效，因此调用在赋值前仍执行函数。实际开发中应避免同名声明，建议使用不同名称或块级作用域来提升代码可读性。理解提升机制对掌握JavaScript函数和变量的交互行为至关重要。
2026-07-28 11:15:27
181
原创 js postMessage 实现跨域发送消息-应用示例
parentPage.html 父页面（A地址下） 界面添加 打开子页面按钮、发送消息按钮。postMessage 可以跨域发送消息。子页面subPage.html（B地址下）下图为 子页面 负责监听接受消息。
2026-07-21 15:59:35
36
原创 js自定义Emitter，实现1对多的事件派发处理
增加监听on、派发事件emit、移除指定监听off、移除所有监听removeAllListenners。
2026-07-01 14:46:39
41
原创 promise 通过async await 调用示例
示例1现象避免示例1的现象，解决方案 如下；1、通过try...catch包裹单独处理每个可能失败的await2、使用.catch()内联处理3、Promise.allSettled 批量处理，不中断附：和是处理多个 Promise 的两个核心方法，关键区别在于。
2026-03-03 17:02:03
70
原创 js通过 IntersectionObserver 判断是否滚动到可视区域内
摘要：该代码实现了一个基于Vue3的可滚动视图组件，通过IntersectionObserver监测元素可见性。当用户滚动时，会自动检测进入视口的元素（高度500px的分组div），更新当前选中组的值（currSelGroupValue）并打印日志。关键特性包括：1）使用ref数组存储分组引用；2）设置10%可见阈值触发回调；3）支持通过rootMargin调整触发范围；4）组件销毁时可调用disconnect停止观察。
2025-11-14 15:45:39
151
原创 HTML伪元素after和before 的content内容是不支持选区
添加的文本或元素无法被用户通过鼠标或键盘选中。因为DOM中不存在，这个内容仅在渲染层存在，不会出现在HTML文档的DOM结构中，因此无法通过JavaScript直接获取或修改。可在界面上针对 无须选区选择的展示文本上通过此方式实现。比如 装饰性文本标注（引号，分隔符，AI问答的溯源引用标记等）或者 页面视觉效果增强。css 属性 content 属性插入的内容通常为文本或者图片，不支持复杂DOM结构。
2025-08-21 10:17:50
164
原创 vue2 webpack 部署二级目录、根目录nginx配置及打包配置调整
二级目录abc ， 打包vue.config.js中 的 publicPath需设置为 "/abc/"根目录 nginx配置， 打包vue.config.js中 的 publicPath需设置为 "/"1、首先是路由配置 base: process.env.BASE_URL,
2025-07-22 16:13:55
666
原创 vite vue项目中使用 worker.js
4、canvas相关依赖库涉及到操作DOM 在该worker中就无法使用。1、在worker.js中 ， 仅能处理 非DOM 的js逻辑。3、纯js的依赖库 可引入 ， 比如 axios 等；2、函数变量传入也不可用。
2025-07-16 15:41:03
298
原创 使用python 将多个docx文件合并为一个word
依赖包对比： 使用 python-docx 进行合并时， 图片无法合并到新文档中， 使用docxcompose 图片可合并到新文档中。代码说明： document_dir 是 要合并的文件目录；output_file 是合成后的文件。接着安装依赖 ，采用docxcompose 依赖包 进行合并word，执行如下命令进行安装。再将合并后的 PDF 转回 Word（如果需要）先将每个文档转为 PDF（使用。如果还无法解决实际需求 可考虑。先安装python环境。
2025-07-09 15:27:03
672
原创 window上 elasticsearch v9.0 与 jmeter5.6.3版本 冲突，造成es 启动失败
解决方案： 降低 es安装版本 ，选择了 7.0 ，访问地址： localhost:9200 启动成功如下图：
2025-04-22 11:20:57
583
原创 vite5.0.4 需使用 “vite-plugin-top-level-await“: “1.4.4“ 指定版本
"vite-plugin-top-level-await": "1.4.4" 高版本不可用会报error。
2025-03-31 17:20:24
296
原创 nginx 开启gzip配置
开启 结合上面配置 ， 会优先找gz静态文件，不存在gz文件则动态消耗服务器cpu资源动态压缩后，再进行传输响应请求。
2024-12-20 15:03:13
264
原创 linux image-webpack-loader下载异常安装依赖不全 webpack 打包图片压缩配置 安装依赖 imagemin-mozjpeg 失败等问题
在linux 安装依赖 提示 nasm缺失 执行如下指令。vue.config.js 中开启打包图片压缩配置。然后在安装 imagemin-mozjpeg 依赖。通过jenkins 自动化部署时，安装依赖报错。
2024-12-20 09:56:00
531
原创 #mark# vue3 在transition的指定配置下 keep-alive的组件模块无法缓存的问题
transition name="fade-transform" mode="out-in" > 这种情况下 ，登录后默认打开二级路由 空屏无法打开。或者 transition的其他配置项 都可以尝试。改为 其他配置 就正常。
2024-10-18 10:50:44
230
原创 vite修改vite.config.js配置，自动检测重启
无需手动重启生效配置，自动启动即可， nice~~~切换连接服务端地址，发现日志显示如图。
2024-10-17 09:17:29
542
原创 #mark# ViteSvgIconsPlugin svgoOptions选项
svgoOptions 设置为false时 ， 矢量svg图标 stroke线条不正常。svgoOptions 改为true后 ，显示正常了。找了半天 哪影响的 ，
2024-08-26 13:35:16
401
原创 vue3 vue页面根目录增加注释 keep-alive 不生效 需避开此位置
已配置一致后，仍不生效，其他页面就都生效了，只有这个页面不生效， 才发现vue页面代码中有如下 ，在这个位置增加注释会造成keep-alive不生效的问题 ， 坑出天际了 一顿排查，一顿改一顿尝试，最后通过最笨的方式，代码一点一点粘贴尝试，才发现 ， mark一下。已参考官方文档如下，进行配置。对应页面中配置 name。可以看到组件名字变成了。
2024-07-19 10:19:23
586
3
原创 博客摘录「 linux系统 安装nvm」2023年5月4日
wget https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz
2024-03-08 22:39:53
497
1
原创 包含字母数字及特殊字符 三种组合的正则两种写法
/不小心遇到个坑 [A-z] 不仅仅是 26个大小写字母 ，还包含了如下 圈中的 几个符号 ，让我一顿找 ，记录一下 ，加深印象。
2024-03-08 22:37:18
3088
1
原创 指定前缀字符串，并且中间非指定字符，正则表达式
cc = new RegExp('(?<=serverConfig).[^dev]\S*')则匹配字符串cc.test("serverConfig.dev.js")// 则为 falsecc.test("serverConfig.prod.js") //则为 truecc.test("serverConfig.sit.js") //则为 truecc.test("a...
2020-04-03 00:07:43
1936
原创 微信小程序scroll-view在scroll-top定位滚动条位置遇到的问题
<scroll-view scroll-y="{{true}}" scroll-top='{{topNum}}' style="500rpx;"></scroll-view>如上代码没有一点问题，如果在js中设置了this.setData({topNum:0});若给topNum赋值了0，仍然不起作用。遇到的坑，就是滚动条出现的容器 是s...
2020-04-02 15:33:06
2975
原创 Vue 添加指令校验input只能输入正整数
1、添加指定文件 inputValid.jsimport Vue from 'vue'//只对input生效export default function (el) { var input = el; input.onkeyup = function (e) { if(e.target.value.length==1){ e.tar...
2020-03-17 11:17:06
2546
原创 vue针对ele的form组件校验
场景1：form表单下的table指定列校验非空form表单包含了 el-table列表的对应列校验，那么将 e-table-column指定列下 ，增加 el-formo-item校验规则，如下：<el-form-item label-width="0" :prop="'specGoodsPrices.' + scope.$index + '.storeCount'" :rule...
2020-03-06 18:16:25
1045
原创 小程序获取微信api中提供的 头像及昵称
微信官网api地址https://developers.weixin.qq.com/miniprogram/dev/component/open-data.html里面还提供了其它无需授权可获取的数据如下图：
2020-02-14 14:36:51
1538
原创 vue router 路由配置注意事项
1、针对默认进入页面的路由 path携带可不传入参数 慎用，会造成其他路由页面的进入比如： path:"/:type?" 会造成 path:"/aa" 页面的访问，会被认为 根目录页面 path:"/:type" 所对应的页面2、给页面传参 有两种形式 path上 携带的params 参数，另外一种则是 地址栏 ?a={}&b={} 的query参数形式比如： pa...
2019-11-08 11:01:53
496
原创 vue ios上 无法通过js进行聚焦
1、不能使用 v-show v-if 隐藏组件 ，需使用定位的方式 将组件移出显示区域，需要时显示2、调用聚焦方法中 不能使用异步 promise setTimeout函数 ，不然会失效3、就成功解决 ios 无法手动聚焦问题啦 。。。参考资料如下https://www.cnblogs.com/HYZhou2018/p/11159247.html...
2019-10-17 11:09:41
539
原创 js数组唯一性去重-利用对象属性名
Array.prototype.unique = function(){//利用了对象属性名的唯一性 var obj = {}, len = this.length, newArr = []; for(var i =0;i<len;i++) { if(!obj[this[i]]){ obj[this[i]] = i; newArr.push(this[i]);...
2018-06-04 16:36:57
3887
4
TA创建的收藏夹 TA关注的收藏夹
TA关注的人