- 博客(323)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 （详解）js中什么是宏任务、微任务？宏任务、微任务有哪些？又是怎么执行的？
（详解）js中什么是宏任务、微任务？宏任务、微任务有哪些？又是怎么执行的？
2023-05-06 16:48:44
1848
1
原创 Vue如何实现权限管理（动态路由addRoutes）
一、权限管理权限管理就是让不同的用户只能访问自己权限内的资源，有以下几种路由权限，用户登录后只能看到自己权限内的导航菜单，且只能访问自己权限内的路由地址视图权限，用户只能看到自己权限内的内容和按钮请求权限，越权请求将其拦截二、控制权限接口权限按钮权限菜单权限路由权限
2023-04-22 12:34:18
5128
1
原创 window.print() 前端实现网页打印详解
print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容，我们可以在MDN上查看到相关的简单介绍。
2023-03-07 18:04:34
13297
2
原创 （详解错误情况，及解决方法）Vue 数据更新了但页面没有更新的情况
在vue项目中，有些我们会遇到修改完数据，但是视图却没有更新的情况。具体的场景不一样，解决问题的方法也不一样。在网上看了很多文章，在此总结汇总一下。针对，数据更新视图没有更新的情况，建议深入了解一下，vue的响应式原理。②解决办法：2.vue无法检测对象property的添加或移除 ①场景：②解决办法：3.vue不能检测通过数组索引值，直接修改一个数组项 ①场景：②解决办法：扩展：Object.defineProperty()可以监测数
2022-12-07 11:02:16
18116
7
原创 前端工作经验总结以及技术分享
uniapp H5 公众号微信自定义分享qq，微信带图片标题内容__揽的博客-CSDN博客js获取当前日期，并将其格式化为YYYY-MM-DD，并且自定义返回__揽的博客-CSDN博客_js获取当前日期并格式化（成功最详细版本，自定义传参失败，跳转出现空白页面，校验文件失败）微信小程序扫码跳转小程序指定页面保姆级教程__揽的博客-CSDN博客_小程序二维码校验文件（巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析 修改 和新增，替换功能__揽的博客-CSDN博客。
2022-10-22 13:06:21
11458
50
原创 微信公众号H5【微信网页授权快照页】复现情况，以及解决方法（详细，成功，forcePopup，forceSnapShot，is_snapshotuse）
（详细，成功，forcePopup，forceSnapShot，is_snapshotuse）微信公众号H5【微信网页授权快照页】复现情况，以及解决方法
2022-10-07 18:49:52
8904
9
原创 （巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析 修改 和新增，替换功能
（巨好使，详细，解析URl，URl自定义传参）js URl中快速自定义传参，并且实现参数解析 修改 和新增，替换功能我们在日常开发中经常会遇到要对url中的参数进行修改和新增，但是自己手动每次敲就会导致代码很麻烦，且不易维护而且可能会遇到一些特殊的需求，需要携带固定参数，进行页面的多次跳转这种情况（！！！）
2022-10-03 12:45:56
2400
原创 （成功最详细版本，自定义传参失败，跳转出现空白页面，校验文件失败）微信小程序扫码跳转小程序指定页面保姆级教程
（成功最详细版本，自定义传参失败，跳转出现空白页面，校验文件失败）微信小程序扫码跳转小程序指定页面保姆级教程
2022-08-14 03:01:43
3477
8
原创 （可直接复制使用）vue2+高德地图poi搜索和高德组件，可以地图选点，经纬度，比例尺，卫星图，路网，路况等等
效果图（踩了好多坑，跟着b站一个up主写的）1.注册高德开发者平台的应用注册个人开发者以后进入控制台（按下面顺序进行）2.引入（1）首先安装高德地图的依赖洒npm i @amap/amap-jsapi-loader --save （2）复制代码<template> <div> <div class="mapSearch"> <input placehol...
2022-05-18 20:50:53
6728
74
原创 快应用框架服务，快应用预览版有什么区别
摘要：快应用框架服务是手机系统预装的底层运行引擎（类似虚拟机），负责解析和运行快应用（包括预览版与正式版），无独立界面；快应用预览版则是开发者临时生成的测试包，需依赖框架服务运行，仅用于功能调试。两者本质不同：框架服务是通用环境（厂商维护），预览版是临时应用（开发阶段使用）。开发时需注意框架服务版本兼容性，且不同厂商的框架服务不互通。一句话区分：框架服务是“发动机”，预览版是“试跑的临时车”。
2025-12-10 17:22:58
773
原创 前端覆盖率：5分钟搞懂“我的代码到底有没有用”
摘要：Chrome浏览器的覆盖率工具能直观显示前端代码的实际使用情况，绿色表示被使用的代码，红色表示未使用的部分。通过分析覆盖率，可提升网站性能（删除冗余代码）、清理废弃代码、发现未测试的潜在问题。5步快速上手：准备测试文件→打开覆盖率工具→操作页面→停止记录→查看结果。注意覆盖率并非追求100%，重点在于识别并删除确实无用的代码。该工具简单易用，适合开发者优化前端项目。
2025-10-27 19:36:42
808
原创 3 步搞定！用浏览器改接口返回值（零代码实用版）
3步用浏览器修改接口返回值： 创建空文件夹； 开启开发者工具的"本地覆盖"功能； 抓取接口保存为本地文件，修改后刷新即可生效。 无需代码，支持修改JSON/HTML/图片等数据，仅影响本地浏览器请求，可随时恢复原接口。适用于前端调试、模拟不同返回场景，提高开发效率。
2025-10-25 15:20:31
623
原创 Git cherry-pick 完全指南：精准操控提交的艺术
Git cherry-pick 是版本管理中的精准工具，能够从任意分支选择单个或多个提交应用到当前分支。与 merge/rebase 不同，它仅复制代码变更生成新提交，不影响分支历史。本文详细讲解了基础操作、批量迁移、冲突处理等核心用法，并对比了与 merge/rebase 的差异。通过典型案例分析了紧急修复、代码复用等实战场景，同时指出了重复提交、依赖缺失等风险及最佳实践。作为"战术工具"，cherry-pick 适合特定场景的代码迁移，但团队协作中仍需结合规范的分支管理流程使用。
2025-10-21 14:21:39
578
原创 前端将一个 DOM 元素滚动到视口顶部
本文介绍了4种将DOM元素滚动到视口顶部的方法：1）scrollIntoView()是最推荐的原生API，简单易用；2）window.scrollTo()需手动计算偏移量，适合精确控制；3）操作容器scrollTop适用于局部滚动容器；4）锚点链接是纯HTML实现方式。推荐使用scrollIntoView()，因其自动计算位置且支持平滑滚动，兼顾简洁性和用户体验。
2025-09-17 18:57:17
436
原创 BroadcastChannel：轻松实现前端跨页面通信
BroadcastChannel是HTML5提供的跨页面通信API，允许同一网站的不同页面通过指定频道发送和接收消息。相比传统的localStorage等方式，它更简单直接，支持双向通信和各种数据类型。使用只需三步：创建频道、发送postMessage消息、监听onmessage事件。适用于登录状态同步、消息通知等场景。需注意同源限制和IE兼容性问题，使用后应及时关闭频道释放资源。该API为多页面交互提供了高效解决方案。
2025-08-09 17:28:47
479
原创 HTML资源提示关键词
摘要 本文深入探讨了浏览器渲染阻塞问题及优化策略。首先回顾了HTML解析为DOM树和CSS解析为CSSOM的过程，指出JavaScript会阻塞DOM构建，而CSS则可能阻塞JavaScript执行和页面渲染。文章重点介绍了多种资源加载优化技术：1) defer和async属性可异步加载脚本；2) preload指令预加载关键资源；3) prefetch利用空闲时间预取未来可能用到的资源；4) DNS prefetching预先解析域名。这些技术通过合理控制资源加载顺序和时机，有效减少渲染阻塞，提升页面加载
2025-06-24 17:54:54
726
原创 npm ci对比npm install
npm ci 是一个高效可靠的依赖安装命令，适用于CI/CD和自动化部署环境。它严格按照 package-lock.json 安装依赖，删除旧的 node_modules 并全新安装，确保环境一致性。相比 npm install，npm ci 速度更快（跳过依赖解析）、更安全（冲突时报错）且禁止修改lock文件。典型应用包括自动化构建、Docker镜像部署和多团队协作。使用时需注意：必须存在lock文件、禁止修改依赖、可搭配缓存优化性能。推荐开发阶段用 npm install，CI流程强制使用 npm ci
2025-06-23 17:02:51
1254
原创 H5调试工具vconsole和Eruda对比
VConsole与Eruda作为两款主流移动端调试工具各有特点。VConsole轻量简洁（约100KB），适合基础日志和网络监控，集成简单；Eruda功能更丰富（约150KB），提供DOM调试、性能分析和插件扩展，但体积较大。VConsole适用于性能敏感场景，Eruda则更适合复杂项目调试。选择时需权衡功能需求与性能影响，也可在不同环境组合使用。
2025-06-23 15:20:37
1058
原创 html如何在一张图片上的某一个区域做到点击事件
摘要：HTML中可以通过<map>和<area>标签为图片特定区域添加点击事件，创建交互式图像地图。操作步骤包括：1)准备图片并确定区域坐标；2)使用<map>定义地图，<area>设定区域形状（矩形、圆形、多边形）、坐标和点击事件；3)示例代码展示了三种形状区域的实现方式。注意需确保图片路径正确，若图片尺寸变化需调整坐标。此方法适用于简单的区域点击交互，复杂场景可结合JavaScript和CSS扩展。
2025-06-07 18:52:11
855
原创 前端开发本地配置 HTTPS 全面详细教程
HTTPS 是一种安全的 HTTP 协议，它通过 SSL/TLS 对数据进行加密，确保数据在传输过程中不被窃取或篡改。在前端开发中，某些功能（如 Geolocation API、Web Push API 等）需要在 HTTPS 环境下才能正常使用。通过以上步骤，你可以在本地开发环境中成功配置 HTTPS，确保开发过程中的安全性。mkcert 是一个简单易用的工具，可以为本地开发生成受信任的证书。如果需要更灵活的证书生成，可以使用 OpenSSL。
2025-04-26 17:49:10
1709
原创 npm link 使用指南
npm link是一个非常有用的命令，主要用于在开发过程中将本地 npm 包链接到全局 npm 目录，从而可以在其他项目中使用这个本地包，而不需要发布到 npm 仓库。
2025-04-20 14:47:04
1014
原创 (0.1+0.2＞0.3)js浮点数问题原因及解决方法
选择方法的依据高精度计算：推荐使用第三方库（如decimal.js简单运算：可以使用整数运算或toFixed()。浮点数比较：使用。注意事项精度问题无法完全避免，需根据实际需求选择合适的方法。对于复杂场景，建议优先考虑第三方库。
2025-04-20 12:51:42
845
原创 web Clipboard 剪切板api详解（一键复制、获取剪切板等案例）
【代码】Clipboard 剪切板api详解（一键复制、获取剪切板等案例）
2025-02-09 13:50:52
368
原创 web Worker开启数量和浏览器内核的关系
Web Worker 是一种在浏览器中实现多线程处理的技术，允许在主线程之外运行 JavaScript 代码，从而避免耗时操作阻塞主线程，提高页面的响应能力和性能。
2025-02-09 12:34:42
604
原创 Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed
大概意思就是：不要将你不理解或没有自己检查过的代码粘贴到DevTools控制台。这可能允许攻击者窃取您的身份或控制您的计算机。控制台输入allowpasting，回车就好了。控制台不能粘贴代码了，报了个警告。
2025-01-18 14:23:44
4198
原创 Window：requestAnimationFrame() 方法
Window：requestAnimationFrame() 方法 - Web API | MDN
2024-12-01 21:38:49
194
原创 IOS中使用H5的input标签上传文件无法触发change事件的解决方法
原因：ios需要将input组件挂载到document上面，才会触发案例：H5拉起拍照，同时将文件转为base64输出兼容各端
2024-11-27 20:22:16
538
原创 使用 node --inspect 命令调试js文件执行
Node.js 是一个流行的 JavaScript 运行环境，它允许开发者在服务器端运行 JavaScript 代码。随着应用的复杂性增加，调试成为了开发过程中不可或缺的一部分。Node.js 提供了强大的调试工具，其中 `--inspect` 选项是探索和调试应用的关键。
2024-07-21 23:15:28
2499
原创 JavaScript 如何判断 URL 是否合法
这个基本的正则表达式涵盖了协议、域名和路径。这种方法的优点是可以根据具体情况调整正则表达式，但劣势是难以适应所有的URL，特别是对于一些不标准的URL形式，可能需要编写更复杂的正则表达式。这种方法的优点是不需要正则表达式，语法简单，而且能够准确地反映浏览器对URL的解析结果。该方法的本质是让浏览器尝试解析给定的URL，如果元素的href属性最终和输入的URL一致，那么这个URL被认为是合法的。综合方法能兼顾正则表达式的灵活性和URL对象的准确性，建立起一道较为全面的URL合法性验证机制。
2024-07-21 23:04:09
2949
原创 js条件引用
在JavaScript中，条件引用模块通常涉及到在运行时根据条件判断来决定是否加载某个模块。这在某些情况下非常有用，比如在不同环境下使用不同的模块，或者在某些特定条件下才需要某个模块的功能。
2024-07-01 16:02:40
704
原创 （详细）dataTransfer：拖拽修改鼠标样式及属性详解
在拖拽过程中，可以通过对象的dropEffect属性来改变鼠标的样式，从而给用户更直观的反馈。dropEffectnone：显示一个禁止的图标，表示不允许放置。copy：显示一个加号图标，表示将复制数据。move：显示一个四向箭头，表示将移动数据。link：显示一个链条图标，表示将创建链接。
2024-06-12 23:23:23
2715
C#直连PLC并读取PLC数据C#直连PLC并读取PLC数据C#直连PLC并读取PLC数据C#直连PLC并读取PLC数据
2023-11-29
JS-DLL-WINCC-PLC交互案例JS-DLL-WINCC-PLC交互案例JS-DLL-WINCC-PLC交互案例JS-D
2023-11-28
CCHMIRuntime.dll和CCHMITags.dllCCHMIRuntime.dll和CCHMITags.dllCCHM
2023-11-28
使用CefSharp在.Net程序中嵌入Chrome内核使用CefSharp在.Net程序中嵌入Chrome内核使用CefSha
2023-11-28
2022最新React项目实战(React后台管理系统、TypeScript+React18)
2023-05-12
Vue2，Vue3的开发者工具vue2-dev-tools.crxvue3-dev-tools.crx
2023-03-10
uniapp小程序搭建UI框架 corlorUi，uView框架，以及全局工具，自定义时间，request，预览图片，全局登陆
2022-12-12
uniapp海报内容并生成海报二维码图片（可拖拽，可调节大小）
2022-10-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人