- 博客(18)
- 收藏
- 关注
RSS订阅原创 前端promise的原理以及使用
Promise 是 JavaScript 中用于处理异步操作的对象，代表一个异步操作的最终结果（成功或失败）。它有三种状态：1. Pending（进行中）：初始状态，既未完成也未失败。2. Fulfilled（已完成）：操作成功完成。3. Rejected（已失败）：操作失败。Promise 的状态一旦改变，就不可逆，且只能从 Pending 变为 Fulfilled 或 Rejected。
2025-02-20 09:49:42
672
原创 前端零宽字符，不可见的特殊字符，安全问题很大
使用 [Zero-Width Character Detector](https://chrome.google.com/webstore/detail/zero-width-character-detec/ojppmkgpljfmhnfaeplldlajjhgehomb) 高亮显示页面中的零宽字符。const hiddenText = "可见内容" + userId.split('').map(c => `\u200B${c}`).join('');// 用户看到"可见内容"，实际包含隐藏信息。
2025-02-19 10:14:55
338
原创 前端console的基本用法
与 `console.log()` 类似，通常用于输出信息性消息。`console` 支持类似 `printf` 的格式化输出。以 XML/HTML 树的形式输出 DOM 元素。如果断言为 `false`，则输出错误信息。可以使用 `%c` 来添加 CSS 样式。输出警告信息，通常以黄色背景显示。输出错误信息，通常以红色背景显示。输出调试信息，通常用于开发环境中。最常用的方法，用于输出普通信息。以对象树的形式输出对象的属性。用于计时，输出代码执行时间。以表格形式输出数组或对象。输出计时器的当前值。
2025-02-18 09:29:29
226
原创 很多人不知道的css选择器
nth-child(n)：选择父元素的第n个子元素。:nth-of-type(n)：选择父元素的第n个特定类型的子元素。/* 选择第3个子元素 */color: red;/* 选择第2个段落元素 */
2025-02-17 10:03:01
638
原创 在Vue中实现拖拽排序，有这些方案
<ul><li</li></ul>data() {return {items: [],},methods: {},},},},ul {padding: 0;li {
2025-02-16 10:09:03
541
原创 使用中文输入法时，输入框会在用户输入拼音但未选择最终汉字时触发 `input` 事件，解决方案
在前端开发中，使用中文输入法时，输入框会在用户输入拼音但未选择最终汉字时触发 `input` 事件，这可能导致高频事件触发。
2025-02-13 09:37:57
442
原创 微前端 qiankun 详细介绍及在vue上的使用指南
微前端是一种将大型前端应用拆分为多个独立模块的架构模式，每个模块可由不同团队独立开发、部署和维护。qiankun 是基于 single-spa 的微前端框架，旨在简化微前端的实现。
2025-02-12 09:41:18
536
原创 教你前端如何给文字添加拼音标注，包含声调展示及多音字处理
1. 使用 [pinyin-pro](https://github.com/zh-lx/pinyin-pro) 库特点：支持多音字、声调、轻量级。// 获取带声调的拼音const pinyinText = pinyin('汉语拼音', { toneType: 'symbol' });// 输出: hàn yǔ pīn yīn// 生成带拼音标注的 HTML2. 使用 [pinyin](https://github.com/hotoo/pinyin) 库。
2025-02-11 09:38:01
521
原创 教你如何在开发工具VScode上安装使用deepSeek，实现自动写代码
在当今快速发展的编程世界中，Visual Studio Code（VSCode）作为一款广受欢迎的代码编辑器，其强大的插件生态系统为开发者提供了无限的可能性。在众多插件中，Roo Code 脱颖而出，成为一款不可或缺的 AI 编程助手。Roo Code 不仅功能全面，而且具有极高的定制灵活性，极大地提升了开发者的工作效率和编程体验。
2025-02-10 09:49:07
1467
原创 toFixed的结果可能会“欺骗”人，用该方法不一定四舍五入
toFixed()` 是 JavaScript 中用于将数字转换为字符串并保留指定小数位数的方法。例如，`1.005` 实际存储为 `1.0049999999999998934`，导致四舍五入错误。`toFixed()` 会将数字四舍五入到指定的小数位数，并返回一个字符串。`digits`：指定小数位数，范围在 0 到 20 之间（包括 0 和 20）。// "123.4610"（price为字符串，即为字符串拼接！// "1.00"（预期是 "1.01"）// "1.35"（预期是 "1.36"）
2025-02-08 10:38:08
355
原创 node的模块查找策略
在查找文件模块时，Node.js 会自动尝试添加 `.js`、`.json`、`.node` 等扩展名。例如，如果你调用 `require('./module')`，Node.js 会依次尝试加载 `./module.js`、`./module.json` 和 `./module.node`。如果没有 `package.json` 或 `main` 字段，Node.js 会尝试加载该目录下的 `index.js` 文件。1. 如果路径指向一个文件，Node.js 会直接加载该文件。
2025-02-07 10:34:29
371
原创 npm对等依赖报错（peer dependencies）原因以及如何解决
前端项目中有时候出现对等依赖（peer dependencies）报错，通常是因为npm或yarn在安装某个依赖包时，发现你的项目直接或间接依赖的某些包需要特定版本的其他包作为其依赖，但这些依赖并未明确列在项目的`package.json`文件中，或者与项目中已有的依赖版本不兼容。这样安装有个问题，在之后安装其他包的时候还是需要加上这个后缀，所以可以先在package.json文件中将要安装的依赖加上，然后删除node-modules和package-lock.json文件，重新npm install。
2025-02-06 10:12:41
548
原创 新加插件功能：免视频广告、加速视频、跳片尾功能
提供视频内一次快进5秒和15秒的功能，视频内广告也可以快速跳过，因为某些视频网站设置了播放阈值，导致快进失效，所以提供了一个实验功能-跳片尾，当为短视频（广告）时，只需要在需要跳过的视频播放时点击即可直接跳过视频，当为长视频时，点击会跳到片尾继续播放，不直接跳过是为了防止用户误点了。目前主流视频网站因为广告有很多段，相当于多个视频，中间会有时间空隙，使用快进，100秒视频广告7、8秒就可以加速完成，而跳片尾，则根据视频段数而定，一般比加速快两三秒，广告段数越多越慢，但速度依旧很行。
2024-09-11 22:30:38
453
原创 自制浏览器插件，拥有插件后台，能设置解除复制限制、视频广告加速、自定义标签、拦截请求、拦截页面元素（广告）、模拟请求（可循环、嵌套请求）、定时清除缓存、桌面弹窗提醒、鼠标特效、网页收藏等14大功能
自制浏览器插件，拥有插件后台，能设置解除复制限制、自定义标签、拦截请求、拦截页面元素（广告）、模拟请求（可循环、嵌套请求）、定时清除缓存、桌面弹窗提醒、改变鼠标样式及设置特效、网页收藏等14大功能
2024-08-31 20:20:56
916
2
浏览器插件-易web工具箱（模拟请求、图片抓取、视频跳广告、自定义标签、拦截请求、修改响应体、鼠标特效、弹窗提醒等）
2024-08-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人