-
Javascript设计模式(门面模式)
门面模式，是指提供一个统一的接口去访问多个子系统的多个不同的接口，它为子系统中的一组接口提供一个统一的高层接口。使得子系统更容易使用。在JavaScript中，这些子系统可以是一段复杂的代码或者是一个复杂的函数。一个简单的门面模式var addEvent = function(el, ty, fn){ var cases = [ function(el, ty, fn) { el.addEventListener(ty, fn, false); }, ...…
-
Javascript设计模式(组合模式)
组合模式，将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。实例:var Util = { forEach: function(items,fn,args){ for (var i = 0; i < items.length; i++) { fn.apply(items[i],args); } }, wirteLine: function(){ document.write(' -----------------...…
-
Javascript设计模式(工厂模式)
工厂设计模式分为简单工厂和抽象工厂，简单工厂即将生产实例的方法分离出来，抽象工厂会抽象出一个方法来生产实例，而真正的实现则交给子类去实现。未使用工厂模式:var Dell = function(){ console.log('戴尔电脑');}var Lenovo = function(){ console.log('联想电脑');}var ComputerShop = function(){};ComputerShop.prototype={ Constructor : Compute...…
-
Javascript设计模式(桥模式)
桥接模式（Bridge）将抽象部分与它的实现部分分离，使它们都可以独立地变化。这里的抽象部分与实现部分不一定是抽象类与实现类的关系，不必拘泥其实现形式。利用桥接模式可以分离业务逻辑单元。桥接实例事件监听回调机制<!DOCTYPE html><html><head><title>工厂模式</title></head><body><input type="button" name="" id="inp...…
-
html-Emmet语法
后代：>缩写：nav>ul>li<nav> <ul> <li></li> </ul></nav>兄弟：+缩写：div+p+bq<div></div><p></p><blockquote></blockquote>上级：^缩写：div+div>p>span+em^bq<div><...…
-
Angularjs学习笔记
Angularangular主要致力于减轻前端人员开发ajax应用程序的痛苦MVCMVC核心概念：把管理数据的代码（model）、应用逻辑代码（controller）、向用户展示数据的代码（view）清晰的分离开。在angular应用中：视图就是DOM，控制器就是javascript类，模型数据则被存储在对象的属性中。数据绑定单向数据绑定很多传统的模板系统数据绑定都是单向的，如下图：它们将模板和数据合并起来加入到视图中去，如图表中所示。合并完成之后，从图中的流向可以看出，任何对数据模型或者...…
-
less中文示例教程
一.变量1.value变量示例1input：// Variables @link-color: #428bca; // sea blue @link-color-hover: darken(@link-color, 10%); // 用法 a, .link { color: @link-color; } a:hover { color: @link-color-hover; } .widget { color: #fff; ba...…
-
nodejs之require函数
nodejs的require函数有三种引入方式：1.引入同目录下的包（根据文件夹名称）示例：node_require/somepackage/package.json：{ "name": "somepackage", "version": "1.0.0", "description": "", "main": "./dist/test.js", "scripts": { "test": "echo \"Error: no test specified...…
-
gulp结合seajs开发
上一篇说了gruntjs结合seajs开发，这一节我们来说一下gulp结合seajs是怎么开发的。其实gruntjs和gulp在前端开发中的作用是一样的，都是自动化项目的前端构建利器，那么它们有什么不一样呢？Grunt主要是以文件为媒介来运行它的工作流的，比如在Grunt中执行完一项任务后，会把结果写入到一个临时文件中，然后可以在这个临时文件内容的基础上执行其它任务，执行完成后又把结果写入到临时文件中，然后又以这个为基础继续执行其它任务…就这样反复下去。而在Gulp中，使用的是Nodejs...…
-
gruntjs结合seajs开发
gruntjs是一款前端构建化工具，其可以帮我们做很多重复性的劳动，可以很大程度上提高前端开发的效率，下面用实例就来简单介绍下其配合seajs模块化框架是如何使用的。示例1.首先你得安装nodejs，然后新建nodejs文件夹，当作项目的根目录，在其中新建package.jsonpackage.json:{ "name":"testGrunt", "version":"0.1.0", "dependencies": { "grunt":"~1.0.1", ...…
stay hungry stay foolish