LiveReload可以理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种频繁的操作在一定程度上影响了工作效率,而LiveReload可以帮助我们解决了这个问题。 实现原理:通过在本地开启一个 ...
原文:http: www.ydcss.com archives 简介: 使用gulp autoprefixer根据设置浏览器版本自动处理浏览器前缀。使用她我们可以很潇洒地写代码,不必考虑各浏览器兼容前缀。 特别是开发移动端页面时,就能充分体现它的优势。例如兼容性不太好的flex布局。 安装nodejs 全局安装gulp 项目安装gulp 创建package.json和gulpfile.js文件 . ...
2016-12-15 13:56 0 4629 推荐指数:
LiveReload可以理解为即时刷新,在前端开发中,开发者在编写或调试html/js/css代码后需要从编辑器切换到浏览器,再刷新浏览器才能看到页面变化,这种频繁的操作在一定程度上影响了工作效率,而LiveReload可以帮助我们解决了这个问题。 实现原理:通过在本地开启一个 ...
首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包。 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm ...
在网上看了好多关于browse-sync的使用介绍,基本都是把官网上的直接复制到博客上的,很少有实际的项目操作,当我把browser-sync+gulp在项目中使用的时候,因为要顾及到的文件较多,所以浏览器也很难实现时时刷新,还是有1-2s的运行时间的,废话不多说,看正文: 安装 ...
学也不难。 一个自动化构建工具都没用过的前端,何以谈人生? 以下是正题: 1.要玩gulp,首先 ...
Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。 所有你需要做的就是把它添加到你的资源构建工具(例如 Grunt)并且可以完全忘记有CSS前缀这东西。尽管按照最新的W3C规范来正常书写 ...
做了好多项目,这次终于要解决微信浏览器缓存这个令人头疼的问题了。每次上传新的文件,在微信浏览器中访问时,总要先清除微信的缓存,实在麻烦,在网上搜罗了很多解决办法,终于找到了方法:利用gulp解决缓存问题。关于gulp大家可以去gulp官网去详细了解。 这篇文章主要参考于Gulp解决发布 ...
使用gulp+babel搭建ES6环境 前言 我们查阅资料可以知道ECMAScript 2015(简称ES6)已经于2015年发布,由于用户使用的浏览器版本在安装的时候可能早于ES6的发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器又没有同步更新版本,或者是新版本的浏览器 ...
本文版权桂博客园和作者吴双共同所有,转载和爬虫请注明原文地址 http://www.cnblogs.com/tdws/p/6016055.html 写在前面 大家好我是博客园的蜗牛,博客 ...