初遇你时动了情

原创 vue2 vue-property-decorator 库就类似于Java的注解库 vue class类编程

本文介绍了如何在Vue 2中使用vue-property-decorator和vue-class-component实现类式组件写法。主要内容包括：安装方法、基本使用示例，以及常用装饰器的用法（@Prop定义props、@Emit触发事件、@Watch监听数据、@Provide/@Inject依赖注入）。同时还介绍了生命周期钩子和计算属性的类式写法，并提供了一个完整示例。最后指出该方案仅适用于Vue 2，Vue 3已弃用，其OOP风格更适合有Angular/Java背景的团队，对Vue初学者可能增加学习难度

原创 react中多个页面，数据相互依赖reducer解决方案

组件只调用 updateXXX 或 setPlatformCategorySKU 联动逻辑和额外参数注入都在 reducer 内完成避免在组件里写大量 useEffect。

原创 axios 封装权限判断、支持上传下载进度提示

【代码】axios 封装权限判断、支持上传下载进度提示。

原创 uniapp vue3 ts自定义底部 tabbar菜单

这样自定义tabbar就可以使用uni.switchTab跳转了。

原创 uniapp 自定义组件封装、easycom匹配规则

【代码】uniapp 自定义组件封装、easycom匹配规则。

原创 vue3 uniapp 获取元素位置

【代码】vue3 uniapp 获取元素位置。

原创 vue3 vite 使用vitest 单元测试 组件测试

检查vite.config.ts的配置信息路径是否正确。

原创 浏览器渲染 首屏优化 性能优化

浏览器渲染过程是：DOM + CSSOM → Render Tree → Layout → Paint → Composite → 屏幕呈现。其中任何一步变化都会影响页面性能与流畅度。渲染管线是浏览器从接收网页代码（HTML/CSS/JS）到最终绘制在屏幕上的整个技术过程的专业称呼。它是浏览器内部的核心流程。优化点影响阶段说明压缩/合并 JS、CSSHTML 解析、CSSOM 构建减少请求数，提升速度JS 加defer或async避免阻塞渲染defer等待 DOM 构建后执行；async。

原创 JS中defineProperty/Proxy 数据劫持 vue3/vue2双向绑定实现原理，react 实现原理

Proxy 是 ES6 引入的一个内置对象，它用于创建一个对象的代理，从而拦截并自定义基本操作（如属性读取、赋值、函数调用等）。arget：要代理的目标对象handler：包含拦截行为的对象（称为“捕捉器”）

原创 react中 多个层级 组件数据同用 组件之间传值 usecontext useReducer

【代码】react中 多个层级 组件数据同用 组件之间传值 usecontext useReducer。

原创 react 内置hooks 详细使用场景，使用案例

场景：组件中管理局部状态，如表单值、开关、计数器等。

原创 react/vue vite ts项目中，自动引入路由文件、 import.meta.glob动态引入路由 无需手动引入

原创 typescript 类型的相关组件的类型、函数参数的类型

【代码】typescript 类型的相关组件的类型、函数参数的类型。

原创 Uncaught (in promise) TypeError: Cannot read properties of null(reading ‘shadowRoot‘) react vue项目都会报

原创 vue react 前端工程化加入eslint 和purgecss代码检测和删除未使用的css

【代码】vue react 前端工程化加入eslint 和purgecss代码检测和删除未使用的css。

原创 vue3 element plus table 使用固定列，滑动滚动会错位、固定列层级异常、滑动后固定列的内容看不到了

2、 el-table-column 要设置列宽 或者就设置min-width就不会出现这个问题了。

原创 vue3 uniapp 使用ref更新值后子组件没有更新 ref reactive的区别？使用from from -item执行表单验证一直提示没有值

【代码】vue3 uniapp 使用ref更新值后子组件没有更新 ref reactive的区别？使用from from -item执行表单验证一直提示没有值。

原创 腾讯地图 vue3 使用 封装 地图组件

本文介绍了腾讯地图组件在Vue项目中的封装实现。通过loadTMap.ts动态加载腾讯地图API，并在index.vue中封装主要功能，包括：地图初始化、地址解析、坐标获取、标记点设置等交互功能。组件采用TypeScript开发，通过defineExpose向父组件暴露initMap、setAddress等方法，父组件可通过传入地图Key和中文地址实现地图定位和标记功能。该封装实现了地图加载的异步处理、错误检测和事件监听，并提供了响应式设计支持。

原创 react antd 动态增删规格/SKU数据，数据过多就会卡主优化方案

如下界面增加上方规格、规格值的时候，下方表格动态生成、更新， 下方的table是一直玄幻渲染的所以会卡主。

原创 react react-router-dom中获取自定义参数v6.4版本之后

原创 ts 泛型

/ 指定 T 为 number// 指定 T 为 string```* T是一个 类型变量，表示函数可以接收任何类型。* identity<number>(123) 表示把 T 指定为 number。* 如果不指定，TS 会自动 类型推断：```// T 被推断为 boolean```### 2️⃣ 泛型接口```data: T;code: 200,code: 200,```* ApiResponse<T> 表示 data 的类型是 泛型，可以是任何类型。

原创 flutter常用动画

原创 dart常用语法详解/数组list/map数据/class类详解

override关键点示例类定义构造函数属性 (字段)方法继承抽象类getset静态成员static工厂构造函数factory接口实现implements扩展方法extension。

原创 css3 新增属性/滤镜效果/裁剪元素/图片适应盒子/定义和使用变量/恢复默认initial

功能用途示例场景最小宽度内容撑开表格列、按钮、标签最大内容宽度自适应文本块灵活自适应+限制最大宽度卡片、弹窗、菜单固定比例容器视频、图片、轮播、响应式盒子性能优化懒加载内容、虚拟滚动容器CSS 变量（Custom Properties） 是一种可以在 CSS 中定义、复用、动态调整的值通常我们会在 :root 选择器中定义全局变量：:root {在局部定义（作用域内定义）你也可以在某个选择器内定义，只在该选择器及其子元素生效.button {.button {

原创 flutter 项目更换了电脑后 运行gradle下载问题 Android Gradle plugin requires Java 17 to run. You are currently using

adroid中配置这个，其他fluttr代码不需要修改。

原创 MAC 安装 flutter (苹果 M1 M2 芯片的配置) 多个flutter控制 fvm安装使用

如果你使用的是 Zsh 终端，则应该将上方命令的 “.bash_profile” 替换为 “.zshrc”。

原创 fvm install 下载超时 过慢 fvm常用命令、flutter常用命令

【代码】fvm install 下载超时 过慢 fvm常用命令、flutter常用命令。

原创 flutter 项目调试、flutter run --debug调试模式 devtools界面说明

面板名称作用备注查看 Widget 树，布局调试最常用调试布局工具性能分析，检测卡顿帧率、CPU/GPU 使用监控Memory内存分析，检测泄漏快照、分配情况Network网络请求查看和调试方便接口调试Logging日志输出实时调试信息Debugger断点调试，单步执行结合 IDE 最佳Timeline事件时间线分析帧渲染及事件监控。

原创 flutter getx路由管理、状态管理、路由守卫中间件、永久储存get_storage

/ 添加守卫的页面GetPage(),GetPage(),操作方法示例初始化在 main() 中实例化可传命名空间写入读取删除清空.erase()判断监听所有监听某项。

原创 flutter dart class语法说明、示例

/ 抽象方法@override特性描述示例关键字封装隐藏实现，暴露接口_privategettersetter继承代码复用，扩展功能extendssuper@override多态统一接口，多种实现abstractimplements, 方法重写概念功能应用场景mixin行为复用日志、权限、监听、动画等接口约束统一风格/功能规范with多继承功能混入多功能类组合模块结构划分可维护性大中型项目组织核心。

原创 flutter dart 函数语法

【代码】flutter dart 函数语法。

原创 flutter 常用组件详细介绍、屏幕适配方案

按钮内容 || 按钮点击事件 || 自定义样式：背景色、形状、边距 |child: Text(‘我是容器’),child: Text(‘提交’),

原创 vue3 vite 路由

如路由是这种格式。

原创 flutter 配置 安卓、Ios启动图

注意：这里在drawable和drawable-v21目录中的两个文件都需要更换android:gravity=“fill” 就是铺满，android:gravity=“fill”，图片居中，通常用于 logo + 纯色背景。

原创 flutter长列表 ListView、GridView、SingleChildScrollView、CustomScrollView区别

页面类型推荐滚动组件表单、静态信息页面聊天、列表、动态加载页面图片网格、宫格商品GridView首页、复杂滑动结构页面引导页、卡片轮播PageView。

原创 flutter flutter run 运行项目卡在Running Gradle task ‘assembleDebug‘...

Gradle 会在项目的 android/.gradle、android/build 以及用户目录下的 ~/.gradle 中存放大量缓存，损坏后可能导致 assembleDebug 卡住不前。最重要的就是自己查看日志，具体哪一步有问题flutter run --verbose使用这个，运行了项目会将错误信息放在控制台。初次构建或依赖更新时，Gradle 会从远端仓库拉取 JAR 包，网络不稳或镜像问题会让过程变得非常漫长。

原创 JS 高级程序设计 设计模式

TutorialsPoint 适合需要同时创建多个具有同一主题的产品族时，例如皮肤主题下按钮、输入框、弹窗的统一创建。抽象工厂提供一个接口，用于创建一系列相关或相互依赖的对象，而无需指定其具体类。私有变量 count 只能通过暴露的方法访问，避免全局污染。新增策略只需在 strategies 中注册即可。用高阶函数包装原函数，实现“装饰”效果。客户端无需关心底层实现细节。命令可存储、排队或回滚。

原创 html js 原生实现web组件、web公共组件、template模版插槽

现代浏览器通过 class 继承 HTMLElement 可以轻松创建原生 Web Components（自定义元素），并享受与普通 HTML 元素同等的语义和性能优势。自定义元素通过 extends 关键字继承 HTMLElement，注册后即可像普通标签一样使用。生命周期方法如 connectedCallback、disconnectedCallback 等允许开发者在不同阶段执行逻辑。Shadow DOM 提供了样式和 DOM 的隔离，通过 attachShadow 方法创建，支持内容投影。表单关联通

原创 js fetch流式请求 AI动态生成文本，实现逐字生成渲染效果

reader.read() 每次返回一个包含 { value: Uint8Array, done: boolean } 的 Promise。每次读取到 chunkText，就调用一次 appendToPage，实时更新 DOM，无需等到 done === true。传入 { stream: true } 可以确保多次调用 decode 时不会丢失跨块字符。fetch 默认支持流式响应，response.body 就是一个可读流。

原创 JS 浏览器中事件循环 宏任务 微任务/JS 的执行永远是同步代码优先，异步任务等着你忙完了再来安排

JavaScript 语言天生单线程，所有代码调用都在一个调用栈（Call Stack）中顺序执行，无法并行运行多段脚本。当遇到异步操作（如 setTimeout、Promise、DOM 事件等）时，相关回调会被注册到浏览器的 Web APIs 环境中，由事件循环（Event Loop）统一调度执行。