whqet

【作业贴】移应171 04 抽奖程序案例

44

请大家在本贴实现猜数字效果，来达到熟悉数组语句实现。 要求： 把自己的效果传到自己github账号，本在本贴回复两位学号和姓名，如00 王海庆 链接 尽量体现自己最高水平 下次上课前交 做得好的有神秘大奖

【作业贴】移应171 05 模拟时钟

44

请大家在本贴实现模拟时钟，主要锻炼Date对象、计时器等知识点的使用。 请大家发挥想象，实现创意效果。 请在下次上课前，提交作业。 格式：00 王海庆 [链接]()

【作业贴】移应171 06 放大镜案例

73

请大家在本贴实现放大镜案例，练习事件处理与事件对象的使用。 请大家发挥想象，实现创意效果。 请在下次上课前，提交作业。 格式：00 王海庆 链接

【资源帖】Javascript对象入门

7

[MDN JavaScript 对象入门](https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects) [class的基本语法](http://es6.ruanyifeng.com/#docs/class) [class的继承](http://es6.ruanyifeng.com/#docs/class-extends)

【资源帖】JS事件处理

2

## 1. 相关资源 - MDN[文档](https://developer.mozilla.org/zh-CN/docs/Web/API/Event) - [课程讲义](https://bestace.github.io/fed/ppt/publish/41.html) - [事件类型](http://www.w3school.com.cn/html5/html5_ref_eventattributes.asp#Form_Events) ## 2. 案例 - 样式编辑器

【资源贴】作用域与闭包

2

## 目的 下次课我们将学习Javascript里的作用域与闭包，希望大家可以在下次课前，自主学习相关知识点。 ## 要求 1. 了解JS作用域 2. 函数级作用域 3. 闭包与封装 ## 资源 0. [课程讲义](https://bestace.github.io/fed/ppt/publish/40.html) 1. [作用域与闭包](https://www.kancloud.cn/kancloud/javascript-prototype-closure/66353) 2. [书写高效JS](https://github.com/dreamapplehappy/effective-javascript) 的第二章 3. [JS样式指南中的变量提升](https://www.kancloud.cn/kancloud/javascript-style-guide/43135) 4. [MDN闭包](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures) 5. 变量提升 #337 ## 练习 1....

【资源帖】函数资源及案例

1

## 函数资源 1. MDN [函数](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions) 2. MDN [Arguments 对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/arguments) ## 函数案例 1. [打字效果](https://bestace.github.io/fed/ppt/publish/demos/jsBase/)

【资源帖】Date对象及案例

3

## Date对象资源 1. 阮一峰 [Date 对象](https://wangdoc.com/javascript/stdlib/date.html) 2. MDN [Date对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date) 3. 课程[讲义](https://bestace.github.io/fed/ppt/publish/38.html) 4. Moment.js [官方网站](http://momentjs.cn/) ## Date对象案例 1. [数字时钟](https://bestace.github.io/fed/ppt/demos/jsBase/clock.html) 2. [模拟时钟](https://bestace.github.io/fed/ppt/demos/jsBase/clock2.html) 3. [倒计时时钟](https://codepen.io/whqet/pen/yxGWQQ) 4. [Vue.js实现的漂亮时钟](https://codepen.io/whqet/pen/NLeVeY) 5. [颜色背景时钟](https://codepen.io/guardian/pen/YXOZpR) 6. [canvas实现的环形时钟](https://codepen.io/motorlatitude/pen/uevDx)

【资源帖】数组操作及案例

2

## 资源 1. 阮一峰 [数组数据类型](https://wangdoc.com/javascript/types/array.html) 2. 阮一峰 [Array对象详解](https://wangdoc.com/javascript/stdlib/array.html) 3. MDN [Array对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array) 4. 课程[讲义](https://bestace.github.io/fed/ppt/publish/37.html) ## 案例 1. 抽奖程序 [案例](https://bestace.github.io/fed/ppt/demos/jsBase/lottery.html) 2. javascript使用Array数组实现省市区三级联动 [文章](https://blog.csdn.net/m0_37273490/article/details/80587390)

Javascript语言飞速发展，各种各样的学习资源非常多，有选择困难症的同学们如何选择适合的视频教程呢，这里给大家推荐几个，大家可以在课前进行学习，从而提升学习效率。 [B站](https://www.bilibili.com/)是一个非常好的网站，甚至对于学习前端来说，都是一个不错的网站，不信你看，庆哥推荐的视频学习教程很多都来自于这里呢？ 1. [JavaScript从入门到精通](https://www.bilibili.com/video/av29885002?from=search&seid=8201590715704680665) 培训机构智能社的JS教程，很经典，推荐学习。 2. [JavaScript视频140集](https://www.bilibili.com/video/av30099487?from=search&seid=8201590715704680665) 3. [深入解读ES6系列全18讲](https://www.bilibili.com/video/av20327829/?spm_id_from=333.788.videocard.5)