利用q模块使gulp中的任务按顺序执行

利用q模块使gulp中的任务按顺序执行
举一个简单了例子: gulp.task('task2',function(){ setTimeout(function(){ console.log("task2 has been completed") },3000) }) gulp.task('task1',['task2'],function(){ console.log("task1 has been completed") }) 在命令行中执行gulp task1 通过命令行的任务流程,我们可以看出,任务并没有像我们想象的那样运行。这是因为在gulp中,所有task都是异步执行的...

解决Gulp task执行的先后依赖以及先后顺序

解决Gulp task执行的先后依赖以及先后顺序
我想执行的工作流程是 1.监控tpl中html文件变化-->复制tpl中的html文件到dist目录下-->刷新html文件版本号-->刷新浏览器 2.监控less文件的变化-->清空dist/css目录下的所有css文件-->编译less-->刷新html文件版本号-->刷新浏览器 3.监控js的变化-->清空dist/js目录下的js文件-->复制src/目录下的js到dist/js下-->刷新html文件版本号-->刷新浏览器 4.监控res/目...

让gulp按顺序执行

让gulp按顺序执行
gulp的关键在于流,这从它的logo就能看出来。 在node中,流是操作文件时一个重要的概念。流是指什么呢?它包含两个含义:“水流”和“流水”。 水流蕴含了源源不断或是一股一股那样流过的意味;而流水是“流水线”或是“流水作业”里那种让物件通过各个环节依次对其加工的意思。 我们经常接触到的“流媒体”主要是前者的含义,当你在线看一部电影时,影音数据从服务器源源不断地流入你的播放器, 再经过一些处理...

vue.js基础指令列举及总结

vue.js基础指令列举及总结
1.v-bind 绑定dom元素属性 <div id="app-2"> <span v-bind:title="message"> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span> </div> var app2 = new Vue({ el: '#app-2', data: { message: '页面加载于 ' + new Date() } }) 2.v-if 条件 如果后面的值是true则显示。 根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / ...

Vue.js常用指令总结

Vue.js常用指令总结
有时候指令太多会造成记错、记混的问题,所以本文在记忆的时候会采用穿插记忆的方式,交叉比对,不易出错。 本文主要讲了一下六个指令: v-if//v-show//v-else//v-for//v-bind//v-on 1. v-if 条件渲染指令,根据其后表达式的bool值进行判断是否渲染该元素; eg:   HTML:  <div id="example01"> <p v-if="male">Male</p> <p v-if="female">Female<...

5ucms调用标签使用范例

5ucms调用标签使用范例
固定大类下所有子类内容(不包含子栏目名),如ID=4时 <!--channel:{ $table=channel $Where=id=4 }--> <!--List:{ $Row=10 $cid=[channel:childids] $Type=Images $Order=[ID] Desc }--> <a href="[list:aurl]" target="_blank"><img width="158" height="157" src="[List:indexpic $width=158 $height=157]" alt="[List:titlex]" /></a><br /&...

匿名函数、jquery插件、substring与substr剖析

匿名函数、jquery插件、substring与substr剖析
1.    JS中substring与substr的区别 之前在项目中用到substring方法,因为C#中也有字符串的截取方法Substring方法,当时也没有多想就误以为这两种方法的使用时一样的。这样就直接按照在C#中使用Substring的方式,直接在js中用了substring,在实际的项目中,有时候能得到正确的结果,但是有时候得到的结果却让人匪夷所思,后来仔细的调试跟踪之后才发现,原来是Js中substring的方法跟C#...

Visual Studio Code常用快捷键

Visual Studio Code常用快捷键
通过F1或者Ctrl+Shift+P打开主命令面板。在主命令面板中可以执行VSCode的任何一条命令。Command Palette是VSCode中最有用的模式,在这里你可以安装组件也可以查看快捷键等。 在主面板模式下按backspace可以进入Ctrl+P模式中。 本地文件导航模式(Ctrl+P) 通过Ctrl+P进入“本地文件导航模式”,该模式默认列出了你打开过的文件。在输入框中可以输入你想要打开的文件。 就像上图的输入框中...

是时候采用SVG Sprite来做背景图了

是时候采用SVG Sprite来做背景图了
SVG Sprite 传统的做法 使用AI或者合并SVG图像,然后用background-postion; 打开AI,新建一个30 * 60(px)的画布,设置好网格和参考线. 用AI打开svg文件,然后复制路径到画布上调整大小 其他就和css-sprite没有差异了 .icon-bg{ display: inline-block; width: 30px; height: 30px; background: url(./res/svg-sprite-background.svg); background-size:100% 100%; verti...

Webpack 入门教程中的一个坑

Webpack 入门教程中的一个坑
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 从图中我们可以看出,Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。 接下来我们简单为大家介绍 Webpack 的安装与使用。 安装 Webpack 在安装 Webpack 前,你本地环境需要支持 node.js。 由于 npm 安装速度慢...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: