《css3实战》笔记(9)
新增的弹性盒模型。
新增的弹性盒模型。
前几天,同事做的页面出现个问题,flash在页面中无法点击。开始我认为是flash的问题,但是怎么调都不起作用,最后在主管的提示下得到解决。
接下去会整理一些组件出来,这也是我在这个公司能做的最后一件事情。老实说我觉得KISSY提供的DEMO,不是太理想,因为加载了很多了样式,然后JS也并不是写的很理想,因为它都重用了公共类,即可不用传参,一旦想用自己的类来写,不想用KISSY提供的,那对于初学者来说并不是太理想。当然,我们也要尝试着去看相关的API来提升自己。
对于前端来说,可能扒代码也是一种乐趣之一吧。最近同事碰到的页面,稀奇古怪的比较多,好在这也让我有了学习的机会,不至于在那里闷骚。好了,要实现的功能是多个搜索框,是仿照http://chaoshi.taobao.com/这个页面的。
简单的瀑布式布局,我相信大家都会了。在看瀑布式的页面时,我们大家都清楚,里面的数据并不是一下子都出来的,而是拉下滚动条,就出来一些,再拉一下,再出来一些。
晚上回来居然被冯总看出我喜欢某某人,真是。。。。不过再喜欢,又能怎样,人家已经有男朋友了。有时候想着把她从那人手中抢过来,不过还是算了。我不是一个放不下的人,但是有些事情最好的解决的方式就是让时间去冲淡它。老实说,今年的功力提升地很慢,于是乎我决定听从陈大哥和我说的,继续往事业发展。我相信如果她看到我能这样,而不是把心思放在如何追求她上面,会欣慰的。。好吧,我又开始装了。
增强的颜色功能。
似乎又有好几天忘记写博了,有时候生活的确实像狗一样,挺累的,也希望大家能体谅与明白。下周又要和另外一个同事协作一个项目的前端,估计又没有多少个晚上能写点属于自己的东西。近期,同事重构的页面中出现了很多瀑布式布局的结构,什么瀑布式+分页,或者再加点其他的组件,比如喜欢、赞或者投票啥的。老实说,这个瀑布式布局也不是很难,因为已经有DEMO提供了。小张在今天就分享一个动态的瀑布式布局,数据是通过JSON来取的,包括用到了上次说的模板,还有就是类似tab一样的选择加载内容。
文本方面的属性值
其实小张一直觉得图片上下抖动应该是gif的事,就是由设计师完成透明(或者带背景的)的gif,再发给前端,前端弄上去。因为如果由JS来写的话,开一个定时器,一直在那时,没有关闭,挺耗CPU的,个人观点,希望各位大师指点。也就是昨天,同事接到一个页面,里面有个类似flash的功能,就是点击开始游戏,人物跳到某个点,然后那个点上面的图片开始上下抖动。当时也是半开玩笑地和同事说,跳到那个点之后,把那上面的图片干掉,然后换成gif。想想有点无厘头了,趁着买饭的时候,想了一下JS的实现。到家后也顺便地写了一个版本出来。DEMO简单如下: