不知不觉,在黑马学习已经三个月了,最近这段时间,我一直在学习原生js的相关知识,而这周,正好是第二阶段第二个月的考试周。为了过关,在这里,进行知识点的回顾和总结。 首先,js的概念是:JavaScript 是一门跨平台、面向对象的动态的弱类型的轻量级解释型语言,是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。应用于 HTML 文档能够在网站上提供动态的交互能力,他不同于 Java。简单说就是基于浏览器处理 HTML 文档,实现各种网页特效,响应用户的各种操作,为网页添加动态效果,提升用户操作体验,比如图片滚动播放效果,点击登录按钮弹出对话框,鼠标移入移出动画,表单提交数据验证等。
其次,js由三部分构成:BOM,DOM,ECMAScript核心。注意,script标签要放在body上面,需要在其中加上Window.onload。
然后,js的语法规则,就不一一列举了。
最后,我们在最近这两周做了来到黑马之后的第一个项目,在这次做项目中,暴露出很多不足,我总结在下面:
这次做项目,遇到很多以前没见过的bug,也通过和同学交流学习,了解到很多以前不知道的小技巧,这些是资料上学不来的。所以,可以说是受益匪浅。
一、在这里,我总结一些自己遇到的bug,解决的附上解决办法,没解决的,希望有看到的大佬可以帮忙解决。
1.一个很容易产生的bug,许多程序猿编写html和css时,都会遇到浮动和定位引起的高度塌陷的问题,我们都知道解决高度塌陷的方法,但是有时写的high了,会不看效果,一直编写,最后打开页面一看,一团乱麻,不仅不好找错误,而且看着乱七八糟,容易产生厌烦心理。这时候,就需要一个方便解决高度塌陷的办法。
解决方法:(注:这是我参照百度页面学到的)用我们以前学过的BFC的知识,在每个功能结构下面加一个div,class设置成clear,css样式就写成以前学习的万能清除法,这样就有效避免高度塌陷。
2.轮播图bug。这次项目中,主页的轮播和以前做过的不太一样,小图是三张一起运动,而每张鼠标时,有一个给其他可视兄弟元素添加遮罩的事件,这个用jquery可能很好写,但是我大部分用原生写的,再用jquery就会遇到很多问题,比如下面的span滑块设置了进度条功能,但是不生效,也不报错(未解决)
3.购物车总计有问题,点击减少购买数量按钮时,会出现,input框中的数字为1,但是总计的价格依然可以减少。(未解决)
4.找不到原网页的注册页(所以没写)。
这让我明白了,自己仍然是井底之蛙,前端的知识博大精深,我不懂的还有很多 |
|