- 博客(238)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Web 浏览器通知：前台 / 后台 / 离线全场景实现 + 兼容避坑指南
你有没有遇到这种场景：后台挂着业务、客服系统，切换标签页、最小化浏览器，就收不到消息提醒？紧急工单、订单、告警全部错过......
2026-07-13 09:30:00
374
原创 锐评优快云最近上线的AI数字营销：烂完之前最后再捞一笔
优快云于2026 年5月更新了一个重点功能， AI 数字营销，直接放在了创作中心第一栏，售价19999……
2026-06-07 21:26:53
619
原创 Trae使用Pencil制作设计图以及迁移Figma设计稿的手把手教程
本文将使用详细图片+文字步骤的方式，手把手教你如何在Trae cn里使用Pencil，诞生出你想要的完美设计稿。
2026-05-20 08:30:00
764
原创 前端视频媒体带声音自动播放方案最佳实践和教程
在前端开发过程中，经常会碰到这样的需求，自动播放视频，要求默认带声音。在浏览器环境下，默认静音的自动播放可以正常执行,但是带声音的自动播放则不行了......
2026-04-14 08:30:00
792
原创 Flutter使用pretty_qr_code生成高颜值二维码
最近在项目里需要实现自定义样式、带Logo、渐变色的高颜值二维码功能，对比多款插件后，pretty_qr_code凭借丰富的定制能力、简洁API和多平台适配性脱颖而出......
2026-03-16 09:00:00
444
原创 Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
最近在项目里做了截屏和长图分享功能，结合自己的使用经历，写一个教程和总结。本文基于screenshot插件编写，包含完整的截屏和长图分享及保存案例和原理解读等等......
2026-03-09 09:30:00
1106
原创 移动端H5项目，还需要react-fastclick解决300ms点击延迟吗？
今天整理旧项目的时候发现，在之前开发React移动端项目时，总会习惯性引入react-fastclick来处理点击延迟问题。但这次的项目是React18搭配Vite5的技术栈，突然产生了一个疑问...
2026-02-09 09:00:00
778
原创 Flutter下拉刷新上拉加载侧拉刷新插件：easy_refresh全面使用指南
EasyRefresh是Flutter生态中功能强大的下拉刷新与上拉加载插件，相比原生RefreshIndicator支持更多样式和自定义功能。通过EasyRefresh组件包裹滚动视图，配置onRefresh/onLoad回调实现数据刷新加载。提供Classic、BallPulse、Material等多种内置样式，并可通过EasyRefreshController手动控制刷新状态。典型使用场景包括列表页面的数据刷新与分页加载，支持自定义动画效果和多状态管理，是Flutter应用开发中处理刷新加载的高效解决
2025-12-29 08:30:00
781
原创 前端大数字精度解决：big.js的教程和原理解析
JavaScript 浮点数精度问题在金融计算等领域容易引发错误，big.js 通过字符串解析和手工计算模拟提供了高精度解决方案。该库采用不可变设计，支持配置精度和舍入模式，核心原理是将数字转为系数数组存储，避免二进制浮点误差。big.js 通过模拟手工计算过程（如对齐小数点、逐位运算）实现精确的加减乘除，并提供多种舍入模式控制，有效解决了 0.1+0.2≠0.3 等精度问题，成为前端高精度计算的优选方案。
2025-12-22 08:30:00
1013
原创 前端项目package.json与package-lock.json的深度解析
本文深入解析了前端项目中package.json和package-lock.json的核心作用与协作关系。package.json作为项目配置文件，负责定义项目元信息、依赖声明和脚本指令；package-lock.json则锁定具体依赖版本，确保依赖树一致性和安装效率......
2025-12-15 08:30:00
1030
原创 前端视频插件DPlayer属性+跨框架实践+API全方位指南
DPlayer是一款轻量高效的HTML5弹幕视频播放器，支持多种视频格式、弹幕交互、清晰度切换等核心功能。本文详细介绍了DPlayer的安装方式、基础初始化方法、核心配置属性（包括视频、字幕、弹幕子属性）以及完整API参考。通过丰富的配置选项和API接口，开发者可以轻松实现视频播放功能，并支持在Vue、React等主流框架中集成。DPlayer以其轻量级、功能全面和良好的扩展性，成为前端视频播放开发的优选解决方案。
2025-12-08 08:30:00
2150
原创 深度解析前端input标签：从默认样式覆盖到浏览器自动填充和兼容以及文本域
HTML表单中的<input>标签是核心交互元素，支持多种输入类型（如文本、密码、单选、文件上传等），通过type属性定义不同功能。其核心属性包括数据标识（name/id）、状态控制（disabled/readonly）、验证限制（pattern/maxlength）和交互优化（autofocus/autocomplete）。浏览器默认样式存在兼容性问题，可通过CSS重置实现统一外观，特别是对单选/复选框需要特殊样式覆盖处理。自动填充功能基于name属性和表单上下文触发，可通过autocompl
2025-12-03 08:30:00
1382
原创 前端组件二次封装实战：Vue+React基于Element UI/AntD的高效封装策略
本文探讨了Element UI和Ant Design组件库的二次封装策略，提出了组件封装的四大适用场景（重复代码、统一规则、功能扩展、复杂逻辑），并阐述了封装的核心目标......
2025-12-02 08:30:00
1870
原创 TypeScript高级类型技巧语法解析+案例
TypeScript高级类型技巧解析：类型守卫与类型断言 本文重点介绍了TypeScript中两种关键的高级类型技巧。类型守卫通过运行时类型判断（typeof、instanceof、自定义函数、字面量）缩小变量类型范围，确保类型安全操作，适用于处理unknown类型和联合类型分支。类型断言则允许开发者明确指定变量类型（使用as语法），适用于编译器无法推断但开发者确定类型的场景，如DOM元素操作。这些技巧能有效提升代码类型安全性，解决复杂场景下的类型处理问题，是TypeScript进阶开发的必备技能。
2025-12-01 08:30:00
1161
原创 TypeScript内置工具方法的语法解析+案例
本文深入解析TypeScript内置工具类型的核心用法，帮助开发者提升类型定义效率。主要内容包括：1）ReturnType<T>提取函数返回值类型，支持普通函数、async函数和泛型函数；2）Parameters<T>和ConstructorParameters<T>分别提取函数和构造函数的参数元组；3）InstanceType<T>获取类实例类型；4）ThisParameterType<T>和OmitThisParameter<T>处
2025-11-26 08:30:00
948
原创 TypeScript特殊类型的语法解析+案例
TypeScript提供了多种特殊类型增强类型系统的灵活性。void表示无返回值的函数；any完全禁用类型检查，应谨慎使用；unknown要求类型确认后才能操作，比any更安全；never用于永不返回的函数或联合类型穷尽检查。联合类型（|）允许变量为多种类型之一，但只能访问共有属性。合理运用这些类型能提升代码的安全性和可维护性，其中应优先使用unknown替代any，并利用never实现完备的类型检查。
2025-11-25 08:30:00
881
原创 CSS渐变色边框的两种实现方案原理+对比与实战
本文详解两种实现渐变色边框的CSS方案：1）伪元素+mask实现，通过遮罩特性控制边框显示区域，灵活支持圆角和动效，适合现代浏览器；2）双层背景+background-clip实现，利用背景图层叠加特性，代码简洁且兼容性更好（支持IE9+）。方案一适合需要复杂边框效果的场景，方案二更适合兼容性要求高的项目。两种方法均支持边框厚度调整和动态颜色变化。
2025-11-24 08:30:00
1584
原创 HTML的Video从基础使用到高级实战+兼容的完全指南
本文全面介绍了HTML5 video标签的核心技术与应用方法： 基础用法：原生支持跨平台视频播放，通过src、controls等属性控制播放行为......
2025-11-19 09:56:20
1388
原创 H5开发避坑！解决Safari浏览器的video会覆盖z-index:1的绝对定位元素
H5开发中Chrome与Safari浏览器对视频元素的层级处理存在差异，导致绝对定位图标在Safari中被video元素覆盖。根本原因是Safari对video采用特殊渲染层，默认优先级高于普通DOM元素......
2025-11-18 09:56:52
857
原创 flutter睡眠与冥想数据可视化神器：sleep_stage_chart插件全解析
Flutter插件sleep_stage_chart是一款专为健康类App设计的可视化工具，支持睡眠阶段分析和冥想时长统计。该插件具有以下特点......
2025-11-17 08:30:00
1144
原创 Flutter框架GetX从入门到精通第十篇：电商App项目实战（下）
Flutter框架GetX从入门到精通第十篇：电商App项目实战。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-11-14 08:30:00
90
原创 Flutter框架GetX从入门到精通第十篇：电商App项目实战（中）
Flutter框架GetX从入门到精通第十篇：电商App项目实战。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-11-13 08:30:00
102
原创 Flutter框架GetX从入门到精通第十篇：电商App项目实战（上）
Flutter框架GetX从入门到精通第十篇：电商App项目实战。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-11-12 08:30:00
110
原创 flutter图片选择库multi_image_picker_plus和image_picker的对比和使用解析
本文对比Flutter开发中两款常用图片选择组件。image_picker是官方维护的轻量级组件，支持单/多选图和拍照，API简洁易用。multi_image_picker_plus是第三方多图选择组件，提供更丰富的交互和图片处理能力......
2025-11-11 08:30:00
1175
原创 Flutter框架GetX从入门到精通第九篇：性能优化与常见问题
Flutter框架GetX从入门到精通第九篇：性能优化与常见问题。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-11-10 08:30:00
133
原创 Flutter框架GetX从入门到精通第八篇：项目架构与最佳实践
Flutter框架GetX从入门到精通第八篇：项目架构与最佳实践。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-11-05 08:30:00
113
原创 解锁flutter弹窗新姿势：dialog-flutter_smart_dialog插件解读+案例
Flutter插件flutter_smart_dialog优化了原生弹窗交互体验，具备三大核心功能：Toast提示、Loading加载和自定义弹窗，通过初始化配置即可快速集成，支持toastBuilder、loadingBuilder等参数定制样式，显著提升开发效率与用户体验，特别适用于需要频繁弹窗交互的移动应用场景。
2025-11-04 08:30:00
947
原创 Flutter框架GetX从入门到精通第七篇：动态主题切换(暗黑模式)
Flutter框架GetX从入门到精通第七篇：动态主题切换(暗黑模式)。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-11-03 08:30:00
93
原创 Flutter框架GetX从入门到精通第六篇：国际化与多语言支持
Flutter框架GetX从入门到精通第五篇：国际化与多语言支持。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-10-29 08:30:00
105
原创 react-konva实战指南：Canvas高性能+易维护的组件化图形开发实现教程
本文介绍了React-Konva这一结合Konva.js图形库与React声明式编程的解决方案。文章从核心优势切入，包括声明式API、React生态兼容性、高性能渲染和完善事件系统......
2025-10-28 08:30:00
1249
原创 Flutter框架GetX从入门到精通第五篇：依赖注入与服务定位(DI)
Flutter框架GetX从入门到精通第五篇：依赖注入与服务定位(DI)。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-10-27 08:30:00
103
原创 Flutter框架GetX从入门到精通第四篇：深入GetxController与生命周期
Flutter框架GetX从入门到精通第四篇：深入GetxController与生命周期。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-10-22 08:30:00
177
原创 Flutter自定义日历table_calendar完全指南+案例
Flutter日历组件table_calendar使用指南 table_calendar是Flutter生态中功能强大的日历组件，支持多种视图切换、事件标记和日期范围选择。文章从基础配置开始，介绍了组件的安装方法和最简实现，详细解析了核心属性功能，包括基础属性、视图控制、范围选择、事件标记和样式定制等。重点说明如何通过属性配置实现日期单选、范围选择、事件标记显示等功能，并提供了完整的代码示例。该组件高度可定制化，适合日程管理、预约系统等多种场景，开发者可根据实际需求灵活调整日历的显示样式和交互行为。
2025-10-21 09:36:47
1394
原创 Flutter框架GetX从入门到精通第三篇：响应式状态管理(Obx)
Flutter框架GetX从入门到精通第三篇：响应式状态管理(Obx)。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-10-20 08:30:00
192
原创 Flutter输入框TextField的属性与实战用法全面解析+示例
本文全面介绍了Flutter中TextField和TextFormField的核心功能与使用方法。文章通过分类归纳和代码示例，帮助开发者快速掌握Flutter输入框的各种功能特性......
2025-10-17 00:07:16
1257
原创 今天你就是VS Code之神！15个隐藏技巧让代码效率翻倍
VSCode高效使用指南：15个实用技巧提升开发效率 本文总结了15个VSCode实用技巧，帮助开发者提升编码效率......
2025-10-16 09:00:00
2284
原创 React瀑布流Masonry-Layout插件全方位指南：从基础到进阶实践
本文介绍了React瀑布流布局库react-masonry-layout的核心特点和使用方法。该库将经典masonry库封装为React组件，支持JSX语法和Props配置，自动处理DOM操作和生命周期同步，实现视觉吸引力强、空间利用率高的瀑布流效果。文章包含基础安装、最小化示例和进阶动态数据用法，重点讲解了配置项options、图片加载处理、动态添加/删除元素等关键功能，并提供了响应式布局的解决方案。
2025-10-15 09:00:00
1876
原创 Flutter框架GetX从入门到精通第二篇：路由管理-告别繁琐的Navigator
Flutter框架GetX从入门到精通第二篇：告别繁琐的Navigator。本系列将带你从零开始，一步步掌握 GetX 框架的核心功能与实战技巧。
2025-10-15 09:00:00
170
原创 MD编辑器markdown-it从基础使用到插件开发全方位指南+实战案例
本文介绍了Markdown解析器markdown-it的核心特性、基础使用方法和插件生态。markdown-it是一款高性能、可扩展的JavaScript解析器，兼容CommonMark标准，支持语法扩展和自定义渲染。文章对比了主流解析器，详细说明了安装配置方法，并提供了Node.js和浏览器的使用示例。最后推荐了常用插件，展示其丰富的扩展能力，帮助开发者高效处理Markdown内容。
2025-10-14 09:00:00
2763
原创 轻量+响应式！React瀑布流插件react-masonry-css的详细教程和案例
react-masonry-css是一个基于 CSS Grid 和 Flexbox 实现的 React 瀑布流组件，它不依赖 jQuery 或其他重型库，核心优势在于......
2025-10-13 09:00:00
1144
js前端浏览器打开本地exe程序的demo
2020-10-16
前端层级拖拽文件夹组件（Vue3+elementPlus的Tree组件实现）
2024-01-05
js前端Web Woeker和Shared Worker使用案例demo
2023-11-02
js前端jsPlumb插件使用案例demo（流程图效果）
2019-10-20
js前端实现的组合快捷键demo（类似QQ截图快捷键等）
2020-09-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人