ConditionalProfileCard S9JavaScript练习项目
黑色底的交互式练习项目 ConditionalProfileCard_S9,挺适合拿来练手 DOM 操作的。它专注在 JavaScript 操控 DOM 这块,像是怎么选元素、怎么改样式、怎么添加事件监听器,甚至还能不用刷新页面就动整个网站——嗯,蛮有意思的。
项目是个教学仓库,逻辑清晰,练习安排也比较合理。每个小节都能单独运行,不怕学一半卡住。你只需要本地装个 node.js 10+
和 python 3+
,再装下 breathecode-cli
,一键跑起来完全没压力。
教程和命令行工具整合得还不错,命令也简单:
npm i breathecode-cli -g
npm i jest@24.8.0
breathecode run
十秒就能跑起来,响应也快。练习结构也清爽,比如每个功能都分在 exercises
子目录下,适合边改边看。如果你正在学 原生 JavaScript,是想搞懂 DOM 到底怎么“动”起来,这仓库可以说是个小宝藏。顺手还能看看这些相关资源:node-cli-boilerplate 和 nff 查文件工具,都挺搭的。
如果你本地环境还没配好,记得先确认 npm
能正常跑,再考虑用这个练手项目,不然会出点小麻烦。
ConditionalProfileCard_S9
预估大小:134个文件
styles.css
32B
styles.css
文件夹
styles.css
1KB
styles.css
60B
styles.css
文件夹
styles.css
456B
styles.css
文件夹
styles.css
53B
styles.css
文件夹
styles.css
31B
454.99KB
文件大小:
评论区