[深圳|结业弟子]JS-徐炜|2018年06月02日的日报-技能树.IT修真院

发表于： 2018-06-02 23:03:11

1 611

一、今日完成的情况

1、写好了第二和第三个页面，准备用sass开始编译，结果第一个首页页面不知咋回事崩了，昨天还好好的,回溯本地历史，又重新弄了一遍。

2、局部问题还不少，调整了半天页面的局部布局和样式，页面较多，代码量有点多，弄起来挺繁琐。

3、填完小课堂PPT的后半部分的常见问题，还没来得及准备演示要用的demo。

二、明天的计划

1、继续做任务十四；

2、后天就小课堂了，明天赶紧把演示要用的demo准备好。

三、遇到的问题

三个页面，代码量多了，调整起来挺麻烦的，小问题不断，有点拖沓，看的头昏脑胀。

1、首页页面，不知道误删了什么，页面崩掉了，回溯本地历史也没用。（强迫症，每天清理回收站... 删了啥也找不回来了.....）

解决办法：重新再做一遍...

2、导航栏顶部，图像上方和文本上方有塌陷的现象。

解决办法：开始以为是顶部的原因，调整了半天无果，用开发者工具的select element in the page to inspect it点选也难以看出是属于那一部分，后来才发现是导航栏的问题，多了一个1px的边框，难怪选半天都选不到，就一丁点.......

四、收获

JavaScript的使用，看了几天JS的基础知识，还没注意JS的使用方法。

（1）定义：JavaScript是一种网页脚本编程语言，它支持客户端与服务器端应用程序以及构件的开发，也是一种解释性的语言，需要选编译后运行。

（2）用法：通过在HTML页面中，通过<scritp>签加载JavaScript脚本, 来运行。有两种方式：内嵌和外部引用，1>.内嵌:将脚本内容直接置于<scritp>签的内容中 ;2>.外部引用:通过<scritp>签的src属性引用一个脚本文件。和CSS的外链方式一样，一般推荐使用外部引用的方式进行引用。优点是便于维护，采用内嵌的方式，会使JS脚本遍布各个页面中，而引用脚本文件的话，可以把JS脚本集中放到一个文件夹中，方便管理，程序员在不触碰 HTML页的情况下，集中精力开发JS脚本。<scritp>标签, 可置于页面的<head> 或 <body> 部分，但是，这样做有明显的缺点，这会导致JS立即下载并顺序执行，很有可能阻塞页面渲染。推荐放在 <body>的尾部一定会在页面渲染完成后，下载并执行。这一点，在之前的任务中，师兄早已讲解过，这里理解起来就更容易一点。

（3）运算符：分为7类运算符：

1>.赋值运算符（=，+=，-=，*=，/=，%=，<<=,>>=,|=,&=)；

2>.算术运算符（+, -,*,/,%,++,--)；

3>.比较运算符（>,<,<=,>=,=,!=)；

4>.逻辑运算符（||,&&,!)；

5>.条件运算符（?:)；

6>.位运算符（|，&，<<,>>,~,^)；

7>.字符串运算符（+）。

（4）表达式：有4类表达式，分别为：赋值表达式，算术表达式，布尔表达式，字符串表达式.

（5）语句：赋值语句，switch语句，while循环语句，for循环语句，do while语句，break语句，continue语句，with语句，try()cathc语句等等。

（6）函数、对象、事件，前几天的日报已提过，就不反复整理了。

任务进度：