发表于: 2018-06-20 06:39:46

1 652


今天完成的事情:

  1.任务十四header footer部分用scss重构成单独文件

  2.学习张鑫旭博客float的使用

  3.看《Head First JavaScript》
明天计划的事情:

  1.任务十四完成

  2.理解以及会写轮播图
遇到的问题: 

  1.hover伪类使用时元素位置发生移动,因为设置的时 a:hover {border:1px solid red;}因为hover时在标准盒子模型下,超出了原来的尺寸,所以解决方法有两种:1.设置为怪异盒子模型2.在未hover时就设置border .

  2.今天写scss时,发现只给body设置font-size不管用,需要连同html设置上font-size才可以。

收获:

  1.如何将JavaScript代码加入网页(细数各种方式)

 (1)可将代码嵌入<head>元素中。在网页中添加代码时,最常见的方式是在<head>元素中添加一个<script>元素。这让你的代码更容易找到,好像也是放置代码的合理位置,但这并非总是最佳方式。

  (2)也可以将代码内嵌在网页的<body>元素中。为此,可将JavaScript代码放在<script>元素中,并将<script>元素放到网页的<body>元素中(通常是最后)。这种方法要好些。为什么呢?浏览器加载网页时,将先加载<head>元素内的所有内容,再加载<body>元素。因此,如果将代码放在<head>中,用户可能必须等一会儿才能看到网页。如果将代码放在<body>的HTML后面,则用户等待这些代码加载时就能看到网页的内容。

  (3)还可将代码放在独立的文件中,并在<head>中链接该文件。这与链接到CSS文件类似,唯一的差别是,你使用<script>标签的src特性来指定JavaScript文件的URL。放在外部文件中,代码更容易维护(独立于HTML),还可用于多个网页。但这种方法也有缺点,那就是所有代码都将在网页的<body>部分之前加载。

  (4)最后,可在网页的<body>元素中链接到外部文件。这是鱼和熊掌兼得的最佳方式,既有一个可用于任何网页且易于维护的JavaScript文件,又在网页末尾引用它,这样它将在网页加载完毕后再加载。

  2.console.log可用于输出字符串,但它到底是什么东西呢?

  将控制台视为具有特定功能的对象。其功能之一是写入日志,而要让控制台执行这种功能,我们使用语法console.log,并将用圆括号括起的输出传递给它。

 3.== 和=

 运算符=用于赋值,而运算符==用于判断相等性。也就是说,给变量赋值时使用一个等号,判断两个值是否相等时使用两个等号。

  4.JavaScript有趣语法

   (1)每条语句都以分号结尾。x = x + 1;

   (2)单行注释以两个斜杆打头。

   (3)空白无关紧要。

   (4)将字符串用双引号括起(也可使用单引号,这两种方式都可行,只要统一即可)。

   (5)不要用引号括起布尔值true和false。

   (6)声明变量时,可以不给它指定值。var width;

   (7)不同于HTML标记,JavaScript区分大小写,这意味着大小写很重要。counter和Counter是两个不同的变量。







      


返回列表 返回列表
评论

    分享到