让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 安装速度慢...

10分钟构建一个html5响应式开发框架

10分钟构建一个html5响应式开发框架
前置环境:nodejs  git  保证可以访问github.com 1.以管理员身份运行cmd.exe,安装yo mkdir webapp cd webapp npm install generator-webapp npm install yo -g 2.安装webapp D:\webapp2>yo webapp _-----_ ╭──────────────────────────╮ | | │ 'Allo 'allo! Out of the │ |--(o)--| │ box I include HTML5 │ `---------´ ...

前端工具bower wiredep

前端工具bower wiredep
Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。 详细信息请参考 bower官网 。 几个例子: 1.当前项目需要引入jquery bower install jquery 只需上面简单一条命令就可以将jquery库已经其依赖的库下载下来。直接就可以在项目中引用相关的文件就可以了。 2.使用bower.json { "name": "bower demo", "version": "2.9.0",...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: