三人行,必有我师焉;择其善者而从之,其不善者而改之。---------------《论语·述而》
这个季节,对于未将脚步踏入社会的人来说,是一个在家里开着空调、吃着西瓜、玩着电脑的中场休息。而对于我来说,甚至对于我们来说,是一个不得不为之奋斗的XXX,而已经过了10多天7月,似乎没有给人留下哪怕一点点的舒适,势要将酷热进行到底。即使如此,也休想让我在前进的道路上逆向行驶。 人生也是一场龟兔赛跑,拥有了出色的弹跳力也不意味着能赢得胜利。时光荏苒,回首再看,似乎还没有来得及和班里的同学一一的说过话,学习的阶段就已进入了尾声。 每个人的刻苦自己知晓,然而天赋固然重要,勤奋也不可缺少。经过了刚刚结束的“慢慢买”项目,对于自己的学习成果都有了一个大概的了解,对于 开始时ajax的数据请求的懵懵懂懂,对于html结构搭建的模模糊糊,之后又对于效果特效的不再犹豫。所有人的水平都有所提升,但是在一个项目的5天时间里,2天被用来写页面,3天用来找bug。如果说,天赋和勤奋是前往必胜道路上的必胜条件,那么良好的记录自己所遇到的问题,就是致胜的绝招了! 很多的同学写的速度特别的快,但没有成为自己的东西再想也没有用。于是,我就一直走着自己的节奏,一直到最后一天。。。在写项目的时候,有些bug都是一些小问题,想法和做法都是正确的,但就是没有效果,细心的解决之后发现,问题在于:1.对于该方法的使用不熟悉,经常会使用错误,举个例子来说:某些标签并不具备某些属性,下面的问题中我也有提到过;2.就是单词、括号这类的错误,我在做项目的时候如果发现错误,第一反应就是回到代码中去找错误,而不是去看控制台,其实目前大部分的错误都可以在控制台里面找到并解决。。。 因为在写项目的时候,太过于热衷解决bug,以至于解决之后感觉问题都是太简单了,以至于一些问题并没有被记录下来,希望要改进这些坏毛病!所以,下面列举了一些我在使用中发现的一些小知识:
1.在白菜价中进度条为1%或很少的时候会变成一个瘦瘦的矩形的问题:
只要给i的设置overflow-hideen,因为浏览器会将超出边框会切掉,而我们对i有了一个圆角,这时,如果子元素超出了圆角的边框时,也会被切掉。 另外,我给了em设置了一点点的maigin-left,所以看上去就和上图差不多 2. 也是白菜价里,关于头部滚动条的方法。一开始使用的是js方法,写了好多行代码,并且还要调试半天。然后就发现了一个更好的办法,其实在基础css中已经学过了, overflow-y: visible|hidden|scroll|auto|no-display|no-content; 使用方法,如图所示,对ul的父元素设置,这时会默认有滚动条,需要在css中添加一行代码即可,是不是如此的easy呢。 3.在写整个项目的时候,使用toggle()的时候经常遇到,切换无效的问题:①.同样的代码别人的不行,我的就可以。。(/汗);②浏览器的缓存问题,需要清除。!!!!。下面给大家说一下排他思想。 一般来说,之前我们写的都是,清除所有的,再给自己添加。在jq的选择器中,有(:not)这种方法,叫做“除这个以外的xxxx做什么”,图中所示的是“除了id下面的div索引值为xx的下面的div,其他的xxx”........额。知道你懵了,别管我为什么这么写,我高兴!看图吧,你们这么聪明,一定知道我在说什么。 例如索引为0 的时候,即 imgId为0,说明,让id下面的第一个div干嘛 因为我写的div又在下一级,所以又用到了find()方法。你们明白了吗! 4.项目当中,因为除了大量的使用jq基本上都是原生写法。所以其中大量的使用了拼接字符串,和获取/设置标签属性的方法 (注:在第三个问题当中,可以看到,拼接字符串也可以被用在选择器当中) 图中的问题,我不多做解释了,应该都明白是什么。我没有在里面重新用ajax获取地址,而是通过 获取到 a标签中的href属性从而得到链接,(因为现在是在笔记本电脑,所以ctg=笔记本电脑)。上图中的蓝色的ctg是定义的变量。 (注:上图中的代码,显示的页面是下图的,我放在上面一起是想直接看到代码写完后跳转后的效果)。 5.先说一下,我的想法:
①通过点击,获取当前的图片地址,给遮罩(这个比较简单);
②获取到数据写在模板中,组合成了很多的div,每个div都有一个索引,然后点击左箭头/右箭头,获取该索引的的图片地址给遮罩。
一开始,我准备设置<div value=’{{productId}}’><div/> ,效果就是value=0,value=1,value=3........ 但是$(“xx”).val(),val()这个方法一般用于input标签。所以行不通。 所以我写了class,但是class=0,class=1,class=2.....??? 所以class=‘vid1’; 然后通过截取字符串,然后通过jq选择器获取到下面的src图片的地址,再给遮罩。 vid’是字符串,是class = ‘vid xx’里的vid ; vid_vid是截取后的数字 图上标注错了
最后,对于我们做任何事来说,时间都一直在催促着。要不然我们这么辛苦为了什么?答:当然是努力的升级,组队去打下一个更高级的副本啊,不然一直重复的刷着同一个副本有什么意义呢?!你说呢。
(ps:以上是我在写项目的时候所用的到方法,每个人的想法都不同,当一个方法使用不好的时候,肯定还会发现另外一个更优秀的方法。
最后,嫌弃我写的麻烦的人,你就嫌弃吧,反正我不嫌弃就行了
rgba:255,105,180,1)
|