CSS3 Flexbox布局快速入门教程
Flexbox 是是 CSS3 引入的新的布局模式，全称是 flexible box （意思是“灵活的盒子容器”）。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。
它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强...
老牌滚动时间轴jQuery插件Timelinr
jquery.timelinr.js是一款老牌时间轴插件，可以制作水平和垂直时间轴效果，并且可以进行自动播放。你可以通过参数来控制每次时间轴切换的动画效果。
引用js文件：
<script src="js/jquery-1.x.x.min.js"></script>
<script src="js/jquery.timelinr-0.9.x.js"></...
解决使用overflow:scroll;样式在苹果ios上滚动卡顿
给元素使用overflow:scroll;后在苹果手机浏览器上滚动时会卡顿，解决方法是：
在overflow:scroll;滚动的容器中增加样式：
-webkit-overflow-scrolling: touch;
或者给body增加：
body {overflow-x: hidden}
如果body和html使用了height: 100%;就把height: 100%;去除掉。
另外：...
html form表单input使用disabled后提交不能获取表单值
form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法：
方法一：
使用readonly带替代disabled，即把
disabled="disabled"
修改为
readonly="readonly"
二者区别：
disabled不能接收焦点，使用tab键时将被跳过，可能不是successful的；...
jquery比较相同元素的高度并获取最高值
同一个页面，相同的div元素，要获取这些元素高度最大的值，然后设置指定元素的高度，代码如下：
<script>
$(function() {
var h_max = 0; //定义一个默认变量，并赋值为0，用于比较
$('.ClassName').each(function() { //遍历相同样式名的元素
var h = $(this).height(); //获取每个元素的高度，（可根据需要...
前端移动端适配方案之rem之小白解惑
移动端适配-rem:
认识移动端
做适配方案之前先认识下移动端，熟悉移动端和pc端的区别和特点，才能真正理解做适配的精髓，这里就简单介绍下；
网上找不到主流android设备的数据表，就以iphone为例：
以iphone6为例：
竖屏宽为375，叫做逻辑像素（有的地方叫独立像素）；
竖屏宽的像素750，叫做物理像素，是设备实际的光点个数，要知...
本地使用js或jquery操作cookie在谷歌浏览器chrome中不生效
一般是在本地调试cookie，无论使用jquery cookie插件还是js原生态cookie方法，在谷歌浏览器chrome中都不生效，这是什么原因？
原因是：
chrome不支持js在本地操作cookie
据测试，除了chrome浏览器外，其他主流浏览器（ie、firefox等）都支持js在本地操作cookie。
如果是部署到服务器不生效，则可能是浏览器设置成了不支持cookie。...
通过css修改select下拉列表框的默认样式
实现原理很简单，就是通过把浏览器默认的下拉框样式清除，自定义select样式，再把默认的下拉按钮替换为张向右对齐的小箭头图标即可，具体代码如下。
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:...
10个无版权限制图库图片素材网站分享
这几年关于图片版权索赔的事件不在少数，要避免图片侵权，最简单的办法就是直接从正版图库购买版权图片，对于初创公司而言成本太高。这里给大家整理了10个目前提供免费图片素材资源网站，这些网站的图片质量相当高，大部分为高分辨率，最重要的是，它是免费的，无版权限制哦！
Pixabay
网址：https://pixabay.com/
Pixabay提供可在任何地方使用的免费图片和视频，所有的图像和视频Pi...
使用JS和canvas实现gif动图的停止和播放
HTML5 canvas可以读取图片信息，绘制当前图片。于是可以实现图片马赛克，模糊，色值过滤等很多图片特效。我们这里不用那么复杂，只要读取我们的图片，重绘下就可以。
HTML代码：
<img id="testImg" src="xxx.gif" width="224" height="126">
<p><input type="button" id="testB...
通过CSS或JS实现gif动态图片的停止与播放
到需要可以随时随地停止gif动态图片播放的需求的时候，可以通过下面几种方法实现。
方法一：多img资源控制处理
就是准备2套图片，一个是gif动态图片，还有一个是只有一帧的静止的图片，如jpg图片。然后使用JS来回切换<img>的src值为这两张图片地址，或者通过js实现点击就切换显示两张图片。
这种方法的优点就是兼容性强，所有浏览器都可以实现停止效果。然而这种方法有个局限，就是暂停...
使用IE11浏览器调试IE7、IE8、IE9、IE10浏览器
现在的操作系统使用的IE浏览器版本都比较高，有时候制作网页的时候需要测试低版本IE浏览器的兼容问题会显得比较麻烦，部分人会使用IEtest软件测试，但该软件体验发现并不好，其实上IE11浏览器本身就提供了IE7、IE8、IE9、IE10浏览器的测试功能。
1、打开IE浏览器，点击键盘F12，进入到如下图的界面：
2、选择【仿真】按钮进入，在文档模式里选择自己想要调用的IE浏览器版本，数字对应I...
