- 博客(273)
- 收藏
- 关注
RSS订阅原创 前端请求模块五核架构解析
五个文件构成了一个非常经典且健壮的前端请求模块。这种模块化的设计在大型项目中非常常见，它将请求的不同关注点（核心逻辑、拦截、签名、序列化、文件上传）分离开来，使得代码更清晰、更易于维护。
2025-10-25 16:14:02
756
原创 前端三服：开发、测试与正式服
你是谁你在哪个环境工作？目的简述前端小白/开发者开发服写代码、调功能、看效果测试人员测试服测功能有没有问题，找 Bug所有用户正式服看到稳定可用的产品简单记：开发服 = 开发阶段，随便改，不对外。测试服 = 测试阶段，看效果，找问题，不对外。正式服 = 上线阶段，给用户用，要稳定，对外。
2025-10-23 09:51:53
638
原创 CSS Modules 中 `:global` 用法的核心和精髓。
简单来说，:global:global让我们来深入解析这个过程。:global。
2025-10-13 22:24:12
395
原创 微信小程序支付全流程
必须使用（公司/个体工商户）注册小程序完成微信认证（300元/年）：方式1：直接认证小程序方式2：复用已认证的公众号资质（推荐）在完成开发者认证绑定小程序账号（需小程序AppID）
2025-10-08 22:20:29
897
原创 小程序身份证上传功能
此实现方案完整覆盖了图片上传的各个环节，从技术实现到用户体验都做了充分优化，能够为房屋管理中的身份证图片上传需求提供稳定、可靠的支持。后续可根据业务需要，在此基础上扩展图片审核、批量上传等进阶功能。通过这个实现，完成了身份证图片上传的核心选择功能，并通过Mark属性实现了灵活的页面交互。结合完善的异常处理和数据管理，为后续的图片上传和房屋信息提交打下了坚实基础。返回{tempFilePath}更新idFront/idBack。获取mark.type类型。返回cancel错误。
2025-10-08 16:10:23
1109
原创 支付宝小程序开发分为几个方面
这是小程序开发的“语法和规则”，是构建一切功能的基础。理解了这部分，你才能“说小程序的话”。这是支付宝官方提供的、预先封装好的“积木块”，开发者可以直接使用它们来快速搭建界面。这是小程序调用手机原生能力和与服务器通信的“桥梁”，让小程序的功能远超普通网页。这是从“能用”到“好用”的进阶部分，关注应用的性能、体验和可维护性。这是围绕小程序开发提供的一整套支持工具，帮助开发者提升效率。这是支付宝小程序区别于其他平台、最具。的核心部分，也是其生态的护城河。
2025-10-05 22:58:22
742
原创 零基础玩转支付宝小程序开发
有时候，一些不经常变动的数据（比如用户的基本信息、应用的配置），我们不希望每次打开小程序都去请求一次。今天我们明确了学习目标，知道了小程序和传统Web开发的核心区别，并且成功安装了我们未来最重要的伙伴——开发者工具IDE。想象一下，你的应用里很多页面都需要一个样式统一的“返回顶部”按钮。它只能作为一个“中间人”，向用户请求授权，拿到一个临时的“凭证”（AuthCode），然后把这个凭证交给你的。它只能作为一个“中间人”，向用户请求授权，拿到一个临时的“凭证”（AuthCode），然后把这个凭证交给你的。
2025-10-05 22:23:01
1291
原创 OSI七层模型详解
你的代码 (JS, API calls)| L7: 应用层 (HTTP, DNS, WebSocket) | <-- 你主要在这里工作| L6: 表示层 (JSON, Gzip, TLS/SSL) | <-- 数据格式与安全| L5: 会话层 (Cookies, JWT) | <-- 登录状态管理| L4: 传输层 (TCP, UDP) | <-- 数据传输可靠性 (TCP三次握手)| L3: 网络层 (IP) | <-- 全球定位 (IP地址)
2025-10-05 12:46:23
1576
原创 UniApp+Vite高效开发目录文件全解析
这是项目的核心，包含了所有的页面、组件、静态资源、API 请求、状态管理等业务逻辑代码。通常 src 目录内还会有 pages、components、static、store、utils 等子目录。
2025-10-03 22:23:07
913
原创 如何高效接手大型前端项目
当你对项目有了足够的理解后，就可以开始提出建设性的意见和进行更深度的贡献了。这个阶段的目标是通过解决小问题来深入代码细节。这个阶段的目标是建立对项目的宏观认知，切忌一上来就想大刀阔斧地重构。接手大型项目的核心是。
2025-10-03 18:18:25
1177
原创 大型前端项目中如何高效复用已有轮子
步骤行动示例1. 定位判断这个功能属于哪个类别？（UI / 工具函数 / 业务逻辑）“我需要一个带图标的按钮。” -> 这是 UI 轮子。2. 区域检查前往对应的“高频区域”目录浏览一遍。前往目录，看看有没有这样的文件。3. 关键词搜索使用 IDE 全局搜索功能，尝试 2-3 个核心关键词。在整个项目里搜索buttoniconbtn。4. 扩大搜索如果没找到，搜索更泛化的词或相关技术词。搜索v-icon<Iconsvg。5. 寻求帮助如果还是没找到，向团队提问。
2025-10-03 18:16:36
876
原创 企业私有NPM仓库工作原理详解
对于一个正常运作的公司来说，几乎可以肯定是采用了**第一种（代理缓存）**的方案。在极少数情况下（比如出于极高的安全要求，需要一个与外网完全隔离的“气隙网络”），公司的私有 Registry 可能。你感觉就像直接从官方源下载一样，但实际上是经过了公司服务器的一次中转和缓存。虽然你当前的配置能工作，但业界更推荐使用**作用域（scope）**来配置。“代理(proxy)”**，这个上游就是官方的 NPM Registry。，完全取决于你公司的私有 Registry 服务器。对你来说，整个过程是无缝的，
2025-10-03 17:53:55
1101
原创 nvue标签与CSS属性速查表
nvue 是uni-app中使用原生渲染引擎（Weex）的页面文件类型，扩展名是.nvue。相比普通.vue页面，nvue 页面在移动端（iOS/Android）运行时渲染性能更好，尤其是列表、动画等场景。标签要用 Weex 支持的原生组件。布局默认 flex，多用 flex-direction、justify-content、align-items。样式支持有限，尤其高级 CSS3 特性可能无法使用。nvue 适合高性能场景，比如长列表、复杂动画。好的👌，下面我帮你整理一个。
2025-09-24 21:53:45
1452
原创 Uni-app自适应布局：upx
特性upx目的实现跨屏幕尺寸的自适应布局规则屏幕总宽度恒为 750upx公式px = upx * (屏幕宽度 / 750)使用场景宽度、高度、字体大小、边距等尺寸属性优点极大简化了移动端适配工作，一套代码适配不同屏幕掌握upx是进行 uni-app 开发的基础，它能让你轻松写出自适应各种屏幕的优雅界面。
2025-09-24 13:10:29
830
原创 怎么样从web前端方面优化性能？
u 一般要求减少DNS查询次数，如同一个页面的请求资源尽量少的使用不同的主机名，这可以减少网站并行下载的数量，但很多网站为了加速下载资源其实是特意用了多个主机名，这里要做一个权衡；u 类型转换：把数字转换成字符串使用”” + 1，浮点数转换成整型使用Math.floor()或者Math.round()；u 减少Cookie的大小，使用无cookie的域，客户端请求静态文件的时候，减少 Cookie 的反复传输对主域名的影响；u 减少对象查找，如a.b.c.d这种查找方式非常耗性能，尽可能把它定义在变量里；
2025-09-20 17:55:37
291
原创 package.json配置都有什么
文件是每一个 Node.js 项目的“身份证”和“说明书”，它是一个 JSON 格式的配置文件，位于项目的根目录。它定义了项目的元数据、依赖关系、脚本命令等。下面我将中常见的配置项进行分类说明，从核心到扩展。
2025-09-20 13:31:49
983
原创 ESLint与Prettier规则都有哪些
不要试图了解 ESLint 的所有规则。选择一个好的规则集（如）作为起点，然后只在你和团队有不同意见时，才去rules中自定义或关闭特定规则。熟记 Prettier 的常用配置项。它的数量不多，团队内部应该就printWidthsemi这几个核心选项达成一致，并写入文件，一劳永逸。牢记职责分工ESLint：负责代码质量（潜在 bug、坏味道、最佳实践）。Prettier：负责代码风格（缩进、换行、分号等外观问题）。最终配置：通过禁用所有与 Prettier 冲突的 ESLint 规则，让它们完美协作。
2025-09-20 10:55:14
1180
原创 ESLint+Prettier基本使用
明确分工：ESLint 负责代码质量，Prettier 负责代码格式。解决冲突：使用关闭 ESLint 的格式规则，把格式化全权交给 Prettier。统一入口：使用让 Prettier 的格式问题也能在 ESLint 中提示。自动化：配置 VSCode 的和，实现保存即格式化和修复。强制保障：使用husky设置 Git 提交钩子（pre-commit hook），确保不规范的代码无法被提交到仓库。掌握了以上内容，你就拥有了一个强大且自动化的代码规范工作流，可以显著提升代码质量和团队协作效率。
2025-09-20 10:54:13
902
原创 前端工程化实战：14大核心选型
类别推荐方案框架UI库状态管理路由请求TS必选 + strict mode代码风格构建Vite（首选） / Webpack / Rspack部署性能监控测试包管理pnpm版本控制Monorepo不要为了“最新”而选型，要为了“合适+可持续”而选型。评估团队学习成本考虑社区支持和文档完善度关注工具的长期维护性（GitHub stars ≠ 稳定性）做好封装和抽象，降低未来替换成本选型不是一锤子买卖，随着项目演进可以逐步优化，但基础架构一旦选定，替换代价极高。
2025-09-20 10:42:01
962
原创 Webpack极致性能优化指南
优化方面关键配置/插件构建速度产物体积运行性能externals(CDN)Webpack 性能优化是一个系统工程，需要结合项目实际情况进行取舍和调整。建议从和开始，逐步引入其他优化项。
2025-09-19 18:45:53
646
原创 Vue权限控制：v-permission
是一个用于前端视图层权限控制的自定义指令，支持字符串、数组、对象三种传参方式，常用于按钮/菜单/组件的显示或禁用控制，提升用户体验并减少无效操作。合理使用它，让你的权限系统更优雅 🎯如有具体项目需求，可进一步定制逻辑（如支持“与/或”逻辑、权限分组等）。
2025-09-19 18:11:20
847
原创 企业级前端自动化部署实战
企业级自动化部署是一个系统工程，它将版本控制、自动化测试、容器化、环境隔离和团队协作紧密地结合在一起。遵循严格的 Git 分支规范。编写高质量、可测试的代码，确保能通过 CI 的“安检”。理解 Docker 的基本原理，知道如何将你的应用打包成一个独立的、可移植的镜像。熟悉你团队的 CI/CD 配置文件，能够在出现问题时快速定位。
2025-09-18 20:37:38
806
原创 Vue项目自动化部署实战指南
这套流程不仅适用于 Vue，也完全适用于 React、Angular 或任何需要构建步骤的前端项目。掌握它，你就掌握了现代前端开发的“最后一公里”。恭喜你，你已经搭建了一套基础但完整的 CI/CD 流水线！分支时，它会自动完成上面所有的 CI/CD 流程，几分钟后，我们的网站就更新了。在动手之前，我们必须明白 CI/CD 到底是什么，它不是一个工具，而是一种。：配置一个“机器人管家”，当我们把代码推送到 GitHub 的。现在，我们要编写 CI/CD 的“剧本”了。替换为对应的命令即可。
2025-09-18 20:34:54
675
原创 Vite 打包配置：从入门到精通
时 Vite 的行为，虽然不直接影响打包，但对开发体验至关重要。这是一个集成了上述所有优化点的、可以直接用于生产项目的配置模板。可以让同局域网的手机或同事访问你的电脑 IP 来预览页面。这样，你就有了一套非常专业、可扩展的 Vite 打包配置了！它就像是你给 Vite 下达的“打包说明书”。: 允许哪个 IP 访问你的开发服务器。你的所有打包配置，都集中在项目根目录下的。: 设置开发服务器的端口号，避免端口冲突。时的核心配置，直接决定了最终产物的质量。我们所有的精细化配置，都将在这个。
2025-09-18 20:32:08
979
原创 轻松部署Vue项目到云服务器
服务器准备 → 安装 Nginx/Node →git clone项目 →→ 配置 Nginx 指向dist目录 → 添加try_files和proxy_pass→ 重启 Nginx → 搞定！你已经从 0 到 1 完成了整个部署流程，并且解决了两个最核心的部署问题。恭喜你！
2025-09-18 20:25:07
909
原创 前端部署：Nginx跨域与白屏解决方案
浏览器出于安全考虑，实行“同源策略”（Same-Origin Policy）。即 、、 三者中任意一个不同，前端页面就无法直接请求后端接口，这就是“跨域”。Nginx 解决跨域问题的核心思想是反向代理 (Reverse Proxy)。它利用了“跨域是浏览器的限制，而服务器之间通信不存在跨域问题”这一原理。工作流程如下：从浏览器的角度看，它始终只和同源的 Nginx 服务器通信，完美地绕过了同源策略的限制。假设：2. VueRouter 的 history 模式如何解决上线后的白屏问题？核心问题Vue
2025-09-18 20:17:18
817
原创 算法世界的八大核心思想
核心思想关键词适用场景分治分解、合并、递归问题可被拆分为结构相同的子问题动态规划最优子结构、状态转移求最优解、计数问题、存在性问题贪心局部最优、当下最好每步选择互不影响，且局部最优导向全局最优回溯试错、撤销、DFS寻找所有解、排列组合、棋盘问题递归自己调用自己、出口树、图、层级结构、定义清晰的问题双指针快慢、左右、窗口数组/字符串/链表的扫描与优化空间换时间哈希表、缓存频繁查找、重复计算预处理排序、前缀和涉及顺序、区间、大小关系这是求最优解吗？-> 可能是动态规划或贪心。
2025-09-18 19:47:09
696
原创 前端算法题8道（1）
这个方法牺牲了 O(n) 的空间（Map），换来了 O(n) 的时间复杂度，是典型的“空间换时间”策略。暴力法是 O(n³)，动态规划是 O(n²)，但最直观且空间复杂度更优的是。这道题最直观的解法是转成字符串再反转，但在算法面试中，面试官更希望看到你用。你需要像一个“状态机”一样，一步步处理字符串，并考虑所有可能的边界情况。最朴素的想法是双重循环，暴力查找，但时间复杂度是 O(n²)，效率太低。之后，你的输出需要从左往右逐行读取，产生一个新的字符串。的链表，表示两个非负的整数。它们每位数字都是按照。
2025-09-18 19:40:34
1203
原创 前端快速部署前端项目到本地服务器
将前端项目打包后部署到本地服务器进行测试，可以通过以下步骤完成。根据需求选择工具，5 分钟内即可部署完成！（端口根据实际配置调整）。
2025-09-17 18:46:41
1921
原创 快速部署前端项目可以使用http-server
将打包好的前端项目部署到服务器（本地或远程）是一个快速且轻量的方法。单页应用（React/Vue）需确保所有路由返回。如果前端需要调用本地后端 API（如。如果通过 SSH 连接服务器，使用。确保项目已生成静态文件（通常是。（端口按实际调整）。
2025-09-17 18:43:52
676
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人