Web前端初学者分享原生JS学习心得

在这3个月时间里学到了不少的知识，二阶段这段时间，我们一直在学习原生JS的相关知识。在这里，进行回顾和总结。

首先，JS即JavaScript，它是一门跨平台、面向对象的动态的弱类型的轻量级解释型语言，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。应用于HTML文档能够在网站上提供动态的交互能力，它不同于Java。简单说就是基于浏览器处理HTML文档，实现各种网页特效，响应用户的各种操作，为网页添加动态效果，提升用户操作体验。比如图片滚动播放效果，点击登录按钮弹出对话框，鼠标移入移出动画，表单提交数据验证等。

在最近这两周我们做了来到千锋之后的第一个大项目，在这次做项目中，暴露出很多不足，我总结在下面：这次做项目，遇到很多以前没见过的bug，也通过和同学交流学习，了解到很多以前不知道的小技巧，这些是资料上学不来的，可以说是受益匪浅。

在这里，我总结一些自己遇到的bug，解决的附上解决办法，没解决的，希望有看到的大佬可以帮忙解决。这一个很容易产生的bug，许多程序猿编写HTML和CSS时，都会遇到浮动和定位引起的高度塌陷的问题，我们都知道解决高度塌陷的方法，但是有时写的high了，会不看效果，一直编写，最后打开页面一看，一团乱麻，不仅不好找错误，而且看着乱七八糟，容易产生厌烦心理。这时候，就需要一个方便解决高度塌陷的办法。

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

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

购物车总计有问题，点击减少购买数量按钮时，会出现input框中的数字为1，但是总计的价格依然可以减少，找不到原网页的注册页。这让我明白了自己仍然是井底之蛙，前端的知识博大精深，我不懂的还有很多，还需要继续努力学习。