- 博客(36)
- 收藏
- 关注
RSS订阅
原创 TypeScript是现代前端开发的必然选择
TypeScript是JavaScript的超集，通过添加静态类型系统显著提升开发体验。它不仅支持最新ES特性并编译为兼容代码，还提供智能提示、重构工具等功能，使类型成为"活的文档"。其核心优势在于：1. 编译时捕获类型错误，避免运行时崩溃；2. 通过智能补全和精准提示降低维护成本；3. 完善支持面向对象特性，便于构建复杂架构。TypeScript支持渐进式迁移，现有JS项目可逐步添加类型，且主流库均提供类型定义。在React等框架中，TS能确保组件props的类型安全，显著提升代码可靠
2025-11-26 10:29:54
798
原创 使用 qiankun 微前端框架的心得与实践
摘要：qiankun是蚂蚁金服开发的微前端框架，基于single-spa实现，支持多技术栈（React/Vue等）独立开发与集成。本文分享实际使用经验：主应用通过registerMicroApps注册子应用并启动，子应用需配置生命周期钩子和webpack输出格式。关键点包括样式隔离（ShadowDOM或前缀隔离）、基于initGlobalState的通信机制，以及路由处理技巧。常见问题如静态资源路径、脚本冲突等可通过相对路径和全局状态清理解决。qiankun简化了微前端落地，适合渐进式迁移和多团队协作场景，
2025-11-25 15:02:17
1072
原创 【实战干货】别再重复造轮子！OA系统富文本编辑器终极挑选指南（TinyMCE vs wangEditor深度对比）
【富文本编辑器选型指南】企业级开发中，TinyMCE和wangEditor是主流选择。TinyMCE安全性高，适合金融、政务等场景，但体积较大（450KB）；wangEditor轻量（80KB），中文友好，更易快速集成。关键差异：TinyMCE需配置防XSS，wangEditor内置安全机制；TinyMCE适合复杂功能，wangEditor对包体积敏感项目更优。建议：安全要求高选TinyMCE，追求性能和快速上线用wangEditor。无论选哪种，都要避免直接使用v-html，做好内容过滤和格式统一。
2025-09-17 11:33:56
1069
原创 前端Vue表单组件封装与Mixins使用的深度分析
表单组件封装和mixins都是Vue中提高代码复用性的有效手段，但各有优缺点。在实际项目中，应该：根据项目规模和需求决定表单组件的封装程度合理使用mixins，但注意其潜在问题在Vue 3项目中优先考虑Composition API无论采用哪种方式，都要注重代码的可维护性和可扩展性为复用的代码提供完善的文档和示例通过合理的设计和实践，可以构建出既灵活又可维护的表单解决方案，提高开发效率和代码质量。
2025-09-17 10:48:00
1050
原创 VUE父子组件传参中的触发时机问题：异步场景下的解决方案
摘要：Vue父子组件传参时，子组件初始化获取不到props值的常见问题源于对生命周期时序的理解偏差。文章指出正确的挂载顺序是"先子后父"，并解析了数据传递的三个阶段：初始渲染、props更新和数据就绪。提供了三种解决方案：1) 使用watch监听props变化；2) 条件渲染控制子组件显示；3) Promise封装异步数据。强调理解生命周期时序与异步数据流的关系，根据业务场景选择合适的方案，并做好错误处理，以构建更健壮的Vue应用。
2026-01-19 14:29:42
480
原创 React 环境搭建 + 完整 Demo 教程
自己动手敲一遍代码，理解每个组件的作用，然后尝试添加新功能（如筛选、搜索、标签等）。方式2：使用 Create React App（传统，稳定）2.3 TodoForm.tsx - 添加待办表单。CodeSandbox- 在线 React 环境。StackBlitz- 浏览器中运行 Vite。步骤3：主组件 App.tsx。祝你React学习顺利！步骤1：安装必要依赖。
2025-12-24 16:07:15
362
原创 Vue 2迁移Vue 3实战：从痛点到突破
本文详细分析了Vue2到Vue3迁移的核心挑战与解决方案。重点包括：1）OptionsAPI到CompositionAPI的思维转变；2）响应式系统重构带来的兼容性问题；3）全局API、事件系统等破坏性变更；4）第三方库适配问题。文章提供了渐进式迁移策略，建议从工具函数开始逐步推进，并强调了测试覆盖的重要性。Vue3的性能优势和新特性使迁移具有长期价值，但需要系统规划和团队技能升级。
2025-12-19 13:56:05
1179
原创 可视化大屏响应式设计-适配各种机型大屏等
摘要：针对前端开发中大屏响应式适配难题，推荐放弃传统rem方案，采用更高效的CSS3 scale缩放方案。基准尺寸设为1920px*1080px，支持等比填充，非等比屏幕自动居中留白。重点推荐两款实用工具：1) v-scale-screen，通过Vue组件快速实现缩放适配；2) autofit.js，简单配置即可自动适配。两者都能避免全局rem/vw/vh的复杂设置，大幅减少学习成本。另有postcss-px-to-vwvh插件可供选择，实现PX到vw/vh的自动转换。这些方案能有效解决大屏显示异常问题。
2025-11-26 11:01:45
411
原创 前端性能优化利器：深入理解Tree Shaking技术
TreeShaking是一种通过静态分析移除JavaScript中未引用代码的优化技术。它基于ES6模块的静态结构特性，借助打包工具（如Webpack、Rollup）识别并删除无用代码。实现要点包括：使用ES6模块语法、正确配置打包工具、处理副作用文件。最佳实践建议按需引入第三方库，选择支持TreeShaking的库版本，并定期使用分析工具检查打包效果。虽然存在动态导入识别等局限性，但合理应用可显著减小打包体积，提升应用性能。
2025-11-25 14:30:29
521
原创 npm 最新镜像，命令导致下载错误
app 不存在该npm命令，应改为npm install -g create-react-app或者>npx @umijs/create-umi-app等符合规范的命令；例子：npm config set registry http://registry.npmjs.org 或者 nrm use npm。查看是否设置成功：npm config get regist。2.设置下载源：（最好使用npm源或者淘宝源）
2025-09-30 09:51:30
263
原创 456章重生之外包码农：在海工IT巨轮上“修 Bug”成神
【数字深渊的觉醒】外包程序员在优化系统时意外发现隐蔽数据窥探痕迹，追寻异常IP触及权限壁垒。甲方老师傅以"深海暗流"作喻警告他停止调查，暗示数据背后涉及不为人知的"道途"。程序员表面服从却暗自探索，在深夜编码时进入玄妙状态，竟感应到数据流动的"灵性"，顿悟现代系统底层可能暗藏古老法则。他开始怀疑，那些异常访问或许在追寻代码修仙的终极奥秘，而自己重生后或许触碰到了这个世界的"版本答案"。
2025-09-17 15:05:14
436
2
原创 开发中如何避免性能瓶颈？Vue-Table与Element UI El-Table的优缺点完全解读”
本文对比分析了Vue-Table和ElementUI的El-Table两个表格组件的特性差异。Vue-Table作为轻量级组件，体积小、性能优，适合简单场景和高度定制需求；而El-Table作为企业级组件，功能丰富但体积较大，适合复杂业务需求。从功能、性能、API设计等方面详细对比后，建议：轻量应用选Vue-Table，企业级项目选El-Table，并提供了迁移建议和完整代码示例。文章最后呼吁读者互动支持，为作者提供创作动力。
2025-09-17 10:59:29
560
原创 [ 码农翻身开篇大作！！！ ]重生之外包码农：在海工IT巨轮上“修 Bug”成神
摘要：程序员肖小康重生回到2025年，成为海油工程外包开发人员。他每天与各种数字化系统、审批流程周旋，在修复bug和二次开发中逐渐找到价值感。当他适应这种"螺丝钉"生活时，却意外发现系统存在可疑异常，这触发了他前世的危险记忆。在庞大而稳固的企业数字化体系中，一个隐藏的谜团正等待揭开。
2025-09-17 10:41:55
917
5
原创 利用缓存策略避免接口请求时间过长，缓存策略全解，学缓存策略直接看这篇就够了
考虑在请求时使用更细致的缓存策略，例如按照日期、条件或请求频率缓存数据，以确保只有需要的数据被缓存。选择合适的缓存策略需要考虑多个因素，包括数据获取速率、数据的更新频率、网络状况和用户体验等。通过以上改进方案，您可以根据实际需求选择合适的缓存机制欢迎友友们讨论！！！！！！！！！！！
2025-01-03 17:36:59
546
原创 数组去重的方法--常见
4. 传统去重: 循环 + indexOf + lastIndexOf。1 ) Array.from + Set 去重。3.传统去重: 循环 + indexOf。2. Set + rest参数 去重。简单记录一下 去重的几种干事。
2024-06-20 13:17:02
218
原创 VUE 子父传参触发生命周期 全篇
父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted->父beforeUpdate->子beforeUpdate->子updated->父updated->父beforeDestroy->子beforeDestroy->子destroyed->父destroyed。钩子函数会在数据重新渲染之前运行，可以用来在组件更新前执行一些操作。
2024-06-20 09:17:38
418
原创 uniapp头像闪屏不要怕，这篇全解
我这里看到是图片闪屏，以为是图片过大，然后想着压缩图片，这样请求速度就快了，一看是base64格式的后端加密过的，虽然接口还是慢，没办法想想办法怎么解决喽~~就很简单把onShow改成Onload就行了，这篇写得不多，因为我下班了哈哈哈哈，欢迎讨论，有兴趣的可以去uniapp 查一查，去深入了解一下。1.带app项目的时候，去修改组内的代码，头像有闪屏现象，一时没有定位到问题，看了很多转载，最后定位于声明周期的触发，真坑。1.建议先去定位问题，闪屏有很多种，切换页面闪屏，接口超时闪屏，子父传参等等。
2024-06-19 17:42:09
1147
原创 表单控件内输入框的增删改查 vue3 + elementUI
2. 筛选并匹配队形数据，因为是多规则匹配，我这里使用了正则，正则去获取想要的数据，每次变化时去调用一次 这个函数，即可筛选得到自己需要的数据。1. 插入根据光标事件 插入对应位置。
2024-06-19 17:25:11
466
原创 mysql 连接不上，start the server错误，服务启动停止，怎么都连不上。
综合建议 清除后下载最新版本的mysql，我找了很久的攻略经常出问题，去下了最新版的就好了，之前的bug也没了，也不用再去解决安装不上的问题了，欢迎讨论。2.恭喜你已经卸载完毕 开始安装，之前一直用的本地存的安装包 ，建议去官网找了最新的mysql 8.4 安装。1.卸载安装mysql的server ，默认安装路径 C:\Program Files\MySQL。2.卸载安装mysql的data 默认安装路径 C:\ProgramData\MySQL。6.直接全部回车 直到welcome。
2024-06-19 17:17:10
694
原创 前端nginx部署-真的不是那么难
本文介绍了Nginx服务器的配置与使用指南。首先从官网下载稳定版本（如nginx-1.12.2），通过修改nginx.conf文件配置server模块，设置监听端口、服务器名称及文件路径映射。配置完成后，将前端项目打包放入指定目录即可访问。文章提供了常用Nginx命令（启动、关闭、重载等）和日志查看方法（access.log和error.log）。最后建议深入学习Nginx内置变量，如$remote_addr、$request等，这些变量在日志分析和请求处理中非常有用。
2024-05-30 11:21:56
500
2
原创 uniapp-拖拉拽功能-app不要用Sortable 表示真用不了-不懂就问？为啥用不了啊，真服了，都写完了，不提前说！！！
uniapp 拖拉拽 app大坑
2024-05-30 10:42:16
954
原创 uniapp 地图 app 模拟器一片黑不要担心！！快来看看是为啥
配置文件 自己配 web还app manifest.json源码里的高德地图amap。
2023-11-20 23:45:00
1776
1
原创 uniapp二次封装u-popup弹出框 简单传递父子事件 ref调用子组件方法
uniapp二次封装u-popup弹出框 简单传递父子事件 ref调用子组件方法
2022-11-16 14:44:53
4211
原创 uni-app的输入框input使用text-indent无用 且高度居中显示
uni-app的输入框input使用text-indent无用 且input高度居左上显示
2022-11-10 17:21:14
1923
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人