在内容超出屏幕时，footer只有在滚动条拉直底部时才出现。当撑不满屏幕时，footer直接固定在底部。 主体区域 min-height:100%, 恰好把 footer 挤出一屏外，footer 本身使用负的 margin-top 往上提与 height 相同的距离，这时只需在主体区内部元素上添加 Read More
需求：在本地静态环境下，写好css后，需要同步至生产坏境，每次都需要复制，比较麻烦，有时候还会出现忘了的情况。 基于css本就用gulp进行压缩和实时编译，所以直接把同步的功能写在gulpfile中。 步骤如下： 1、在bin目录下新建cpcss文件，不带任何后缀名，可用git touch 新建 前 Read More
一直以来都是用css3来实现动画效果，一个是性能问题，第二个是js实现总不如css3流畅，但是最近发现了一个新大陆：requestAnimationFrame requestAnimationFrame是什么？requestAnimationFrame()函数就是针对动画效果的API，你可以把它用在 Read More
延迟加载也称为惰性加载，即在长网页中延迟加载图像。用户滚动到它们之前，视口外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。 那么延迟加载有什么好处：1、提升用户的体验，避免出现卡顿现象。2、有选择性地请求图片，减少服务器的压力和 Read More
项目中突然需要使用复制功能，在网上搜索了下看到了ZeroClipboard插件，好用，但是也有局限。用法如下： 1、引用jquery、zclip.js、swf文件。demo地址：https://github.com/chaoli920029342/jquery_copy 2、初始化 注： 1、需在服 Read More
做了个微信的h5邀请函页面，遇到了几个移动端的问题，一直都忘了整理。 1.input框光标不居中，用height为定值，设置了line-height也无效， 解决方法，不给定高，用line-height设置行高后，用padding撑起高度 2.微信内添加音频文件，但不会自动播放， 解决方法： 3.微 Read More
最近有用到日历可需要编辑文本的日历，为了绑定数据的方便，所以用js写了一套日历，其实思想也是很简单。 实现步骤如下： 1：首先取得处理月的总天数 JS不提供此参数，我们需要计算。考虑到闰年问题会影响二月份的天数，我们先编写一个判断闰年的自编函数： function is_leap(year) { r Read More
最近在做部门的技术分享网站，主要是一些文章的列表和演讲信息展示，内容比较规律，复用性较高。同事推荐了 handlebars.js。用来看看。 handlebars.js是一种静态JS模板，用起来还蛮简单的，比如：你想要生成某一大片界面，这一片界面有一定规律。比如我的这个网站，都标题，副标题，主讲人， Read More
总喜欢整理一些小的demo，整合成插件，以后就方便用啦！ 按钮的倒计时插件，参数直接给到秒数就好！ Read More
IE7 下，不能够自定义<select>/<option>的样式，所以为了方便起见，用div可以进行模拟 注意事项：1、如果有多个并列，互相之间会相互影响，IE7下，会被遮挡，为避免此问题，所有 设置层级为：1，选中时，层级改为22、<a>标签，缺少herf属性的话，IE7下将无hover效果3、使 Read More