舟~

摘要： 前端MVC，修改数据的时候自动更新视图 阅读全文

摘要： animation驱使一组css style变化到另外一组css style，它可以定义keyframes的集合，指定style的开始和结束状态，它是transition的增强。配置animationanimation-delay：从加载到开始执行的延迟animation-direction：nor... 阅读全文

摘要： 当css属性改变的时候，控制animation的速度，让属性的变化发生在一段时间之内，而不是立即生效。语法transition: ;property：css属性的name，支持的属性列表duration：持续时间timing-function：运动曲线一个折叠菜单例子： 1 2 111... 阅读全文

摘要： 利用Object.toString.call()方法看代码先初始化class2type，将每种对象的toString后的值和type建立对应关系core_toString.call([])输出"[Object Array]"class2type = {}core_toString = class2type.toString// Populate the class2type mapjQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" 阅读全文

摘要： 很少会插入一个新的style rule，今天为了临时解决页面样式问题，需要更新很多页面的一些样式，这些页面都引用了一个公共的js，为了方便，直接在这个公共的js里面向style sheet插入新的style rule。 先看代码： /** * Add a stylesheet rule to the document (may be better practice, ho... 阅读全文

摘要： 1 简单工厂模式var CarFactory = function(){};CarFactory.prototype= { createCar: function(type){ varcar= null; switch(type){ case 'ford': car= new Ford();break; case 'jetta': car= new Jetta();break; default: car= new Lancer(); } }}var CarShop = new function(){}CarShop.prototype = { sellCar: 阅读全文

摘要： 单例模式（Singleton），整个运行期间只会被初始化一次。该模式简单易懂，运用也很广泛。可以用它来聚合公共的方法，形成一个工具类，对外提供api。1. 单例模式的基本结构var Singleton = { attr1: 'test1', attr2: 10, method: function(){ ... }, ... } 这就是一个单例对象，Singleton是全局变量，js载入时被初始化一次。 jquery就是一个很大的单例 (function(){var jquery=(function(){})();window.jQuery = window.$ = jQuery 阅读全文

摘要： positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置网页中经常会有浮动的导航条会用到这种定位模式，但是ie6下并不兼容这种定位浮动导航条的样式，重要的是position:fixed;bottom:60px;(浮动导航底部距离窗口底部60px).floating_9677{position:fixed; z-index:961; bottom:60px;}ie6下positon:fixed不起作用，只能靠js来实现了，首先在ie6下需要将position设置为absoluteposition:fixed;bottom:60px;_position:abosulte;给浮动元 阅读全文

摘要： 200-199.1 == 0.1 ？0.3-0.2 == 0.1 ？工作中遇到几次这样的运算，刚开始也也以为上面的比较肯定是true，看结果console.log(200-199.1)0.9000000000000057undefinedconsole.log(0.3-0.2)0.09999999999999998工作中涉及到价格的运算，如果不注意，经常会出现这些问题。javascript采用的是IEEE-754浮点数表示法，这是一种二进制表示法，具有足够的精度。但事实是，javascript的数字不能精确的表述，常常只是真实值的一个近似表示法。如果涉及到这些运算，尤其是价格的运算，可以先转化 阅读全文

摘要： 装饰模式是为类添加额外的职责。在我看来，这些职责并不是某一个类特有，需要添加的类都可以添加，每个类没有必要单独添加这个职责。下面是我用js实现的装饰模式var Employee={ name: '', getName: function(){ return this.name; }, setName: function(name){ this.name = name; }, work: function(){}}function CosmeticsSalesEmployee(name){ this.name = name; ... 阅读全文