摘要:
占位符placeholder的益处不用多说,但是很不幸的是,在IE8之前的浏览器里是无法实现placeholder这一属性的,所以在需要兼容IE8之前的浏览器的情况下,我们不得不想办法模拟实现placeholder属性。 在前面的一篇文中《获取表单的初始值,模拟placeholder属性》中,就曾经
阅读全文
posted @ 2017-06-23 10:39
烛火星光
阅读(1979)
推荐(0)
摘要:
项目中如果应用了常用的javascript类库,多数情况下,这些已经封装好的类库,都会封装一个类似于addClass和removeClass的方法,以便于我们对DOM节点的class进行操作。 以jQuery为例: 由于是封装好的方法,我们甚至都不需要检查需要操作的class在DOM中是否存在,用起
阅读全文
posted @ 2017-06-12 10:37
烛火星光
阅读(18575)
推荐(0)
摘要:
整理一下JavaScript中几种数组去重的方法吧! 不管哪种去重方法,必然避免不了一个原数组和一个新数组的变量,就提前定义吧。 第一种:纯粹循环的方法 第二种:利用javascript内建函数indexOf 第三种:其实有点类似于第二种方法,先对arr1进行排序,然后用新数组中的最后一个值,与排序
阅读全文
posted @ 2017-06-09 08:27
烛火星光
阅读(202)
推荐(0)
摘要:
在日常的项目中,出现复选框或者单选框,应该都属于常见需求了,最开始阶段,一般只有两种可能性: 一、完全使用 <input type="checkbox" />或者<input type="radio" />完成复选框和单选框,如此,就必须接受不同的浏览器对input[type=checkbox]或者
阅读全文
posted @ 2017-05-26 15:28
烛火星光
阅读(917)
推荐(0)
摘要:
瀑布流布局已然完成,那么剩下的就是另一个比较大的工程了——无限加载。 之前说了,这个活动项目是基于SUI-Mobile搭建的,所以可以直接使用sui内建组件“无限加载”来实现这个功能。 没有真实的数据,所有数据都是自己创建的假数据 以works.json为例: 一个数组,里面是一个个的对象。 最开始
阅读全文
posted @ 2017-04-21 11:11
烛火星光
阅读(6740)
推荐(0)
摘要:
一直以来,习惯了jquery的DOM操作方式,突然间,开始学习使用vuejs,很多时候,操作DOM观念总是转换不过来,虽然也能实现各种效果,但是总有点不伦不类的。 就类似于最近在做的瀑布流布局,正常的方式完成,并且上线之后,作为练手,也使用vuejs来走了一趟。 需求:瀑布流布局照片墙 使用了SUI
阅读全文
posted @ 2017-04-20 17:20
烛火星光
阅读(20476)
推荐(1)
摘要:
一个常见需求,实时监听textarea的输入变化,并在页面上显示还能够输入多少字符。 开发过程中翻了两个形式错误: 1、仅仅使用onkeyup事件 2、使用zepto绑定事件的时候,经验主义错误 第三方输入法在输入拼音的时候,并没有把输入的汉字直接写在输入框内,而是在输入法上方暂存,只有选择了字后才
阅读全文
posted @ 2017-04-07 17:23
烛火星光
阅读(2910)
推荐(0)
摘要:
很多人都用过text-align,基本上也比较熟悉这个属性。 前面4个常用,后面新增的属性值由于浏览器支持度不好,目前来看,用的比较少。 很多时候,会有一种需求,就是段落文字两端对齐,但是最后一行需要居中对齐,这时候就需要使用 text-align: justify;并且配合text-align-l
阅读全文
posted @ 2017-04-01 17:04
烛火星光
阅读(2544)
推荐(0)
摘要:
转行前端,时间也不短了,也见识到了前端行业的蓬勃发展,以及一些新鲜技术的层出不穷。 由于自身计算机基础的薄弱,更加上一直没有遇上一个公司力推新技术,所以一直以来基本上都是靠着jquery和则zepto行走天涯,也没觉得有什么不妥,再多就是用用一些前端的UI框架,诸如bootstrap,SUI-Mob
阅读全文
posted @ 2017-03-24 13:21
烛火星光
阅读(523)
推荐(0)
摘要:
最近的工作以移动端项目居多,经常会涉及一些比较小的动画效果,所以使用css3设计动画效果也就越发熟练起来。但是不得不承认,一直以来都是凭感觉使用transform, transition, animation,而没有深究过这三者之间的真正的内在的区别,以及一些触发条件。 仅仅知道从字面上理解这三者:
阅读全文
posted @ 2017-03-14 16:17
烛火星光
阅读(439)
推荐(0)