- 博客(13)
- 收藏
- 关注
RSS订阅原创 【RN + TS + Expo 移动端混合开发系列】为什么选择 React Native？
在正式开始之前，我想先聊聊技术选型这件事。。最终选择了 RN + Expo + TypeScript，不是因为它"最好"，而是因为它最适合我的团队和项目场景。选型没有银弹，但选型的思考过程可以复用。这篇前言会尽量把这三套方案讲透，帮你做出适合自己的决策。你的项目需要同时做小程序？├── YES → UniApp / UniApp X（几乎无竞争）└── NO ↓你的团队有 Dart / Flutter 经验？├── YES → Flutter（充分利用已有积累）└── NO ↓。
2026-03-13 21:45:00
420
原创 一次 F5 背后，浏览器偷偷做了这些事
按下 F5↓停止当前页面 → 解析 URL↓检查缓存（强缓存 → 协商缓存）↓（未命中）DNS 解析 → 获取 IP↓TCP 三次握手↓（HTTPS）TLS 握手 → 建立加密信道↓发送 HTTP 请求↓服务器处理 → 返回响应↓解析 HTML → 构建 DOM / CSSOM↓加载子资源（CSS / JS / 图片...）↓↓执行 JavaScript↓↓页面呈现完成一次小小的 F5，背后串联起了。
2026-03-06 19:00:00
346
原创 从需求到实践：深入浅出 vxe-table 表格组件使用指南
vxe-table 是一个基于 Vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、自定义模板等强大功能。<template><vxe-column field="name" title="姓名"></vxe-column><vxe-column field="tags" title="标签"><el-select v-model="row.tags" multiple placeholder="请选择标签">
2026-02-06 12:59:12
1103
原创 Vue 3 + TypeScript 编程的 10 个实用技巧
本文分享了10个Vue3+TypeScript开发实用技巧，涵盖响应式系统和类型安全两方面。主要内容包括：1）使用toRefs保持解构后的响应性；2）PropType实现精确类型推断；3）computed的getter/setter双向计算；4）ComponentPublicInstance获取组件实例类型；5）SlotsType定义插槽约束；6）readonly保护响应式数据；7）triggerRef和customRef优化性能；8）watchEffect自动追踪依赖；9）类型安全的provide/inj
2026-01-30 17:41:00
810
原创 IndexedDB完全指南：从入门到实战的客户端数据库解决方案
前端数据持久化是一个不可或缺的需求。虽然和能够存储简单的键值对数据，但面对复杂的数据结构、大量数据存储、高效查询等场景时，它们就显得力不从心了。这时，IndexedDB作为浏览器内置的NoSQL数据库，成为了最佳选择。
2025-12-27 11:00:00
720
原创 Vue3 + TypeScript + IndexedDB 实现大文件分片上传
在现代Web应用中，大文件上传是一个常见但充满挑战的需求。传统的一次性上传方式在面对大文件时存在诸多问题：网络中断导致重新上传、上传超时、内存占用过高等。分片上传：将大文件切分为5MB的小块，降低单次请求压力断点续传：基于IndexedDB持久化上传进度，刷新页面可继续上传并发控制：可配置并发数，平衡上传速度与服务器压力批量上传：支持多文件同时上传，统一管理上传状态任务管理：实时追踪每个上传任务的状态和进度暂停/继续：支持手动控制上传流程高可靠性。
2025-12-26 13:00:46
1359
原创 团队开发规范与Git工作流最佳实践
建立完善的团队开发规范是一个持续优化的过程。通过统一的流程标准、严格的代码审查和清晰的版本管理,团队能够显著提升开发效率和代码质量。
2025-12-12 17:07:42
761
原创 Vue3源码深度解析（三）：编译器与虚拟DOM实现原理
真实DOM：就是真正搭出来的城堡（浏览器页面）虚拟DOM：就是你脑海中的城堡模型（JavaScript对象）虚拟DOM就是用JavaScript对象来描述真实DOM的结构。为什么需要虚拟DOM？操作真实DOM很慢：就像搭真实积木很费时间在脑海中调整很快：想象和规划很快可以批量操作：想好了一次性搭，而不是搭一块拆一块。
2025-12-07 19:13:37
1004
原创 Vue3源码深度解析（二）：ref、computed与watch实现原理
RefImpl类通过getter/setter实现响应式对象类型会转换为reactive独立的依赖收集和触发机制ComputedRefImpl类实现缓存机制脏检查（dirty flag）控制是否重新计算调度器（scheduler）延迟触发更新traverse函数实现深度遍历cleanup清理函数处理副作用flush参数控制执行时机掌握这些原理后，我们就能更好地理解Vue3的响应式系统，写出更高效的代码。在下一篇文章中，我们将探讨编译器和虚拟DOM的实现原理。
2025-11-29 16:30:00
690
原创 Vue3源码深度解析（一）：响应式系统原理与实现
基于实现需要递归遍历所有属性进行劫持无法监听对象属性的新增和删除无法直接监听数组索引和length的变化基于ES6的Proxy实现可以监听对象属性的新增和删除可以直接监听数组的变化性能更优，不需要递归遍历所有属性支持Map、Set、WeakMap、WeakSet等数据结构Proxy基础：理解Proxy和Reflect的工作机制reactive实现：如何创建响应式对象依赖收集：track函数的三层数据结构设计触发更新：trigger函数如何执行副作用函数。
2025-11-21 14:41:24
1090
原创 Vue3 + TypeScript + Pinia 实现企业级 WebSocket 通信
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议。它是 HTML5 开始提供的一种浏览器与服务器进行全双工通讯的网络技术。建立在 TCP 协议之上，服务器端实现较为简单与 HTTP 协议有良好的兼容性，握手阶段采用 HTTP 协议数据格式轻量，性能开销小，通信高效可以发送文本，也可以发送二进制数据没有同源限制，客户端可以与任意服务器通信协议标识符是ws（加密则为wss），服务器网址就是 URL。
2025-11-12 19:30:00
1373
原创 Vue 3 组合式 API 最佳实践与设计模式
本文介绍了Vue3 Composition API的核心优势与最佳实践。相比Options API，Composition API通过按功能组织代码实现了更好的复用性和类型推导。文章详细讲解了响应式基础(ref、reactive)、生命周期钩子和常用设计模式，包括计数器、本地存储、防抖处理和事件监听等可复用的组合式函数。针对高级场景，探讨了状态管理、依赖注入和异步操作链式调用等模式。最后通过表单处理案例和性能优化建议，帮助开发者编写更优雅、高效的Vue3代码。掌握这些模式能显著提升应用的可维护性和开发体验。
2025-11-07 16:00:00
433
原创 Vue3 + Element Plus 封装通用表格组件
/ 表格列配置接口prop?: string;// 字段名// 列标题width?// 列宽度fixed?// 固定列type?// 列类型slot?// 自定义插槽formatter?sortable?: boolean;// 是否可排序align?// 对齐方式// 按钮相关onClick?buttonText?: string;buttonType?link?: boolean;buttonSize?hasPermi?: string[];// 权限控制。
2025-10-31 10:25:42
475
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人