首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端
阿七的书桌
创建于2025-02-23
订阅专栏
web前端相关文章
暂无订阅
共11篇文章
创建于2025-02-23
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端项目测试覆盖率检测
背景介绍 什么是测试覆盖率? 测试覆盖率(Test Coverage)是衡量代码被测试用例覆盖程度的指标。它帮助开发者了解: 哪些代码已被测试:确保关键功能有测试保护 哪些代码未被测试:识别测试盲点,
Windows端用Chrome调试手机网页(小米机型)
一、手机端准备(小米机型通用) 开启开发者选项 进入手机「设置」→「我的设备」→「全部参数」; 连续点击「MIUI版本」7次,直到提示“您现在处于开发者模式”。 开启USB调试+相关选项 返回「设置」
PDF.js 在 Vue 中的使用指南
四种实现方式对比 方式一:单页查看器(基础版) 方式二:多页查看器(性能优化版) 方式三:官方组件化查看器(推荐) 方式四:iframe 嵌入官方 HTML
iframe 事件无法冒泡到父窗口的解决方案
在现代 Web 应用中,iframe 被广泛用于嵌入第三方内容、文档预览、富文本编辑器等场景。然而,iframe 作为一个独立的文档上下文,其内部的事件无法直接冒泡到父窗口
利用requestIdleCallback优化Dom的更新性能
概述 requestIdleCallback 是一个浏览器 API,允许在浏览器空闲时执行非关键任务,不会阻塞主线程。这对于提升用户体验和性能非常重要,特别是在处理大量 DOM 更新时。
web worker脚本在tree-shaking场景下的正确使用
场景 某次,在开发一个npm组件包时,打算引入web worker来实现大量计算的性能优化 这个组件包的开发环境用的rollup + babel + typescript,用ts进行开发
发布订阅模式ts写法记录
进阶优化方案: 1. 异步事件支持 2. 优先级控制 3. 一次事件监听 类型安全验证机制: 参数数量校验: 参数类型校验: 事件名称校验: 该方案通过 TypeScript 的类型系统实现了: 动态
npm包本地测试
背景 开发npm包时,不可能修改一次代码,都走一遍发包流程,再在项目中重新下载,看效果 所以研究了下如何本地测试npm包 npm link 软连接 在包根目录下面执行 npm link 命令,会将当前
node版本切换“nvm”工具使用
安装 卸载任何预先存在的 Node 安装!!不然会导致node无法使用 https://github.com/coreybutler/nvm-windows/releases 如果因未卸载原node,
js位运算符
JavaScript 位运算符 运算符 名称 描述 & AND 如果两位都是 1 则设置每位为 1 | OR 如果两位之一为 1 则设置每位为 1 ^ XOR 如果两位只有一位为 1 则设置每位为 1
electron渲染进程加载本地文件
有一个场景,需要渲染进程的img标签能加载本地图片 目前了解到比较推荐的做法:electron通过protocol自定义协议,绕过Chromium安全检查,读取本地文件