30分钟学会使用gulp

30分钟学会使用gulp
gulp详细入门教程 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩...

‘gulp’不是内部或者外部命令,也不是可运行的程序或批处理文件

‘gulp’不是内部或者外部命令,也不是可运行的程序或批处理文件
前端技术在今年来可谓是百花齐放,以angularjs为代表的MVVM框架都有很多非常多的选择。当然构建工具也在进步,有比较成熟的grunt和新一点的gulp。今天在windows上就遇到’gulp’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。这样的提示,其实类似的错误在node工具里面是很相似的,都是因为没有配置全局的环境变量或者路径有错误导致的。 1、创建环境变量 NODE_PATH 2、值设置为%AppData%npmnode_m...

12 个 jQuery selectBox / DropDown 插件

12 个 jQuery selectBox / DropDown 插件
12 个 jQuery selectBox / DropDown 插件 select 默认的样式并不适合每一个人,有时候你可能想自己控制它的样式(在不同的设备和浏览器上保持一致),或者你可能还需要一些额外的功能。幸运的是有很多功能强大的 jQuery 可以帮我们实现这些功能。   在这里收集了一些插件你可以用于下个项目,其中有些插件提供了高度可定制化的选择、方法、事件等,而其他的一些则是样式及易用性的简单替换。 1....

前端开发工程师面试题 Javascript

前端开发工程师面试题 Javascript
1. 要动态改变层中内容可以使用的方法有(AB ) a)innerHTML b)innerText c)通过设置层的隐藏和显示来实现 d)通过设置层的样式属性的display属性 2. 当按键盘A时,使用onKeyDown事件打印event.keyCode的结果是(A ) a)65 b)13 c)97 d)37 3. 在javascript里,下列选项中不属于数组方法的是(B); a)sort() b)length() c)concat() d)reverse() 4. 下列哪一个选项可以用来检索被选定的选项的索引号?(B) a)di...

JS中的call、apply、bind方法详解

JS中的call、apply、bind方法详解
call()、apply()、bind()都是函数对象的一个方法,它们的作用都是改变函数的调用对象。它的使用极大的简化了代码的调用。   一、方法定义 call方法 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对...

JS家的排序算法

JS家的排序算法
当年,想凭借抱Java大腿火一把而不惜把自己名字给改了的JavaScript(原名LiveScript),如今早已光芒万丈。node JS的出现更是让JavaScript可以前后端通吃。虽然Java依然制霸企业级软件开发领域(C/C + +的大神们不要打我。。。),但在Web的江湖,JavaScript可谓风头无两,坐上了头把交椅。 然而,在传统的计算机算法和数据结构领域,大多数专业教材和书籍的默认语言都是Java或者C/C+ +。这给最近想恶...

AngularJS2.0 学习笔记09:Form表单相关的指令

AngularJS2.0 学习笔记09:Form表单相关的指令
Form指令 Form指令需要引入NgForm 组件:import {NgForm} from 'angular2/common' 实例如下: 新建一个student.ts文件,作为实体类定义 export class Student{ constructor( public id: number, public name: string, public age: number, public address?: string ) { } } address?表示在new 一个 student对象的时候,这个属性可以忽略 新建一个student-form.component....

AngularJS2.0 学习笔记08:事件响应详解

AngularJS2.0 学习笔记08:事件响应详解
事件响应详解 在Angular2.0中,Html试图dom树的任何一个节点上都可以添加相应的事件,例如OnClick事件,OnMouseOver,OnMouseOut事件,OnKeyUp事件等等。 添加事件的格式形如下面这样 <button (click)="onClickMe()">点击我!</button> 等号左边的(click)表明是什么事件的响应。右边是Angular表达式,即事件的响应函数onClickMe() 在前面笔记中,我们已经了解了搭建和运行Angular2.0的app,现在...

AngularJS2.0 学习笔记07:开发指南资料汇总

AngularJS2.0 学习笔记07:开发指南资料汇总
AngularJS2.0 开发指南 经过前面的学习,基本了解了Angular2.0的使用,所有的Module都是一个Component,甚至一个事件响应也是一个Component,或者表单验证也可以是一个Component。 Angular的运作机制图 Angular2.0 API 添加Bootstrapping 组件 import {bootstrap} from 'angular2/angular2'; 常见的模板语法 在Angular中 组件中的数据和Template中的表达式进行数据绑定,表达式可以是一个常量值 ,也可以...

AngularJS2.0 学习笔记06:service组件(在线算命App 引入数据服务器)

AngularJS2.0 学习笔记06:service组件(在线算命App 引入数据服务器)
service组件 对于初学者,在学习之前请阅读前面笔记内容。 在多个组件中我们需要使用hero的数据,在生产环境下,这些数据或许是从网络服务器端获取,或许是本地静态数据,然而我们又不想copy到这个组件,copy到那个组件中。我们可以创建一个唯一的可重复使用的请求数据的组件。Angular2.0中将使用注入的方式给组件注入service组件。 service 组件命名规范 所有的Service组件以service结尾。 文件名全部是...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: