现在移动端项目在重构阶段,将之前的jQuery全部替换成Zepto了。由于Zepto的精简,以置于之前的jQuery的代码不能运行了,其中visible选择器就是其中一个。既然已经选择了Zepto,那就给Zepto增加visible功能。
分析第一反应就是思考通过元素的属性来判断,然后尝试了使用display和visibility来进行判断。但是经过小的测试,是我想的简单了!
display是无法继承父元素的,visibility是能够继承父元素,但是父元素采用的是display显示与隐藏。
参
...
怎么写好组件
发表于
|
分类于
js
我们为什么要写组件呢?这里不细分组件、插件、控件,追究其原因无非让代码,能够复用,追求更快的开发效率。其实还有个重要的原因,项目大了之后,难以维护。这个时候就会把项目中重复的部分抽取出来,形成一个组件。但是组件也会有些’缺点’,这个最后讲。
组件需求要实现如图的一个条件选择器
有的时候,项目时间紧张,就会直接切图,通过jquery的dom选择器实现这个’简单的功能’。
需求分析为了更好的维护,以及更好的复用此组件,就要做些抽象。
数据层: 用来决定按钮个数以及按钮是否选择
表现层: 按钮使
...
2016-6-25技术活动
发表于
|
分类于
总结
这个是上个月的活动的了,一直想记录下每次活动的收获,补下。这次老大邀请了张云龙 (fouber)和李靖 (小胡子哥)来我司做分享。
张云龙的 “技术体系成长”云龙现在担任全民tv技术总监,给我们展现他们公司所做的技术积累,以及其在创业过程中的辛酸泪。 其中有个故事感触很大。12345678910A: '我想做个易企秀,大概要多少钱?';龙: '得10W吧,还得组个团队做下';A: '这么贵?';龙: '恩';第二天A: '我做好了,发个链接给你看看';龙: '惊呆!,怎么做的?';A: '
...
实现小小的fullpage
发表于
|
分类于
js
需求背景 今天运营给了一个需求,要做个引导页,也就是全屏滚动。考虑到只有3张图,就自己码个吧!说干就干。
思路
设置一个外层container, 用户的可见区域,也就是全屏
container内有3个层次,每个层次大小都跟container一样大小
每次滚动时候通过css的transform属性进行偏移,并结合transition过渡一下效果
1234567891011121314151617181920212223242526*{ margin: 0; padding:
...
content案例
发表于
|
分类于
css
实现如下的消息提醒
第一种方式很简单在标签(i)后面,在添加一个元素并通过定位元素,来达到实现效果。但是其实之前看过张鑫旭的一篇文章,content内容一直没有具体的应用。这次就想通过content来实现
content实现首先其实这个消息主要有2个部分
外形-圆型和背景颜色内容-消息个数
给i标签添加before伪类来实现样式,设置before中的content值就能实现如图效果12345678910111213141516i:before{ content: '2';
...