于一的博客
搜索文章
首页
分类
文章
前端开发
情绪
关于我
心路
首页
分类
文章
前端开发
情绪
关于我
心路
2026 年 08 月
【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
标签：
#
前端开发
共 183 篇文章
1
2
3
4
5
6
7
8
9
10
页
