- 博客(1014)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 vue3图标终极方案【npm包推荐】vue3-icon-sui（含源码详解）
为彻底实现 vue3 项目图标自由，特开发此 npm包 ，全品类图标，通通支持！按需导入任意页面中myIcon 可为任意自定义的组件名称src/main.tsiconify 图标必要传参 icon – iconify 官网图标的名称，支持翻转 flip水平翻转 “horizontal”垂直翻转 “vertical”水平垂直翻转 “horizontal vertical”在 iconify 官网搜索想要的图标https://icon-sets.iconify.design/?
2025-09-06 23:54:15
1090
原创 可无限垂直滚动的表格
* 为滚动条留出空间，确保与内容区域宽度一致 *//* 表头容器 - 固定显示，不随内容滚动 *//* 表体容器 - 只在此处显示滚动条 *//* 确保滚动条只在表体容器显示 *//* 确保没有额外的间距 *//* 表头单元格样式 *//* 内容单元格样式 *//* 表格边框设置 *//* 表格主容器 *//* 表头表格 *//* 表体表格 */
2025-09-03 10:12:36
812
原创 Fastify【实用教程】含开源范例项目
官网Fastify 是一款高性能的 Node.js Web 框架【后端开发框架】，适合有高性能需求的项目。
2025-09-03 00:40:39
1114
原创 开发组件库【详细教程】含同时支持【完整引入】和【手动导入】，核心配置文件，本地调试，依赖的安装和声明，发布组件库等
以下目录/文件是为了方便本地调试/提供使用范例。
2025-09-02 17:35:30
732
原创 前端监控【详解】含前端监控平台的架构设计和代码实现
stayTime 停留时长 = LEAVE_TIME 离开时间 - ENTER_TIME 进入时间。首屏渲染时间 （页面完全加载的时间点 - 请求页面的时间点）API请求时间 (API响应时间 - API发起时间）属性的元素需在其渲染时，添加进曝光监控中。页面开始加载时，触发 PV。此时对页面中已渲染的拥有。属性的元素添加了曝光监控。
2025-08-29 16:15:29
835
原创 浏览器【详解】页面加载过程（含页面加载时序图，页面加载性能优化方案）
fill:#333;color:#333;color:#333;fill:none;否是开始卸载旧页面卸载旧页面完毕unloadEnd不合法合法存在不存在存在不存在解析 HTML 构建 DOM 树解析 CSS 构建 CSSOM 树开始执行 window.onload 事件onload 事件执行完毕触发浏览器加载新页面newURL--对话框--是否卸载当前页?关闭对话框,取消加载新页面开始导航执行旧页面的 unload 事件newURL 是否合法?调用搜索引擎。
2025-08-21 16:00:20
890
原创 CSS【详解】性能优化
contain 有多个取值，如 layout（表示元素内部的布局变化不会影响外部）、paint（表示元素的绘制只在自身范围内，不会溢出到外部）、size（表示元素的大小不会受内部内容变化的影响）等。使用 transform 进行动画或过渡时，浏览器会将元素提升到独立的图层进行处理，并且不会触发页面的重排（布局）和重绘（绘制），只需要进行复合操作，性能更高。固定定位（fixed）或绝对定位（absolute）的元素会独立计算布局，其尺寸或位置的修改仅影响自身，不会触发父元素或兄弟元素的布局更新。
2025-08-21 15:27:35
1194
原创 浏览器【详解】sendBeacon （在页面卸载时异步、可靠地向服务器发送少量数据）
sendBeacon 是浏览器的API，用于在页面卸载时异步、可靠地向服务器发送少量数据（如统计信息、日志等），而不会阻塞页面的卸载或影响用户体验。fetch。
2025-08-18 15:13:03
224
原创 package.json【详解】
"start": "node server.js", // 启动服务"build": "webpack --mode production", // 构建项目"test": "jest" // 运行测试。
2025-08-13 14:48:24
470
原创 开发npm包【详细教程】（含发布 npm 包，版本号升级，修改包后重新发布，查询 npm 包的大小及安装体积等）
在发布时，默认为私有范围包（仅自己或授权用户可见，且需要付费），可指定为公共范围包（所有人可见可安装，免费）包名格式如下的为范围包，适合个人或企业发布的系列包，如 @vue/cli 等。新建文件 .npmignore，内容为发布时不需要打包的文件，如。以包名 frontend-monitor-sdk 为例。新建文件README.md，内容为包相关的信息。以包名 mypack-test 为例。新建文件index.js，内容为。
2025-08-12 17:26:24
1022
原创 浏览器【详解】requestIdleCallback（浏览器空闲时执行）
requestIdleCallback 是浏览器的一个 API，用于在浏览器空闲时间执行低优先级任务，避免阻塞主线程，提升页面性能和响应速度。当浏览器完成了关键任务（如渲染、布局、用户交互处理）且暂时没有更高优先级的工作时，会处于 “空闲状态”。requestIdleCallback 允许开发者利用这段空闲时间执行非紧急任务（如日志上报、数据预处理、缓存清理等），而不影响页面的流畅性。
2025-08-01 18:17:42
391
原创 浏览器【详解】自定义事件 CustomEvent
eventName：事件名称（字符串，遵循命名规范，如user-loginoptionsdetail：任意类型数据【只读】，作为事件的附加信息（最常用），要想修改，只能重新创建事件bubbles：布尔值，是否冒泡（默认falsecancelable：布尔值，是否可被取消（默认false// 监听 document 上的自定义事件console.log('用户登录了！// 访问自定义数据});// 监听特定元素的事件。
2025-08-01 16:08:59
233
原创 浏览器【详解】内置Observer（共五种，用于前端监控、图片懒加载、无限滚动、响应式布局、生成安全报告等）
监听DOM 元素的变化（如节点增删、属性修改、文本内容变化等）可用于延迟批量处理变化（避免频繁触发回调），提升性能。${
2025-08-01 15:02:21
407
原创 JSSDK【详解】含实战范例
JSSDK（JavaScript Software Development Kit）即用 JS 开发的 SDK（软件开发工具包），运行在浏览器或其他前端环境（如 node），通过封装复杂的 API 调用、身份验证、交互逻辑等，让开发者可以通过简单的接口调用实现丰富的功能。如微信的 JSSDK 提供 wx.shareTimeline() 方法，直接实现分享到朋友圈，无需手动处理签名和权限等复杂逻辑。再如高德地图的 SDK，将底层与地图引擎的交互的复杂逻辑都封装成函数、类或模块，对外提供接口直接调用即可。
2025-07-31 15:48:47
756
原创 Electron 作品【AI聊天】桌面应用 —— 系列教程（含开源地址）
https://gitee.com/sunshine39/electron-vue3-AIchat
2025-07-31 10:07:53
285
原创 Nuxt3 全栈作品【通用信息管理系统】全局登录状态校验（路由跳转时）
fill:#333;color:#333;color:#333;fill:none;是否是否是否是否路由跳转登录/注册?执行跳转token存在?已登录?跳转到登录页获取当前登录用户信息获取成功?
2025-07-29 11:12:54
859
原创 Nuxt3 全栈作品【通用信息管理系统】首页（含默认布局，伸缩菜单，路径动画，全屏切换，带快捷菜单的页签，退出登录等）
【代码】Nuxt3 全栈作品【通用信息管理系统】首页（含默认布局，伸缩菜单，路径动画，全屏切换，带快捷菜单的页签，退出登录等）
2025-07-29 09:52:46
579
原创 Nuxt3 全栈作品【通用信息管理系统】菜单
从接口中获取到全量菜单数据后，会自动计算出拥有权限的菜单 menu_list_hasPermission。用于获取全量菜单列表。
2025-07-28 11:37:46
272
原创 Nuxt3 全栈作品【通用信息管理系统】登录页
页面加载时，从 localStorage 中获取本地存储的账号列表。登录成功后，根据是否勾选记住账号，更新本地存储的账号列表。从账号列表下拉选择本地存储的账号后，自动勾选记住账号。用于生成 token。
2025-07-28 11:12:20
455
原创 Nuxt3 全栈作品【通用信息管理系统】注册页
/ 自定义表单校验 -- 两次密码输入是否一致callback(new Error("请再次输入密码"));callback(new Error("两次密码不一样"));:rules="[{ required: true, message: '请再次输入密码', trigger: 'blur' },]"<el-inputclearableplaceholder="请再次输入密码"
2025-07-28 10:21:37
172
dragVerifyImgChip.vue
2020-06-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人