摘要：
学了这么多知识点，总得找个项目练手。我选了经典的 TodoList 待办事项，别看它简单，五脏俱全，能覆盖很多基础知识点。 我用 Vue + 原生 CSS 来做。功能包括：添加待办、删除待办、切换完成状态、筛选全部 / 已完成 / 未完成、统计未完成数量、本地存储持久化。 核心代码片段： html 阅读全文
posted @ 2026-07-09 20:08
dangguang
阅读(1)
评论(0)
推荐(0)
摘要：
原生 JS 写多了，总觉得操作 DOM 又繁琐又容易出 bug。早就听说 Vue 框架很好用，这周终于开始学习 Vue 了。 Vue 是渐进式 JavaScript 框架，核心思想是数据驱动视图。不用再手动操作 DOM，数据变了，页面自动更新。 html 预览 {{ message }} 点击修改 阅读全文
posted @ 2026-07-09 20:07
dangguang
阅读(2)
评论(0)
推荐(0)
摘要：
以前写页面，一个 HTML 文件里引入一堆 CSS 和 JS 文件，顺序错了就报错。学了模块化和 Webpack 之后，前端开发的方式彻底颠覆了。 ES6 模块化让 JS 文件可以互相导入导出： javascript 运行 // utils.js 导出 export function add(a, 阅读全文
posted @ 2026-07-09 19:06
dangguang
阅读(1)
评论(0)
推荐(0)
摘要：
在我的认知里，JavaScript 只能跑在浏览器里。直到接触了 Node.js，才知道 JS 还能跑在服务端。 Node.js 不是语言，也不是框架，它是基于 Chrome V8 引擎的 JavaScript 运行环境。有了它，前端就能用 JS 写后端服务、写工具脚本，能力边界一下子拓宽了很多。 阅读全文
posted @ 2026-07-09 19:06
dangguang
阅读(1)
评论(0)
推荐(0)
摘要：
学习前端的过程中，代码越写越多，有时候改坏了想回退都难。朋友建议我学 Git，说这是程序员的必备技能。学完之后我只想说：真香，为什么不早点学！ Git 是分布式版本控制系统，核心作用就是管理代码版本。最基础的操作： bash 运行 初始化仓库 git init 把文件加入暂存区 git add . 阅读全文
posted @ 2026-07-09 19:05
dangguang
阅读(2)
评论(0)
推荐(0)
摘要：
写了这么久代码，我一直很好奇：浏览器拿到 HTML 文件后，到底是怎么把它变成我们看到的网页的？带着这个疑问，我去了解了浏览器的渲染流程。 简单来说分这么几步：首先解析 HTML 生成 DOM 树，同时解析 CSS 生成 CSSOM 树；然后把 DOM 树和 CSSOM 树结合，生成渲染树（Rend 阅读全文
posted @ 2026-07-09 19:05
dangguang
阅读(1)
评论(0)
推荐(0)
摘要：
刚开始给元素绑事件的时候，我都是谁需要就给谁绑。直到遇到列表动态新增元素的问题，才了解到事件冒泡和事件委托。 事件流分三个阶段：捕获阶段、目标阶段、冒泡阶段。事件触发后，会从最外层 document 一层层往下传到目标元素（捕获），然后再一层层往上冒回 document（冒泡）。我们平时绑的事件，默 阅读全文
posted @ 2026-07-09 19:04
dangguang
阅读(2)
评论(0)
推荐(0)
摘要：
学了一段时间的 JS 基础语法，我终于开始接触 DOM 操作了 —— 也就是用 JavaScript 去操控网页上的元素。 最基础的就是获取元素： javascript 运行 // 通过ID获取 const box = document.getElementById('box'); // 通过选择器 阅读全文
posted @ 2026-07-09 19:03
dangguang
阅读(2)
评论(0)
推荐(0)
摘要：
ES6 可以说是 JavaScript 的一次重大升级，新增的语法特性让这门语言焕发了新生。学到现在，我已经彻底离不开这些新特性了。 首先是箭头函数。写法简洁，而且没有自己的 this： javascript 运行 // 普通函数 const add = function(a, b) { retur 阅读全文
posted @ 2026-07-09 19:03
dangguang
阅读(1)
评论(0)
推荐(0)
摘要：
JavaScript 是单线程语言，异步编程是它的核心特点之一。刚接触异步的时候，我的大脑经常在同步和异步之间切换不过来。 最基础的异步就是定时器 setTimeout。明明写在后面的代码，却比定时器里的代码先执行： javascript 运行 console.log('1'); setTimeou 阅读全文
posted @ 2026-07-09 19:02
dangguang
阅读(2)
评论(0)
推荐(0)
浙公网安备 33010602011771号