JavaScript结课报告

JavaScript结课报告

1 系统分析与设计

1.1需求分析

因为随着社会发展，网速的提升，互联网已经于大家的生活密切相关了。作为一代与时俱进的青年，我们阅读书籍的方式已经不局限于厚重的纸质版书籍，我们现在阅读书籍更多的是网上阅读，因为相比较于携带不方便的纸质版书籍，我们使用网上阅读仅仅需要使用手机登录一个阅读网站并使用一些流量来阅读我们想要看的书籍。并且在网上更是可以阅读到一些现实生活中买不到的纸质版书籍，所以为了跟上时代潮流，我决定制作一个小说阅读网，为大家在网络上提供快捷、迅速、优质的阅读书籍，方便大家的阅读。让大家可以随时随地的阅读书籍增长知识。并且小说网站的赚钱方式也有很多首先是帮作者推荐小说到明显的位置，收取一定的费用或者收取小说网站的广告费用；
开放部分区域给到第三方网络平台做联盟广告推广，赚取代理费用（百度联盟、阿里之类）；还有些小说网站会收取收阅读者的会员费用来进行盈利。现在的小说网站市场已经是被正版的起点中文网，纵横中文网，飞卢小说网等几个小说网站以及一些盗版小说网瓜分掉了，如果要是分正版小说网一杯羹则是需要多本现象级小说来推广小说网站。

2系统实现

2.1系统调试

2.1.1注册页面和登录页面主要是通过老师细心的讲解以及上网收集材料来进行的编辑。
2.1.2通过智慧树第六章图像与多媒体文件中的滚动文字和多媒体文件的使用我了解到了如何在网站中设置滚动字幕以及如何添加媒体音乐。尤其注意的是当在网站添加媒体音乐的时候需要把音乐文件添加到与网站HTML文件一个文件夹里。
2.1.3我网站中设置的鼠标事件主要是通过从百度中搜索和了解鼠标事件以及智慧树中第十五章JavaScript中的鼠标事件来进行设置的。
2.1.3网站中的DOM主要是通过老师讲解以及智慧树中第十六章DOM和BOM中的第三节HTML DOM视频观看来对DOM进行了解，以及编辑。
2.1.4标签变色主要是通过老师上课讲解来进行编辑HTML文件。

2.2主观感受

刚看到JavaScript这堂课时，我以为跟我上学期学习的Java差不多，因为JavaScript 名称中包含着 Java,但是当我一学习起来发现Java和JavaScript两者是截然不同的语言,相比较来说java更像一个集合，而JavaScript只是一种脚本语言。JavaScript通常是需要嵌入到HTML页面中执行，而Java则有一个特点是与平台的无关性，所以Java语言在不同平台上运行时不需要重新编译。并且JavaScript与Java在浏览器中执行方式的区别是JavaScript为一种解释型编程语言，其代码发往客户端执行之前不需要经过编译，而是将文本格式的字符代码发送给客户编，由浏览器解释执行；而Java的源代码则是在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，其通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript程序是由若干语句组成的，语句是编写程序的指令。使用JavaScript是一种基于对象（Object）和事件驱动（ Event Driven）并具有安全性能的脚本语言，使用JavaScript可以轻松的实现与HTML的互操作，并且完成丰富的页面交互效果，它是通过嵌入或调入在标准的HTML语言中实现的，它的出现弥补了HTML的缺陷，是java与HTML折衷的选择。

结 论

1.知识总结

1.1鼠标事件中绑定到click事件处理函数的方法，clike事件在单击鼠标时触发；绑定到dblclick事件处理函数的方法，且dblclick事件在双击鼠标时触发。
1.2在CSS中使用一些属性来定义HTML文档的颜色和背景。常用的设置颜色和背景的 css属性, 使用color属性来设置前景颜色。使用background-color属性用来改变元素的背景颜色。
1.3CSS模型指定了边框样式，边距大小和内外边距中CSS属性中width指定元素的宽度。height指定元素的高度，margin指定元素的外边距，padding：指定元素的内边距，border:指定元素的边框的样式。
1.4键盘事件中绑定到 focusin 事件处理函数的方法。focusin 事件在光标进入 HTML元素时触发；绑定到 focusout事件处理函数的方法。focusout 事件在光标离开 HTML元素；绑定到 keydown 事件处理函数的方法。keydown 事件在按下按键时触发；绑定到 keypress事件处理函数的方法。keypress事件在按下并放开按键时触发；绑定到 keyup 事件处理函数的方法。keyup 事件在放开按键时触发。
1.5无插件播放多媒体时播放背景音乐时通常不需要显示播放控件，因此在定义标签时可以将contols属性设置为 false（或不使用 controls属性）。播放背景音乐时需要自动、循环播放，因此在定义标签时可以将autoplay 属性和loop属性设置为true。
1.6JavaScript变量中声明变量时不用声明变量类型，全部使用var关键字 ；一行可以声明多个变量.并且可以是不同类型；一行可以声明多个变量.并且可以是不同类型。
1.7JavaScript的输出方法alert() 弹出警告框，用来调试作用；console.log() 向控制台输出；document.write()向浏览器界面输出。
2.本系统存在的不足之处
2.1作为一个小说网站，本网站因为制作时间短，且没有资金支持，所以本网站中查看图书信息及阅读图书都是通过超链接跳转到的纵横小说网，没有小说的储备资源。
2.2本网站的主页面的图片是只有一张，没有图片之间的切换显得没有过多的灵动性。
2.3本网站的音乐只有一首虽然优美，但是没有切换音乐的功能，这样会丧失一部分讨厌这首钢琴曲的用户资源。
2.4书库里查看图书的信息时显示的图书信息的文字图片范围应该大一点。
2.5建议把本网站的音乐从自动播放调成手动播放，且增加音乐数量。