龙空技术网

HTML5前端学习之路——从菜鸟到入门到入坑

千锋武汉 141

前言:

当前各位老铁们对“html5浮动塌陷”都比较关切,你们都想要知道一些“html5浮动塌陷”的相关文章。那么小编在网络上网罗了一些有关“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培训的三个月让我明白了,自己仍然是井底之蛙,前端的知识博大精深,我不懂的还有很多,希望能通过这次考试,让我可以继续学习新的知识,为自己的将来做准备,争取高薪!

标签: #html5浮动塌陷