初遇你时动了情

原创 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 浏览器中事件循环

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

原创 前端、XSS（跨站脚本攻击，Cross-Site Scripting）

核心原则：永远不要信任用户输入！多层次防御：输入过滤 + 输出编码 + 安全框架 + HTTP 头 + 安全编码习惯。工具化：使用 CSP、现代框架、漏洞扫描工具降低风险。

原创 css filter 常用方法函数和应用实例

【代码】css filter 常用方法函数和应用实例。

原创 后端响应巨量数据，如何优化性能？

【代码】后端响应巨量数据，如何优化性能？

原创 JS 中call、apply 和 bind使用方法和场景

借用其他对象的方法处理类数组对象. 链式调用构造函数（继承场景）

原创 js 对象深拷贝、浅拷贝有哪些方法/设拷贝循环引用报错

Boolean、Number、String 对象。某些特定属性（如Error的stack）Function、DOM节点。

原创 vue3 uniapp vite 配置之定义指令

);},

原创 sourcetree 当远程gitee修改了密码后，本地在拉取后报错ncorrect username or password (access token) fatal: Authentica

按下 Win + R（打开运行窗口）在弹出的输入框里粘贴以下路径。

原创 怎么在一个创建好的本地项目中作为服务端的git地址,git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-loc

git init。

原创 安装fvm可以让电脑同时管理多个版本的flutter、flutter常用命令、vscode连接模拟器

在输出日志的时候，使用系统自带的 print 也没问题，但是会有警告提示，会推荐使用 logger 第三方日志库。如果使用fvm install XX 下载失败就需要手动去github下载然后让fvm使用它。其他的全局对象使用也是同理。

原创 vue3 vite创建项目 vite配置、pinia配置

【代码】vue3 vite创建项目。

原创 three图形工具GUI,设置下拉框、复选框、自定义下拉框lable

【代码】three图形工具GUI,设置下拉框、复选框、自定义下拉框lable。

原创 three gui.js图形界面工具使用，改变 X/Y/Z,颜色获取事件、设置步长

【代码】three gui.js图形界面工具使用，改变 X/Y/Z,颜色获取事件、设置步长。

原创 nuxt3 部署到服务器配置

【代码】nuxt3 部署到服务器配置。

原创 nuxtjs 3 常用插件、配置，ssr无法获取pinia持久化数据、

官网 https://nodejs.org/en/download。npm i pm2 -g 安装pm2进程守护。

原创 threejs 常用调试插件

这个就是光源的位置。

原创 three入门，创建一个长方体、认识场景、模型、光源、相机？渲染器

【代码】three入门，创建一个长方体、认识场景、模型、光源、相机？渲染器。

原创 html importmap 和model 实现和react vue es6相同引入

在html文件中加入如下代码即可。

原创 react 常用插件

【代码】react 常用插件。

原创 react react-quill 报错Listener added for a ‘DOMNodeInserted‘ mutation event.Support for this event

重新运行就可以。

原创 vite项目中vite.config.js使用.env.development文件中的配置数据

【代码】vite项目中vite.config.js使用.env.development文件中的配置数据。