初遇你时动了情

原创 服务器lunix制作 docker镜像

比如你不想用 node:20，自己做一个最小 Linux + Node：COPY . .esc ---:wq ---回车。

原创 服务器部署nestjs项目

会生成：dist/

原创 前端 nodejs 从0搭建智能体

** 智能体 (Agent)，核心区别在于：AI 不再只是说话，而是能够“思考”并“通过代码执行动作”。**阶段 1：跑通 AI（关键第一步）server 初始化服务端目录结构写一个最简单的 AI 接口utils/ai.jsroutes目录middleware中间件config/index.js运行 npm start

原创 不用每个请求都写获取请求 类似无感刷新逻辑 uniapp vue3 react实现方案

本文介绍了一个基于Pinia和Uni-app的用户状态管理及请求封装方案。主要内容包括： 用户状态管理： 使用Pinia定义userStore，管理用户数据、token和城市信息 实现了登录流程的Promise化处理，包含微信登录获取code的封装 通过loginPromise防止多次并发登录请求 提供了持久化存储配置 请求封装： 封装了基础请求函数baseRequest，处理请求头、token注入等 实现了接口白名单机制，非白名单接口自动校验登录状态 内置401状态码处理，自动跳转登录页 统一处理错误提示

原创 网站域名没有被百度收录

Vue / React / Nuxt 很容易踩坑 ⚠️。百度早就不“主动发现新站”了 ❗。1.百度站长平台注册。

原创 uniapp 小程序 鸿蒙系统中多个input切换、输入框将丢失焦点

问题不是 v-model，而是输入中频繁触发渲染。鸿蒙放大了问题，Android/iOS 虽然偶发但不稳。最佳实践是用临时变量 + blur 更新，实现跨平台安全输入。

原创 管理系统权限管理（菜单、页面、按钮）react+redux/vue3 pinia实现方式

功能点Vue3 实现React 实现菜单写死routes.tsx权限点存储Pinia菜单过滤按钮权限安全关键必须后端接口校验必须后端接口校验。

原创 flutter实现页面返回刷新实现类似uniapp小程序 OnShow效果

页面一般 一直在内存中（用 IndexedStack 切换），不会被销毁方案：使用 GetX Controller 管理状态和请求数据Controller 全局注册 Get.put(HomeController(), permanent: true)页面用 Obx 或 GetBuilder 监听数据切换回该 tab 时手动调用 Controller 的刷新方法 loadData()

原创 flutter 对接第三方支付：微信、支付宝，内购：苹果 谷歌

支付宝在跳转后需要能返回原 App，请确保 URL Types 正确配置，CFBundleURLSchemes 中添加你注册的 Scheme。推荐文档 https://blog.csdn.net/panghaha12138/article/details/138534488。flutter_alipay: ^2.0.1 # 注意版本可根据 pub.dev 最新调整。其他内购参考上方的地址 博主用得少。

原创 react native实战项目 瀑布流、菜单吸顶、grid菜单、自定义背景图、tabbar底部菜单、轮播图

【代码】react native实战项目 瀑布流、菜单吸顶、grid菜单、自定义背景图、tabbar底部菜单、轮播图。

原创 react native创建项目常用插件

组件宽高 = s() / vs()字体 = ms()全屏比例 = wp() / hp()外加 SafeAreaView 适配刘海屏布局相关Flex 布局（RN 默认是 flexDirection: ‘column’）flex: 1,flexDirection: 'row', // row 水平排列，column 垂直排列justifyContent: 'center', // 主轴对齐alignItems: 'center', // 交叉轴对齐属性说明flex占用父容器比例。

原创 sourcetree 怎么吧gitee仓库拉取到本地项目中？

xxx.git。

原创 vue3 ts uniapp基本组件封装、通用组件库myCompont、瀑布流组件、城市选择组件、自定义导航栏、自定义底部菜单组件等

城市选择 城市选择插件，城市数据在city.ts中，可以自行更新，选择城市后给父组件返回选中城市数据。获取手机验证码倒计时。

原创 使用 flutter实现吸顶

这样滑动后TextWidgets 就固定了。

原创 前端使用TensorFlow.js reactjs调用本地模型 实现图像、文本、音频/声音、视频相关识别

【代码】前端使用TensorFlow.js reactjs调用本地模型 实现图像、文本、音频/声音、视频相关识别。

原创 flutter vscode 终端无法使用fvm 版本切换、项目运行

【代码】flutter vscode 终端无法使用fvm 版本切换、项目运行。

原创 uniapp/flutter中实现苹果IOS 26 毛玻璃效果、跟随滑动放大动画

使用 blur 毛玻璃；拖动时放大，松开恢复；兼容 App、H5、小程序（部分小程序 blur 支持有限）。

原创 css中backdrop-filter 详细使用 ios毛玻璃效果、filter和backdrop-filter使用说明

会对元素背后的内容区域应用模糊、亮度、对比度等滤镜，而不是作用于自身。属性作用对象常用场景filter对元素本身生效图片模糊、灰度处理对元素背景内容生效毛玻璃、模糊弹窗、半透明导航栏。

原创 vue3js 源码 学习一 runtime-core 调用流程与模块依赖关系图、源码结构

Vue 3 Runtime-Core 源码结构与调用流程解析：文章详细剖析了Vue 3核心运行时的模块结构，包括组件创建、渲染、响应式更新等核心流程。重点展示了从createApp到mount的初始化过程，以及响应式数据变化触发更新的完整路径(数据→DOM)。核心模块如renderer.ts处理渲染与patch，component.ts管理组件实例，scheduler.ts实现异步更新调度。文章还简要介绍了Diff算法、生命周期触发时机，并推荐了源码阅读顺序，建议通过调试renderer.ts的patch流

原创 通用文字脱敏函数 支持vue3 vue2 react ts

该代码实现了一个通用文字脱敏函数，支持手机号、身份证、姓名、邮箱等常见类型的自动脱敏处理，也允许自定义脱敏规则。函数接收三个参数：原始文本、脱敏类型（默认custom）和自定义选项（保留前后字符数及掩码字符）。通过正则表达式匹配实现不同格式的脱敏，如手机号显示前3后4位（138**5678），姓名保留首尾字符（张或王明）。自定义类型可按需设置保留字符数和掩码符号，适用于各种敏感信息保护场景。

原创 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版本之后