发新贴  快速回复

10月23日-远程课记录:获取元素方法、类数组、流程控制for、this关键字、模拟单选多选

妙味-小仙
2017-10-26 12:28

上课时间: 2017年10月23日 20:00~22:00

听课地址:>> 腾讯课堂  

课程内容:

【1】获取元素的方法、类数组

【2】流程控制---for循环语句

【3】this关键字

【4】模拟单选/多选、选项卡思维

 

在上节课我们学习了加号的功能,既可以做加法运算,也可以做字符串拼接,随后学习了classList对class的增删操作。最重要的是学习了流程控制语句if语句,从语法开始,逐渐隐身了一些运算符,布尔值,数组之类的知识点。最后使用了if语句写了两个适用的案例,切换图片。

 

本节课学习了获取元素的N种方法,在通过标签名和class获取的时候,是一个类数组,必须通过下标的方式获取。然后学习了非常重要的流程控制语句for循环,执行顺序以及注意事项。随后使用for循环分别写了生成10个div,模拟单选模拟多选。也写了一个非常重要的按钮,培养自己的选项卡思维,在随后的例子中用处极其广泛。

 

讲师打包发给同学们的课件截图:

上课期间同学们的提问(部分问题):

  • Q:下面讲一下for套for的执行流程吧?
  • Q:是不是CSS3里面的属性选择器那种?
  • Q:这种方法的单选消耗的性能是不是有点大?

在上课期间,讲师 一 一 解答了大家提出的问题,正在学习的你是不是也遇到过这些问题呢?

遇到问题可在我们 >>社区解答版块 提问喔~

 

课后作业布置案例图一:

练习说明:

1. 鼠标移入后小于当前元素的加上背景颜色
2. 大于当前的元素的去掉背景颜色
3. 当鼠标移开每点击,去掉所有元素的背景颜色
4. 当点击的时候,在离开,保持小于点击的元素的背景颜色

已经完成课后练习的小伙伴,可以提前下节课的内容预习啦~

 

第二课预告:获取元素方法、类数组、流程控制for、this关键字、模拟单选多选

【直播】京东无缝滚动幻灯片(上)    (10月25日 20:00-20:30)

【直播】京东无缝滚动幻灯片(下)    (10月25日 20:30-21:00)

【直播】百度音乐全选(上)    (10月25日 21:00-21:30)

【直播】百度音乐全选(下)    (10月25日 21:30-22:00)

不要错过下一楼的回复,讲师解答过程待续更喔~

 


相关链接:

>>JavaScript 全栈一小步,职场前进一大步

>>10月20日-远程课记录:元素的其他属性、字符串、classList的使用、流程控制---if、数组

>>10月18日-远程课记录:变量、事件、函数、style属性操作

妙味-小仙

现在我们一起看看讲师如何解答同学们在课下遇到的问题吧~

 

QQ群在线即时解答:

时间:2017年10月24日 20:00~21:30
地点:腾讯课堂&妙味远程课技术 QQ 群
内容:主要是针对学员在“事件、元素相关属性、数组以及布置的练习完成情况”等相关问题。

 

有的同学提出练习过程中的问题,也有同学提交练习请讲师批改,学习的氛围很浓厚,有几位同学还坚持到很晚。

QQ群提出的问题:

 

  • Amy ChenRich        20:21:49    看下我的代码有什么问题?

 

 

 

  • Amy ChenRich        20:21:49    看下我的代码有什么问题? 

2017-10-26 12:29  回复本帖
妙味-小仙

我们再移步至社区解答版块,看看我们远程班的学员都提了哪些问题吧~

2017年10月23日  12:22   [腾讯课堂 & 妙味远程]:沐沐 提问

>>第二节课模拟发送短信

 

2017年10月23日  13:10   [腾讯课堂 & 妙味远程]:jscn 提问

>>第二次课后作业,模拟手机短信作业

 

2017年10月23日  11:34  [腾讯课堂 & 妙味远程]:90-ING  提问

>>请老师帮忙看一下,能不能优化代码

 

2017年10月24日  00:51  [腾讯课堂 & 妙味远程]:Legendary 提问

>>第二次扩展作业

 

看到半夜12点,还有小伙伴在提交练习,为他们点赞~

2017-10-26 12:32  回复本帖
登录 后才可以发表回复