08 2014 档案

AMD COMMONJS
摘要：CommonJS规范来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录概述AMD规范与CommonJS规范的兼容性参考链接概述CommonJS是服务器端模块的规范，Node.js采用了这个规范。根据CommonJS规范，一个单独的文件就是一个模块。每一个模块都是一个单独的作用... 阅读全文
posted @ 2014-08-27 15:29 曹桦伟 阅读(365) 评论(0) 推荐(0)
nth-child
摘要：CSS3 伪类选择器 nth-child() 的用法伪类选择器 nth-child() 在IE6-8和FF3.0-浏览器不支持,CSS3中nth-of-type(n)（比如nth-of-type(1)）这个特殊的类选择符可以样式更加 个性的标题和段落等，不过，目前nth-of-type(n)只支持火... 阅读全文
posted @ 2014-08-27 14:19 曹桦伟 阅读(980) 评论(0) 推荐(0)
Backbone.history.start
摘要：Backbone.history.start([options])当你的所有路由创建并且设置完毕后，调用Backbone.history.start()来开始监控hashchange事件，并且分配路由需要指出的是：如果想在你的应用中使用HTML5支持的pushState，可以用：Backbone.... 阅读全文
posted @ 2014-08-26 17:08 曹桦伟 阅读(327) 评论(0) 推荐(0)
jquery bind live delegate one
摘要：1.bind( eventType [, eventData], handler(eventObject))eventType是一个字符串类型的事件类型，就是你所需要绑定的事件。这类类型可以包括如下：blur, focus, focusin, focusout, load, resize, scro... 阅读全文
posted @ 2014-08-25 17:03 曹桦伟 阅读(263) 评论(0) 推荐(0)
工厂模式
摘要：工厂模式分为简单工厂模式和复杂工厂模式，前者是使用一个类来生成实例，通常是一个单体，后者是使用子类来决定一个成员变量是哪个类的具体实例，也就是简单工厂包含在复杂工厂之中。//implements AjaxHandler，创建一个复杂的工厂来执行Ajax的一系列流程，里面包含了两个简单工厂var Si... 阅读全文
posted @ 2014-08-25 11:25 曹桦伟 阅读(146) 评论(0) 推荐(0)
单体模式
摘要：单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象，如果他可以被实例化，那么他只能被实例化一次。特点：可以来划分命名空间，从而清除全局变量所带来的危险。利用分支技术来来封装浏览器之间的差异。可以把代码组织的更为一体，便于阅读和维护。/*Basic Singleton*/var Sin... 阅读全文
posted @ 2014-08-25 11:10 曹桦伟 阅读(220) 评论(0) 推荐(0)
ECMAScript 5.1简介
摘要：by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=2148原文地址：Introducing ECMAScript 5.1翻译编辑：张鑫旭内容导读：简介浏览器支持ES5的严格模... 阅读全文
posted @ 2014-08-24 21:45 曹桦伟 阅读(989) 评论(0) 推荐(0)
ECMAScript5 ES5
摘要：ECMAScript5新增一系列新的方法（API接口），新的浏览器中大部分是被支持的（IE9，Chrome，FirFor），有少量API不是所有浏览器都支 持ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化，IE9不支持严谨模式，但IE10是支持的。Ob... 阅读全文
posted @ 2014-08-24 21:23 曹桦伟 阅读(304) 评论(0) 推荐(0)
提高 web 应用性能之 CSS 性能调优
摘要：CSS 性能调优CSS 代码的分析与渲染都是由浏览器来完成的，所以，了解浏览器的 CSS 工作机制对我们的优化有至关重要的作用。这篇文章我们主要从如下几个方面入手来介绍一下 CSS 的性能优化：Style 标签的相关调优特殊的 CSS 样式使用方式CSS 缩写CSS 的声明CSS 选择器把 Styl... 阅读全文
posted @ 2014-08-22 17:48 曹桦伟 阅读(184) 评论(0) 推荐(0)
前端精选文摘：BFC 神奇背后的原理
摘要：介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）一、BFC是什么？ Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box ... 阅读全文
posted @ 2014-08-22 17:22 曹桦伟 阅读(165) 评论(0) 推荐(0)
前端知识体系
摘要：前端简介Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明 显的时代特征。随着人们对用户体验的要求越来越高，前端开发的技术难度越来越大，Web前端开发工程师这一职业终于从设计和制作不分的局面中独立出来。早期的前端... 阅读全文
posted @ 2014-08-22 13:38 曹桦伟 阅读(243) 评论(0) 推荐(0)
jQuery验证控件jquery.validate.js使用说明+中文API
摘要：官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validationjQuery plugin: Validation 使用说明 转载自：http://blog.sina.com.cn/s/blog_608475eb0100h3h1.... 阅读全文
posted @ 2014-08-21 14:57 曹桦伟 阅读(183) 评论(0) 推荐(0)
jquery trigger
摘要：trigger() 触发事件--jQuery 1.3中新增。触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件(不包括show();hide();)为什么要用 trigger() ？trigger(type, [data]) ;trigger("click... 阅读全文
posted @ 2014-08-21 10:49 曹桦伟 阅读(126) 评论(0) 推荐(0)
选择器
摘要：1.$。在jQuery 中$("")，这个语法等同于$(document.createElement("span")) ，这是一种用法，在选择元素的时候还会这样子的用：[attribute$=value]，匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一 下： HTML代码 jQuer... 阅读全文
posted @ 2014-08-21 10:09 曹桦伟 阅读(184) 评论(0) 推荐(0)
fouc
摘要：如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Content),简称为FOUC.原因大致为：1，使用import方... 阅读全文
posted @ 2014-08-20 17:21 曹桦伟 阅读(237) 评论(0) 推荐(0)
class 模拟继承
摘要：define([], function() { var initializing = false; var fnTest = /xyz/.test(function(){xyz;}) ? /\b_super\b/ : /.*/; /* * 将 superProxy 提出来以优化性能... 阅读全文
posted @ 2014-08-20 17:01 曹桦伟 阅读(247) 评论(0) 推荐(0)
$.proxy()
摘要：JQuery.proxy(function,context):使用context代替function中的context。比如：var you = { type: "person", test: function(event) { $("#log").append( this.type + ... 阅读全文
posted @ 2014-08-20 16:49 曹桦伟 阅读(157) 评论(0) 推荐(0)
jquery get() eq()的不同
摘要：eq返回的是一个jquery对象，get返回的是一个html 对象数组。举个例子：绯雨使用eq来获得第一个p标签的color值：$("p").eq(0).css("color")//因为eq(num)返回的是个jq对象，所以可以用jq的方法css使用get来获得第一个p标签的color值：$("p"... 阅读全文
posted @ 2014-08-18 17:44 曹桦伟 阅读(183) 评论(0) 推荐(0)
jquery end
摘要：end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。 //退回到上一层的筛选 阅读全文
posted @ 2014-08-18 17:39 曹桦伟 阅读(93) 评论(0) 推荐(0)
jquery deferred
摘要：1. 1.5+版本jquery的对象类型2.　$.ajax("test.html").done(function(){ alert("哈哈，成功了！"); }).fail(function(){ alert("出错啦！"); }).done(function(){ alert("第二个回调函数！")... 阅读全文
posted @ 2014-08-18 17:26 曹桦伟 阅读(201) 评论(0) 推荐(0)
jquery 优化
摘要：一、选择器性能优化建议1. 总是从#id选择器来继承--最快$('#content').hide();$('#content p').hide();//从ID选择器继承来选择多个元素:2. 在class前面使用tagjQuery中第二快的选择器就是tag选择器（如$(‘head’)），因为它和直接来... 阅读全文
posted @ 2014-08-18 16:42 曹桦伟 阅读(192) 评论(0) 推荐(0)