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,但是总计的价格依然可以减少,找不到原网页的注册页。这让我明白了自己仍然是井底之蛙,前端的知识博大精深,我不懂的还有很多,还需要继续努力学习。

  • 发表于:
  • 原文链接:https://kuaibao.qq.com/s/20190611A0GSPY00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券