摘要：
使用css3实现小菊花加载效果 最常见的就是我们用到的加载动画。加载动画的效果处理的好，会给页面带来画龙点睛的作用，而使用户愿意去等待。而页面中最常用的做法是把动画做成gif格式，当做背景图或是img标签来引用，这种方式最简单，也不会有兼容性的问题。不过最近再捣鼓CSS，看到一些动画的效果，不管是简 阅读全文
摘要：
使用gulp+babel搭建ES6环境 前言 我们查阅资料可以知道ECMAScript 2015(简称ES6)已经于2015年发布，由于用户使用的浏览器版本在安装的时候可能早于ES6的发布，而到了今天，我们在编程中如果使用了ES6的新特性，浏览器又没有同步更新版本，或者是新版本的浏览器没有对ES6的 阅读全文
摘要：
前言 在刚入门前端的时候，我们并不清楚前端有工具可以帮我们自动化打包压缩文件，当时只关注能实现功能就可以了，也不太在意前端性能优化的问题，随着项目功能的复杂，项目也变得越来越大，页面的执行速度也开始变慢，因此我们认识到了前端优化的重要性，但是之前的压缩打包都是需要我们自己手动执行或者去直接转化的网站 阅读全文
摘要：
总结一下平时使用CSS技巧使元素达到水平居中效果 相对定位（或绝对定位）实现水平垂直居中： 缺点：需要提前知道元素的尺寸。否则无法精确调整 margin 的值 但是有一个替代方案就是使用CSS3的 transform 属性。手机兼容性良好 上面代码使用 transform 代替了 margin , 阅读全文
摘要：
手机浏览器种类： UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，其他杂牌浏览器 国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自助研发的内核，就像国内的手机操作系统都是基于Android修改的 由于移动端 阅读全文
摘要：
每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 使用语法： element{box-shadow: inset x-offset y-offset blur-radius spread-radius color}; element{box-shadow: 阅读全文
摘要：
两种解决方法： 第一种： 在.babelrc中加入 { "presets": ["es2015", "react"], "plugins":[["import", {"libraryName": "antd", "style": "css"}]] } （PS:注意使用的是双引号，不然会有错误） 第二 阅读全文
摘要：
抓取网络图片需要加载http模块 //假定这是index.js文件 var http = require('http'); var url = 'http://p0.meituan.net/tuanpic/3df525af5a3f7fe04077567d2a6caf794904.png'; //一张 阅读全文