Ruby's Louvre

摘要： 1.不要设计，也不要通过DOM操作去改变你的页面你用jQuery去设计一个页面，并让它动起来。这是因为jQuery就是让一切简单的事情变复杂的罪魁祸首。但是用avalon，你必须从零开始去构思你的架构。"我有这么一些DOM，我想要它去做XXX"，不，你不该这么想，你首先应该想到你要完成的是什么，然后... 阅读全文

摘要： 历时两年多，我的书终于付梓出版了。应各方面的要求，写软文一篇，隆重介绍一下此书对各位程序员的钱途有什么帮助及阅读顺序等疑问。作为国内第一本讲述前端框架构的书，它里面充斥着许多大家前所未闻的知识，这些知识有50%只见于github的issue，讲述各种隐秘的浏览器兼容性问题及各种神奇的修复方案，或者是 阅读全文

摘要： 用法array.fill(start=0, end=this.length)示例[1, 2, 3].fill(4) // [4, 4, 4][1, 2, 3].fill(4, 1) // [1, 4, 4][1, 2, 3].fill(4, 1, 2) // [1, 4, 3][1, 2, 3].fill(4, 1, 1) // [1, 2, 3][1, 2, 3].fill(4, -3, -2) // [4, 2, 3][1, 2, 3].fill(4, NaN, NaN) // [4, 4, 4][].fill.call({... 阅读全文

摘要： import inspectdef get_current_function_name(): return inspect.stack()[1][3]class MyClass: def function_one(self): print "%s.%s invoked"%(self.__class__.__name__, get_current_function_name())if __name__ == "__main__": myclass = MyClass() myclass.function_one()动态获取当前运行的函数名很方便，特别是对于 阅读全文

摘要： javascript(js)语言里面的注释方法有三种。第一种是多行注释"/**/",一般js文件开头，介绍作者，函数等信息。/**author:xxx*day:2008-08-10*/第二种注释方法是最常见的"//",在程序间随处可见,只能注释单行。//这是一行注释，只能注释单行。//另一行注释第三种注释不是很常见，会和html内的注释混淆，不推荐使用。,这是和html注释不一样的地方。 阅读全文

摘要： 那年，刚换工作不久，一时没能适应新工作，成天挨上司骂，心中十分烦闷。可是因为刚刚搬出来住，经济上也刚刚独立，不想失去这份工作，于是强忍着继续做着。周末时候，一个人去菜场买点喜欢的菜回来做，算是犒劳下自己。有一次逛菜场，看到一家水产摊门口堆着好几捆网袋，里面全是密密麻麻的食用龟，凑近一看，正是小时候养过的巴西龟。 那时还在上小学，家里为我买了四只小巴西龟，绿油油的很是可爱，老爸为这四只小龟买玻璃缸、买保温器、买雨花石，花了不下百来块钱，在那个工资才几百块的年代，父母因为我的爱好为这四个小东西花了这么多钱实属不易。孩子总归是父母的心头肉，总是尽力满足他们的要求，父母疼爱自己就如自己疼爱宠物龟一样。 阅读全文

摘要： 由于avalon以绑定属性实现对DOM的选择与操作，页面的美观与调试就变得至关重要。参照boostrap的HTML规范，制定如下属性排列的规范 class (class, id, name与浏览器的原生选择器相关，因此需靠前 ) id，name (这个定义的顺序直接影响到元素的attributes中的特性节点的排列顺序，id具有独占性，慎用) data-* 这涉及到内部dataset对象的生成，并且表示组件的data-button-*属性应排在只表示缓存的data-*属性前面 ms-* 没有属性值的排在有属性值的前面， 依长度排列 type title for hre f ... 阅读全文

摘要： avalon1.2.5发布，升级ms-widget，整合avalon.require.text到核心，并且修复了avalon.mobile的avalon.innerHTML方法的BUG，让它能执行脚本。现在开始重新升级avalon.ui，目前button, tabs已经升级完毕。大家可以以它为范例，编写相应组件。新的控件VM要求必须装备$init, $remove两个方法。迷你MVVM框架在github的仓库https://github.com/RubyLouvre/avalon入门教程http://www.cnblogs.com/rubylouvre/p/3181291.html另一个入门教 阅读全文

摘要： 我一直在研究twitter.com使用的一些UI框架。下面是这些框架的清单（大部分是Javascript框架）。如果你发现有些框架Twitter已经没在使用了，请随时告诉我！测试Jasmine：这个javascript库是一个行为驱动的开发框架，用来测试Javascript代码。它不依赖于其它的Javascript框架，也不需要DOM支持。它的语法清晰明了，可以很方便的用来写一些单元测试。UISizzle：纯Javascript编写的CSS选择器引擎，可以很方便的集成到其他的库。Bootstrap：BootStrap是网上开发响应式、移动设备优先项目最流行的前端框架。Html2Canvas：使 阅读全文

摘要： avalon1.2的性能优化风暴很快就告一段落，入职也快一个月了，许多乱七八糟的事也少了下来，估计未来一个月会有许多好东呈现给大家。首先是一个性能检测工具。由于MVVM是将原本由人脑干的事，转到各种绑定上，因此性能是各MVVM框架一直关注的头等问题。这时性能检测工具就帮上大忙了。内部编译器的改进。这分几部分，一是抽取变量，二是确定变量与某个VM的关系，最后是转换为求值函数。上个月基本上完后了后两部分。第一步自0.7后基本没动，最近几天内部悄悄做了一个新的parser，还在测试中，待稳定下来，则加入到新版本中。这将会大大提高扫描速度。ms-widget的重构。将一个普通的元素节点变成一个功能齐备 阅读全文