http://www.tuicool.com/articles/2eaQJn 用Grunt配置watch和liveReload组件,可以实时检测指定的文件变化并自动刷新浏览器.目前基本已经成为了我的必备配置.特别是在写前端页面的时候,不用再频繁去点浏览器刷新按钮.工作的时候把浏览器拖到扩展屏,保存文件实时看到变化,特别提高开发效率. 而且livereload插件非常人性化,在检测到不需要重刷新浏览器运行的文件,例如css文件变化时,直接在页面里重载文件,而不刷新页面.使效果反应非常快捷. 下面是…

var gulp = require('gulp'),     sass = require('gulp-sass'),     watch = require('gulp-watch'),     browser = require('browser-sync'),     imagemin = require('gulp-imagemin');   var path = {     sass: 'sass/*.scss' }   // 编译sass gulp.task('sass', fun…

grunt-contrib-watch:实时监测文件的增删改状态,状态改变时自动执行预定义任务使用watch时,被watch的文件可以分开写,这样可以提高watch的性能,不用每次把没修改的文件也执行一遍任务.需要时时监测的文件要放在watch里面. npm install grunt-contrib-watch --save-dev grunt.initConfig({ watch: { css: { files: ['public/scss/*.scss'],//要监测的文件 tasks:…

gulp livereload实现sass实时编译及浏览器自动刷新 首先gulp是基于Node的,所以确保你已经安装 node.js,在Nodejs官方网站下载跟自己操作系统相对应的安装包. 先说一下gulp安装流程: 1:全局安装gulp,操作为: npm install gulp -g;2:在根目录下创建 package.json文件,操作为:npm init,之后根据操作输入“名字,版本号,描述”等内容,直接按回车则使用默认值,最后根据提示输入YES即可:输完后根目录下多了个package…

文档地址  http://webpack.github.io/docs/usage.html 首先全局安装webpack(我这里使用的是淘宝的cnpm) cnpm install webpack 检查一下是否安装完毕,查看版本号 webpack -h 简历package.json文件 npm init  一直enter就可以了 然后再本地安装一次webpack cnpm install webpack --save-dev 新建webpack.config.js module.exports =…

1,持续集成 概念:http://baike.baidu.com/view/5253255.htm,对于大多数人而言,自动构建/自动测试/自动部署,已经很发挥它的价值了.选择上: 推荐jenkins,一是它比较常见,二是它能跑在windows服务器上 CruiseControl有.net的版本,一进其官网看见醒目的文档过期提示,我就没有尝试的欲望了 gitlab ci的web界面清爽(比jenkins好看),但是只能跑在linux上,感兴趣的同学去试验吧,所以本文是讲的jenkins. 2,ms…

实现以下功能: 1.检测当前音频环境,是否支持录音(WebAudio Api): 2.获取输入.输出设备列表,获取电脑默认的音频设备: 3.试音功能,通过分析录音样本数据,判断是否录到声音: 4.实时监听录音过程,根据样本片段展示录音音波: 5.实时监听音频设备变化,有设备插入或拔出时给出相应反馈: 6.生成wav文件: 7.支持转换为mp3格式,由于是同步转换,所有可按场景需要,使用webworker或创建子进程来异步转换. 说明: 1.最近项目实在太忙,抽不出时间好好梳理整个流程,又怕时间过…

[文件(File)]-[设置(Settings)]-[工具(Tools)]-[File Watchers]-[+]-[Less]打开New Watcher配置界面. https://blog.csdn.net/lhtzbj12/article/details/54882683…

一.理由 使用JNotify监测的更全面,更快速. 二.参考代码 import net.contentobjects.jnotify.JNotify; import net.contentobjects.jnotify.JNotifyException; import net.contentobjects.jnotify.JNotifyListener; public class Main implements JNotifyListener { public static void main(…

1. 我使用过的Linux命令之du - 查看文件的磁盘空间占用情况 用途说明 du命令是用来查看磁盘空间占用情况的,在Linux系统维护时常会用到,并且通常与df命令搭配使用.首先使用df看一下各个磁盘分区的占用情况,如果某个分区的占用超过一定百分比(比如80%),就认为该分区应该清理一下了.如果不太确定从哪里下手清理,就可以使用du来统计一下各个目录的磁盘占用情况,找到磁盘占用大的目录. 常用参数 -s 显示总数量. -h 显示的数量更好看些,比如用K/M/G表示大小. --max-dept…