易大师33-CSDN博客

原创移动端 loading图 css样式

HTML：<div class="section-loading-box"> <div class="g-loading"> <div class="g-loading-leaf g-loading-leaf-0"></div> <div class="g-loading-leaf g-loading-leaf-1"></div> <div cl

2017-03-08 14:11:44 1015

原创移动端 1px边框

HTML：<div class='line'></div>CSS:.line{ width: 100%; position: relative; &:after{ content: " "; position: absolute; left: 0; top: 0; width: 100%;

2017-03-08 14:09:56 335

原创移动端CSS RESET

以iphone6的750的视觉稿为准/*css reset*/html{font-size: 85.3333px;}body{font-size: 0.14rem; }/*实际相当于14px*//* iphone 6 */@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-devi

2017-03-08 14:08:25 485

原创常用项目结构和gulp配置

项目结构： gulpfile.js:var gulp = require('gulp'), browserSync = require('browser-sync').create(),//网页自动刷新 rename = require('gulp-rename'),//重命名 cssmin = require('gulp-cssmin'),//压缩css

2017-03-08 13:58:18 635

原创任意大小的图片在固定容器居中显示

HTML:<div class='box'> <img src='pic.png' /></div>CSS:.box{ width:300px; height:300px; line-height:300px; text-align:center; img{ vertical-align

2017-03-08 13:43:43 1209

一 RGBA的兼容性但是要兼容到ie8。这个就有点蛋疼了。因为ie8不支持rgba()函数。下面我们总结一下rgba()函数的含义。rgba的含义，r代表red，g代表green，b代表blue，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a代表透明度。比如rgba（255，255，255，0.1）就是透明度为0.1的白色。IE9及以上的浏览器是可以通过rgba设置透明度的。但是在ie8等古

2017-03-08 13:40:56 668

原创网页 video视频播放

1.video.js http://www.jq22.com/jquery-info404（IE下不能真正全屏） https://github.com/robinma/videoplayer 2.ckplayer播放器 http://www.ckplayer.com/（样式难以控制）

2017-03-08 13:28:42 673

原创 IE8 支持的背景图样式不拉伸，cover效果

问题：background-size:cover IE8 不支持解决：使用img作为背景图，用z-index来控制层级HTML：<div class="box">  <div class="bg"> <img src="banner.img" alt=""> </div>  <div class='c

2017-03-08 12:02:21 1667

原创移动端视口等宽正方形写法

移动端视口等宽正方形写法

2017-01-13 18:02:42 774

转载 JS数组的去重与降维

数组降维和去重

2017-01-13 17:47:30 605

转载浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用

浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用

2017-01-10 18:28:24 837

转载 Ajax状态值及状态码

Ajax状态值及状态码

2017-01-10 18:01:50 1179

转载懒加载和预加载

懒加载与预加载

2017-01-10 17:50:29 3583

转载图片懒加载（移动端）

在页面上图片比较多的时候，为了优化性能，可以采用延迟加载技术，我封装了一款轻量级的插件。

2016-12-28 19:44:17 760

转载 Lazy Load 图片懒加载

Lazyload图片懒加载插件

2016-12-28 19:38:27 393

转载移动端click事件延迟300ms到底是怎么回事，该如何解决？

问题由来这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名的，当属双击缩放(double tap to zoom)，这也是会有上述 300 毫秒延迟的主要原因。双击缩放，顾名思义，即用手指在屏幕上快速点击两次，iOS

2016-12-28 19:24:42 630

转载入门Webpack，看这篇就够了

阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走进了Webpack的大

2016-12-27 19:27:09 411

YiDaShi33的博客