发表于: 2017-04-09 22:33:13
1 517
今天完成的事情:
1、对任务14进行拆分,拆出组件和模块。
2、学习如何使用css3实现轮播图。
3、学了点菜鸟教程上js的简介、用法、输出及语法几个小知识点。
明天计划的事情:
1、继续做任务14/15。
2、学习js的相关知识,写出折叠菜单。
3、利用css3完成轮播图。
4、继续学习菜鸟教程上js的知识点。
5、之前买了本《JavaScript DOM编程艺术》,抽一定时间来看书。
遇到的问题:
1、暂无。
收获:
1、利用css3完成轮播图的主要思路是:将几张图片左浮动放入一个容器中,再将此容器放入相框容器中,相框容器和图片大小相同,对多余部分设置溢出隐藏,然后通过动画来进行偏移或者margin-left等来实现切换效果。除此之外再加上切换按钮实现点击切换功能。
2、js的用法和css差不多:
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
也可以像css一样外部引入。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件,在 <script> 标签的 "src" 属性中设置该 .js 文件。
3、JavaScript 没有任何打印或者输出的函数。
JavaScript 可以通过不同的方式来输出数据:
使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台。
4、如需从 JavaScript 访问某个 HTML 元素,使用 document.getElementById(id) 方法。使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:
5、JavaScript 字面量:在编程语言中,一个字面量是一个常量,包括(数字、字符串、表达式、数组、对象、函数)。
JavaScript 变量:在编程语言中,变量用于存储数据值。JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:
6.js中对大小写特别敏感,常用驼峰法的命名规则,
驼峰命名法(Camel-Case): 当变量名或函式名是由一个或多个单字连结在一起,而构成的唯一识别字时,首字母以小写开头,每个单词首字母大写(第一个单词除外)。
如:myFirstName
评论