【TS】day06-keyof-typeof-indexed-access

TypeScript keyof / typeof / 索引访问 — 类型钥匙，一次讲透到今天为止，我们写的类型都是"平铺"的——要描述什么就手写什么。但真实工程里，类型之间充满派生关系：“设备的字段名集合”、“这个常量对象的键”、“配置对象里某个字段的具体类型”。keyof（取键）、typeof

作者：mario 发布时间：2026-08-28

分类：默认分类 , TypeScript

标签： #前端开发

【TS】day05-enums-and-literal-types

TypeScript 枚举与字面量类型 — 定海神针，一次讲透程序里到处都是"固定的一组值"：设备状态（运行/待机/故障）、告警级别（提示/警告/严重）、协议类型（MQTT/Modbus/OPC-UA）。用裸字符串管理它们，拼错一个字母就是运行时炸弹。枚举与字面量类型就是治理这种混乱的定海神针——

作者：mario 发布时间：2026-08-28

分类：默认分类 , TypeScript

标签： #前端开发

【TS】day04-type-guards-and-assertions

TypeScript 类型守卫与类型断言 — 安全的类型收窄术，一次讲透联合类型声明了"我可能是 A 也可能是 B"，但真正使用值的时候，TS 依然要求你证明"它现在到底是哪一个"。类型守卫（Type Guard）就是向编译器提供证据的手段；类型断言（Type Assertion）则是你拍胸脯担保

作者：mario 发布时间：2026-08-28

分类：默认分类 , TypeScript

标签： #前端开发

【ES6】week16-summary

第 16 周总结：进阶特性 + 综合实战 — 阶段1 毕业 🎓 蜗牛往上爬 · 前端工业可视化学习笔记第 16 周总结本周补齐进阶特性（深浅拷贝、防抖节流、Proxy 伏笔），用毕业项目"智能设备监控台"把 16 周所学全部整合。阶段1 正式收官——你已经具备工程化思维的前端开发者地基。目录

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day41-capstone-project

第四十一天：智能设备监控台 — 阶段1 毕业项目蜗牛往上爬 · 前端工业可视化学习笔记第 41 篇 16 周的终点站：把 Class、ES Module、async/await、Map/Set、DOM、防抖、CSS 动画全部装进一个工程——智能设备监控台。数据每 3 秒自动刷新、温度随机波动、超

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day40-advanced-features

第四十天：进阶特性 — 深浅拷贝与防抖节流蜗牛往上爬 · 前端工业可视化学习笔记第 40 篇阶段1 最后一课补齐进阶特性：深浅拷贝（面试必考）、内存泄漏防范、Symbol 与 Proxy（Vue3 响应式的伏笔）、防抖节流（性能优化双璧）。学完这些，你的 JS 功底就完整了。目录

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】week15-summary

第 15 周总结：Class 与模块化 — 工程化地基落成蜗牛往上爬 · 前端工业可视化学习笔记第 15 周总结本周把原型继承升级为现代 Class（getter/私有字段/静态/继承/多态），用 ES Module 把单文件项目拆成分层工程。设备管理系统完成了从"一个 script"到"类/

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day39-es-module

第三十九天：ES Module 模块化 — 从单文件到工程蜗牛往上爬 · 前端工业可视化学习笔记第 39 篇单文件项目写到 300 行就开始失控：全局变量满天飞、依赖靠人肉排序。ES Module 用 import/export 让每个文件成为独立模块——显式声明依赖、私有作用域、按需复用。今

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day38-class

第三十八天：Class — 面向对象的现代写法蜗牛往上爬 · 前端工业可视化学习笔记第 38 篇第 10 周学过构造函数 + 原型继承，ES6 给了它们一套更优雅的语法——Class。今天学 class 定义、getter/setter、私有字段、静态成员和 extends 继承，把设备建模升

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】week14-summary

第 14 周总结：异步编程 — ES6 最重要的一战收官蜗牛往上爬 · 前端工业可视化学习笔记第 14 周总结本周拿下前端的核心难点：异步编程。从回调地狱到 Promise 三态，从 Promise.all 并发到 async/await 同步化写法，最后用 fetch + 模拟接口完成大屏数

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day37-async-await

第三十七天：async/await 与大屏数据加载实战蜗牛往上爬 · 前端工业可视化学习笔记第 37 篇 Promise 解决了嵌套，async/await 让异步代码"看起来像同步"——这是现代前端的终极异步形态。今天学 async/await 语法、fetch 真实请求、Promise.al

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day36-promise

第三十六天：Promise — 告别回调地狱蜗牛往上爬 · 前端工业可视化学习笔记第 36 篇异步是 JS 的灵魂，也是大屏的命脉——所有数据都来自接口请求。今天从回调地狱的痛点出发，理解 Promise 的三种状态、then/catch/finally 的用法，用链式调用把"金字塔嵌套"拍扁

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】week13-summary

第 13 周总结：对象扩展与 Set/Map — 数据结构版图补齐蜗牛往上爬 · 前端工业可视化学习笔记第 13 周总结本周完成了数据结构的升级：对象的新写法（简写、可选链、空值合并）让代码更安全优雅；Set 和 Map 补齐了"唯一集合"和"任意键值对"两块版图。综合实战"设备状态管理器"把

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day35-set-map

第三十五天：Set 与 Map — ES6 新数据结构蜗牛往上爬 · 前端工业可视化学习笔记第 35 篇数组和对象用了很多年，ES6 带来了两个新成员：Set（唯一值集合，去重神器）和 Map（真正的键值对，键可以是任何类型）。今天学它们 + 数据结构选型 + 一个综合实战：设备状态管理器。

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day34-object-extensions

第三十四天：对象扩展 — 简写、遍历与安全访问蜗牛往上爬 · 前端工业可视化学习笔记第 34 篇对象是 JS 的"一等公民"，ES6 给它带来了一大波增强：属性简写让代码更短，Object.entries 让遍历更优雅，可选链 ?. 和空值合并 ?? 让深层访问不再报错。今天把这些"现代对象写

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】week12-summary

第 12 周总结：函数扩展与字符串/数组扩展 — 代码全面"现代化" 蜗牛往上爬 · 前端工业可视化学习笔记第 12 周总结本周把 ES6 最常用的三大语法（箭头函数、模板字符串、展开运算符）和一批便捷方法全部拿下。你的代码已经从"能跑"变成"现代、简洁、专业"。目录

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day33-array-extensions

第三十三天：数组扩展 — 展开运算符与便捷查找蜗牛往上爬 · 前端工业可视化学习笔记第 33 篇数组是工业数据的主战场。ES6 给数组带来了展开运算符（...）、find/findIndex、Array.from、includes、flat 等一批利器。今天学完，数据处理会又简洁又强大。目录

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day32-string-extensions

第三十二天：字符串扩展 — 模板字符串与便捷方法蜗牛往上爬 · 前端工业可视化学习笔记第 32 篇字符串拼接曾是 JS 最繁琐的部分之一——又是 + 又是 \n。ES6 的模板字符串用反引号 + ${} 彻底改变体验，支持多行和表达式。再加 includes/startsWith/padSta

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】day31-arrow-functions

第三十一天：箭头函数 — 代码简洁的关键蜗牛往上爬 · 前端工业可视化学习笔记第 31 篇箭头函数（=>）是 ES6 的标志性语法。它让回调函数变得极简，还解决了 this 指向的难题。今天学箭头函数的各种写法、与普通函数的区别，特别是"没有自己的 this"这个核心特性——第 8 周的 th

作者：mario 发布时间：2026-08-27

分类：默认分类 , ES6

标签： #前端开发

【ES6】week11-summary

第 11 周总结：let/const 与解构赋值 — ES6 起航蜗牛往上爬 · 前端工业可视化学习笔记第 11 周总结本周正式进入 ES6 标准学习。let/const 解决了 var 多年的痛点（作用域污染、变量提升陷阱、重复声明），解构赋值让取值代码更优雅。从本周起，我们的代码将全面"现

作者：mario 发布时间：2026-08-26

分类：默认分类 , ES6

标签： #前端开发