原生 JavaScript 学习

题目链接 感谢题目作者

第一课 (6)

1. 控制 Div 属性 👌
2. 网页换肤 👌
3. 函数接收参数并弹出 👌
4. 用循环将三个 Div 变成红色 👌
5. 鼠标移入/移出改变样式 👌
6. 记住密码提示框 👌

第二课 (12)

1. 百度输入法 👌
2. 点击 Div，显示其 innerHTML 👌
3. 求出数组中所有数字的和 👌
4. 弹出层效果 👌
5. 函数传参，改变 Div 任意属性的值 👌
6. 图片列表：鼠标移入/移出改变图片透明度 👌
7. 简易选项卡 👌
8. 简易 JS 年历 👌
9. 单一按钮显示/隐藏一播放列表收缩展开 👌
10. 提示框效果 👌
11. 鼠标移过，修改图片路径 👌
12. 复选框（checkbox）全选/全不选/返选 👌

第三课 (9)

1. 用typeof查看数据类型 👌
2. 用parseInt解析数字，并求和 👌
3. 累加按钮，自加1 👌
4. 输入两个数字，比较大小 👌
5. 页面加载后累加，自加1 👌
6. 判断数字是否为两位数 👌
7. 网页计算器 👌 (逻辑理清楚)
8. 简易网页时钟 👌 (Date标准库，正则)
9. 倒计时时钟（100秒）👌 (Timer)

第四课 (9)

1. setTimeout应用 👌 (导航栏、事件冒泡、timer)
2. 自动播放一幻灯片效果 👌 (timer、轮播图)
3. 自动改变方向一幻灯片效果 👌(与2类似)
4. agruments应用一求出函数参数的总合 👌(arguments)
5. css函数一设置/读取对象的属性 👌(style/getComputedStyle/currentStyle)
6. 当前输入框高亮显示 👌 (onfocus/onblur)
7. 数组练习：各种数组方法的使用 👌(事件)
8. 事件练习：封装兼容性添加、删除事件的函数 👌(增添事件监听)
9. 星级评分系统 👌(浮动窗口)

FCC 上的一些小项目

1. Build a Tribute Page Incomplete * (模拟制作个静态页面) 👌

一些其他小练习

Todo

简单的 todo 功能 利用浏览器存储功能保存本地数据