xmlovecss

摘要： 原文地址：http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/等待翻译中。。。 阅读全文

摘要： 1 (function($){ 2 // 每个新增的item 3 var Item = Backbone.Model.extend({ 4 defaults: { 5 part1: 'hello', 6 part2: 'world' 7 } 8 }); 9 10 var List = Backbone.Collection.extend({11 model: Item12 });13 // 每个item html渲染14 var ItemView = Backbone.View.extend({15 ta... 阅读全文

摘要： 上一篇文章只是介绍了简单的一些关于Model层的知识。这次我们将涉及到validate验证，silent设置，数据回滚等。一.validate验证如果为对象重置的属性/方法不符合验证条件，则会触发error事件进行提示。二.silent设置。为对象set属性时，如果传入另一个对象，并设置slient属性为true，则validate验证就被绕过去了。三.数据回滚即便绕过去了，也可以做验证（不是放在validate函数中），然后对不符合条件的数据，进行回滚，把其值设置为前一次的值。四.总结model是啥？存储，获取，设置数据的。也可以在model中进行数值变更的监听。除此之外，就不要做其他事情啦 阅读全文

摘要： 一.概念引用我参考的御剑神兵关于Model层中的描述：Model是Backbone中所有数据模型的基类，用于封装原始数据，并提供对数据进行操作的方法，我们一般通过继承的方式来扩展和使用它。 如果你做过数据库开发，可能对ORM（对象关系映射）不会陌生，而Backbone中的Model就像是映射出来的一个数据对象，它可以对应到数据库中的某一条记录，并通过操作对象，将数据自动同步到服务器数据库。（下一节即将介绍的Collection就像映射出的一个数据集合，它可以对应到数据库中的某一张或多张关联表）二.实例化无论是Model层还是View，Collection，对象的创建和实例化无非两种方式：直接. 阅读全文

摘要： backbone的events事件可以借助underscore中的extend函数将任何对象都赋予可以绑定事件的能力。熟悉jquery事件的开发者对于这里的events绑定应当很容易理解。这里只提供几个额外的示例。混入示例all的特殊绑定混入：1.不传入事件回调参数//不传入事件回调参数var obj={};_.extend(obj,Backbone.Events);obj.on('show',function(){ alert('hahaha,binding show event for obj');});obj.trigger('show') 阅读全文

摘要： 原文：http://www.planabc.net/2009/09/22/iframe_onload/javascript code： 1 var iframe = document.createElement("iframe"); 2 iframe.src = "http://www.planabc.net"; 3 4 if (iframe.attachEvent){ 5 iframe.attachEvent("onload", function(){ 6 alert("Local iframe is now loaded 阅读全文

摘要： animation是css3中比较绚丽的东西。目前在desktop browser中，得到了ff，chrome，opera，safari浏览器的支持。好，下面说说，animation包含哪些属性。animation-name:动画名称animation-duration:动画持续时间animation-delay:延迟时间animation-timing-funciton:动画变化速率，学过物理的听过匀速运动，加速运动和不定加减速运动吧animation-interation-count:动画次数animation-direction:播放方向，此处其实跟现实生活中的公交车类似，有的线路，只有 阅读全文

摘要： 这几天赶紧研究研究css3引入的一些高端货色。当然，还得看看ff和chrome俩货的脸色，人家不支持box-lines，我都快哭了，研究了大半天的box，感情尼玛，就这个不支持，蛋蛋都碎了，想替换浮动布局带来的坏处都成了幻想。今天看看css3 引入的column布局。属性索引如下图：由于目前column-fill和break-after,break-before,break-inside支持太差劲(娘嬉皮的，基本只有firefox高级版本支持)，属于试验阶段。所以就不介绍了。常用属性：columns:包括column-widht和column-count两个属性column-rule:其实就是 阅读全文

摘要： 你是不是不知道在样式中该把transition写在hover中呢，还是写在普通状态里？好，我们来看个示例：demo代码如下：html：<button class="btn" id="btn1">demo1</button><button class="btn" id="btn2">demo2</button>css：body { margin:20px; }.btn { height:24px; width:60px; color:#fff; background:# 阅读全文

摘要： 规范源于经验和github上的文档整理。尽量做到简单易执行。html+css 参考：https://github.com/styleguide/cssjavascript参考：https://github.com/airbnb/javascripthttps://github.com/styleguide/javascript/1.0 阅读全文