- 博客(13)
- 收藏
- 关注
RSS订阅原创 React与Vue终极对决
React与Vue对比：两者均采用虚拟DOM和组件化开发，拥有活跃生态。但React采用单向数据流、JSX语法，学习曲线陡峭但灵活性强；Vue提供双向绑定、模板语法，更易上手但灵活性稍逊。React弥补了Vue在大型项目的可维护性、JSX灵活性、生态自由度和不可变数据方面的短板。技术选型建议：Vue适合中小型项目快速开发，React更适合需要定制化的大型应用。实际开发中，掌握两者更有利。
2025-06-11 14:51:11
358
原创 解决Nodejs连接不到MongoDB数据库
文章讲述了一个关于Node.js连接MongoDB数据库时遇到的超时和连接失败的bug。尽管MongoDB服务已启动，端口未被占用，且身份验证正常，但连接仍然失败。作者提供了一个解决方案：将数据库连接URL中的localhost改为127.0.0.1，并解释了错误的原因。Node.js默认监听所有IPv4和IPv6地址，而MongoDB默认仅监听IPv4地址（127.0.0.1）。如果MongoDB未配置为监听IPv6地址，可能会导致连接失败。通过将URL中的localhost改为127.0.0.1，可以确
2025-05-17 14:22:00
242
原创 前后端分离项目部署上线实战
本文详细介绍了如何将Node.js+Express后端、HBuilder开发的uni-app前端和MongoDB Atlas云数据库从本地开发环境部署到生产环境的全流程。首先，将前后端项目分别上传到不同的GitHub仓库。后端部署采用Vercel的Serverless环境，通过调整代码结构和配置vercel.json文件实现零成本部署。前端部署则可以选择HBuilder快速部署或使用Netlify进行永久免费部署。数据库部署通过MongoDB Atlas实现，获取连接地址并配置到Vercel的环境变量中。
2025-05-14 22:20:08
619
原创 一文速通Vite优化策略！
《Vite构建优化全指南》详细介绍了如何通过系统化配置提升Vite项目的开发和生产性能。在开发环境中，通过预构建依赖和精简插件，显著提升启动速度。在生产环境中，采用智能分箱打包、代码压缩和分割策略，优化构建时间和包体积。此外，通过图片压缩、CDN加速和CSS代码分割，进一步减少资源加载时间。文章还强调了按需加载UI组件和选择合适工具包版本的重要性，并通过体积分析工具和设定体积警戒线来监控项目性能。通过这些优化措施，Vite项目在开发启动速度、生产构建时间和首屏资源体积上均实现了显著提升。
2025-05-10 18:20:08
842
原创 一文速通Webpack优化策略！
Webpack优化是一个系统工程，需根据项目特性灵活组合策略。构建阶段：减少计算量，善用缓存与并行。产物阶段：按需加载，极致压缩，合理缓存。
2025-05-08 22:31:20
1022
原创 Vue2和Vue3的双向数据绑定对比
Vue2和Vue3的监控数据类比Vue2：用Object.defineProperty监控数据，像是一个只能盯着固定门窗的保安。它只能监控已有的属性，如果家里突然多开一扇窗户（新增属性）或拆掉一堵墙（删除属性），它就懵了，得手动告诉它（用Vue.set方法）Vue3：改用Proxy监控数据，像装了一套全屋智能监控。不管新增窗户、拆墙，还是挪家具（数组长度变化），它都能自动发现，不用手动提醒
2025-05-08 10:39:13
721
原创 前端性能优化之资源加载优化
在网页性能优化中，资源加载效率直接决定用户体验。根据阿里云开发者社区的测试数据，优化后的资源加载速度可提升40%-70%。主要优化策略涵盖“”四大维度。
2025-05-07 11:23:11
250
原创 前端性能优化之图片优化：从基础到进阶实践
对于移动端来说，屏幕宽度就那么点，完全没有必要去加载原图浪费带宽。一般图片都用 CDN 加载，可以计算出适配屏幕的宽度，然后去请求相应裁剪好的图片。因为 WebP 格式具有更好的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量，缺点就是兼容性并不好。先展示placeholder.jpg，将其设置为一个低像素易加载的填充图片，等待真实图片加载完再替换填充图片。2.javascript实现，，原理同html，也是替换的思想。多个小图标整合到一张图片里面，通过定位裁剪出想要使用的图标。
2025-05-07 10:36:58
408
原创 TCP的三次握手和四次挥手
：客户端（小明）想和服务器（小红）聊天，先打个电话确认双方能正常沟通。：小明和小红聊完，要挂电话，但双方可能还有话没说完。
2025-05-07 10:01:22
459
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人