html5 video如何添加进度条_HTML5前端学习之路——从菜鸟到入门到入坑

不知不觉，在千锋武汉HTML5培训学习已经三个月了。最近这段时间，我一直在学习原生js的相关知识，而这周，正好是第二阶段第二个月的考试周。为了过关，在这里进行知识点的回顾和总结。

首先，js的概念是：JavaScript 是一门跨平台、面向对象的动态的弱类型的轻量级解释型语言，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。应用于 HTML 文档能够在网站上提供动态的交互能力，他不同于Java。

其次，js由三部分构成：BOM、DOM、ECMAScript核心。注意，script标签要放在body上面，需要在其中加上Window.onload。

最后，我们在最近这两周做了来到千锋武汉HTML5培训之后的第一个项目，在这次做项目中，暴露出很多不足，我总结在下面：

这次做项目，遇到很多以前没见过的bug，也通过和同学交流学习，了解到很多以前不知道的小技巧，这些是资料上学不来的，可以说是受益匪浅。在这里，我总结一些自己遇到的bug，解决的附上解决办法，没解决的，希望有看到的大佬可以帮忙解决。

1、一个很容易产生的bug，许多程序猿编写html和css时，都会遇到浮动和定位引起的高度塌陷的问题，我们都知道解决高度塌陷的方法，但是有时写的high了，会不看效果，一直编写，最后打开页面一看，一团乱麻，不仅不好找错误，而且看着乱七八糟，容易产生厌烦心理。这时候，就需要一个方便解决高度塌陷的办法。

解决方法：用我们以前学过的BFC的知识，在每个功能结构下面加一个div，class设置成clear，css样式就写成以前学习的万能清除法，这样就有效避免高度塌陷。

2、轮播图bug。这次项目中，主页的轮播和以前做过的不太一样，小图是三张一起运动，而每张鼠标时，有一个给其他可视兄弟元素添加遮罩的事件，这个用jquery可能很好写，但是我大部分用原生写的，再用jquery就会遇到很多问题，比如下面的span滑块设置了进度条功能，但是不生效，也不报错。

3、购物车总计有问题，点击减少购买数量按钮时，会出现input框中的数字为1，但是总计的价格依然可以减少。

在千锋武汉HTML5培训的三个月让我明白了，自己仍然是井底之蛙，前端的知识博大精深，我不懂的还有很多，希望能通过这次考试，让我可以继续学习新的知识，为自己的将来做准备，争取高薪！