于一的博客
搜索文章
首页
分类
文章
前端开发
情绪
关于我
心路
首页
分类
文章
前端开发
情绪
关于我
心路
于一
无限进步！
全部
默认分类 (182)
前端开发 (184)
HTML+CSS (23)
JavaScript (15)
ES6 (19)
TypeScript (28)
Canvas 2D (21)
图表+ECharts (7)
WebSocket+MQTT (7)
阶段1收官 (7)
Vue3 (14)
Canvas × Vue (7)
阶段2收官 (7)
Three.js (28)
情绪 (0)
【ES6】day30-destructuring
第三十天：解构赋值 — 从对象和数组中优雅取值 蜗牛往上爬 · 前端工业可视化学习笔记 第 30 篇 解构赋值是 ES6 最常用的语法之一——从数组按位置、从对象按属性名一次性取出多个值。交换变量一行搞定、函数参数直接解构、从 API 数据里优雅提取字段。今天把数组解构和对象解构都吃透。 目录
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
ES6
标签：
#
前端开发
【ES6】day29-let-const
第二十九天：let 与 const — 告别 var 的时代 蜗牛往上爬 · 前端工业可视化学习笔记 第 29 篇 正式进入 ES6 标准学习！第一课：let/const。从今天起，我们几乎不再用 var。let 带来块级作用域，const 带来不可变的引用——它们解决了 var 多年的两大痛点：作
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
ES6
标签：
#
前端开发
【JavaScript】week10-summary
第 10 周总结：原型、DOM 与事件 — JS 基础收官！ 蜗牛往上爬 · 前端工业可视化学习笔记 第 10 周总结 本周是 JS 基础的收官周：原型与继承让 JS 对象机制完整落地，DOM 让 JS 能操作页面，事件让页面能响应交互。收官项目"设备管理系统"用上了全部所学。至此，阶段1 的 JS
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day28-events-project
第二十八天：事件与综合项目 — 响应交互的"设备管理系统" 蜗牛往上爬 · 前端工业可视化学习笔记 第 28 篇 DOM 让 JS 能改页面，事件让页面能"响应"用户——点击、输入、键盘。今天学 addEventListener、事件对象、事件冒泡与委托，最后用全部所学（对象数组 + DOM + 事
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day27-dom
第二十七天：DOM 操作 — 用 JS 让页面"活"起来 蜗牛往上爬 · 前端工业可视化学习笔记 第 27 篇 之前学的 JS 都跑在"控制台"里，和页面没有关系。今天学 DOM——浏览器把 HTML 解析成节点树，JS 通过操作这棵树来修改页面。获取元素、改内容、改样式、增删节点，最后用 JS 渲
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day26-prototype-inheritance
第二十六天：原型与继承 — JS 的对象"基因" 蜗牛往上爬 · 前端工业可视化学习笔记 第 26 篇 JS 没有传统语言的 class 继承（ES6 的 class 也是原型链的语法糖），它的继承靠"原型链"实现。今天学构造函数、prototype、原型链，理解 JS 对象最核心的机制——这是面试
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】week9-summary
第 9 周总结：对象、数组与 JSON — 让数据"有结构" 蜗牛往上爬 · 前端工业可视化学习笔记 第 9 周总结 本周掌握了 JS 最重要的两种数据结构：用对象建模"一台设备"，用数组管理"一批设备"，用高阶方法做数据处理流水线，用 JSON 完成数据传输的序列化。这些都是工业大屏天天要用的核心
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day25-array-methods-json
第二十五天：高阶方法与 JSON — 数据处理的四大神器 蜗牛往上爬 · 前端工业可视化学习笔记 第 25 篇 for 循环能遍历数组，但 JS 提供了更强大的工具：forEach、map、filter、reduce——四大高阶方法，配合链式调用，几行代码完成复杂的数据清洗。再加 JSON 序列化，
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day24-arrays
第二十四天：数组 — 管理一批设备的数据利器 蜗牛往上爬 · 前端工业可视化学习笔记 第 24 篇 昨天用对象建模了一台设备，但大屏上通常有几十上百台设备——这就需要数组。今天学数组的增删改查：push/pop/shift/unshift/splice，以及 indexOf/slice/concat
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day23-objects
第二十三天：对象 — 用键值对建模一台工业设备 蜗牛往上爬 · 前端工业可视化学习笔记 第 23 篇 大屏上的每台设备——名称、温度、状态、位置——用什么数据结构描述最自然？答案就是对象。今天学对象字面量、属性读写、for…in 遍历、方法中的 this，以及一个必懂的概念：引用类型。 目录
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】week8-summary
第 8 周总结：流程控制与函数 — 程序有了"逻辑" 蜗牛往上爬 · 前端工业可视化学习笔记 第 8 周总结 本周从"直线执行"升级到"有逻辑的程序"：条件判断让程序会做选择，循环让程序会干重复的活，函数让逻辑可复用，闭包和 this 则是通往 JS 进阶的第一道门。 目录
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day22-closure-this
第二十二天：闭包与 this — JS 面试必考的两个概念 蜗牛往上爬 · 前端工业可视化学习笔记 第 22 篇 函数基础学完了，今天挑战两个"难点"：闭包和 this。闭包让函数拥有"私有记忆"，this 则是 JS 最容易搞混的机制。不用死记定义——用工业场景（计数器、状态缓存）来理解，一目了然
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day21-functions-basics
第二十一天：函数 — 把逻辑封装成可复用的积木 蜗牛往上爬 · 前端工业可视化学习笔记 第 21 篇 昨天的条件和循环让程序有了"逻辑"，但如果同样的代码要写 10 遍呢？函数就是解决方案——把一段逻辑打包，起个名字，随处调用。今天学函数的声明、参数、返回值、作用域和变量提升。 目录
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day20-conditionals-loops
第二十天：让程序有逻辑 — 条件判断与循环 蜗牛往上爬 · 前端工业可视化学习笔记 第 20 篇 上周学了变量和类型，但程序还只是"直线执行"。今天学条件判断（if/switch）和循环（for/while）——让程序能"做选择"和"干重复的活"。工业场景里，温度分级告警就是 if/else，遍历设
作者：mario
发布时间：2026-08-26
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】week7-summary
第 7 周总结：JavaScript 环境搭建与语言入门 — 从 HTML/CSS 到 JS 的第一步 蜗牛往上爬 · 前端工业可视化学习笔记 第 7 周总结 本周正式进入阶段1：JavaScript 核心基础。搭好了 Node.js 环境，学会了变量声明、六大数据类型、运算符、类型转换和比较运算。
作者：mario
发布时间：2026-08-20
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day19-type-conversion
第十九天：类型转换与比较 — JS 中最容易踩坑的地方 蜗牛往上爬 · 前端工业可视化学习笔记 第 19 篇 昨天学了变量和六大数据类型，今天深入 JS 最"坑"的两块：类型转换和比较运算。"5" + 3 等于 "53" 但 "5" - 3 等于 2？== 和 === 到底有什么区别？把这些搞清楚，
作者：mario
发布时间：2026-08-20
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【JavaScript】day18-js-env-types
第十八天：进入 JavaScript 世界 — 从环境搭建到六大数据类型 蜗牛往上爬 · 前端工业可视化学习笔记 第 18 篇 阶段0 的 HTML/CSS 大屏搭好了，但它是"静态的"——数据是写死的，时间不更新，图表是占位符。从今天开始进入阶段1：用 JavaScript 让大屏真正"活"起来。
作者：mario
发布时间：2026-08-20
分类：
默认分类
,
JavaScript
标签：
#
前端开发
【HTML+CSS】week6-summary
第 6 周总结：阶段综合实战 — 智慧工厂监控大屏 + 阶段0毕业 蜗牛往上爬 · 前端工业可视化学习笔记 第 6 周总结 本周是阶段0 的收官周——把前 5 周学到的全部 HTML+CSS 知识整合起来，从零搭建一个深色工业风 Dashboard 大屏页面。纯 HTML+CSS，不加 JS，不加图
作者：mario
发布时间：2026-08-20
分类：
默认分类
,
HTML+CSS
标签：
#
前端开发
【HTML+CSS】day17-polish-wrapup
第十七天：打磨与收尾 — 动效、响应式、阶段0毕业总结 蜗牛往上爬 · 前端工业可视化学习笔记 第 17 篇 大屏的骨架和内容已经搭好了，今天是"画龙点睛"——加上动效让页面活起来，做响应式适配让它换个屏幕也能看，最后写一份阶段0总结，为这段 HTML/CSS 之旅画上句号。 目录
作者：mario
发布时间：2026-08-20
分类：
默认分类
,
HTML+CSS
标签：
#
前端开发
【HTML+CSS】day16-dashboard-build
第十六天：从零搭建工业大屏 — Grid 布局 + 深色主题 + 设备卡片 蜗牛往上爬 · 前端工业可视化学习笔记 第 16 篇 今天是阶段0的"期末考试"——把前 5 周学的 HTML 语义化、CSS 盒模型、Flex 布局、Grid 布局、响应式、动效全部整合到一个项目中，从零搭建一个智慧工厂监
作者：mario
发布时间：2026-08-20
分类：
默认分类
,
HTML+CSS
标签：
#
前端开发
共 183 篇文章
1
2
3
4
5
6
7
8
9
10
页
# 情绪
(0)
# 前端开发
(183)
友情链接
github
Gitee
