Ruby's Louvre

摘要： 随着avalon v2项目的启动，我又开始学习业内的各个MVVM框架。在一次偶然机会，幸运接触到计算机之子winter-cn的MVVM源码，需要认真学习一下。不过，这放出来是比较早期的源码，现在可能改进很多，膜拜地址：http://shaofei.name/mvvm/计算机之子的MVVM现在只支持非常高级的浏览器，还在使用IE678这样破浏览器，就免进吧，人家的高瞻远瞩岂非尔等屌丝所能想象的！他的框架由三个文件组成，分别是EventSource.js，ViewModel.js，HTMLTemplate.js。EventSource其实就可以看作为W3C的EventTarget类，是提供观察者模 阅读全文

摘要： mass Framework决定用less作为自己的CSS重用工具，决定好好学习一下它的源码，说不定以后用mass Framework重写它。一上来是个经典结构：自动执行函数(function (window, undefined) {})(window)接着是加载器相关的内容 function require(arg) { return window.less[arg.split('/')[1]]; }; // amd.js //如果引入AMD的加载器，则把它当成一个AMD模块 if (typeof define === "function" && 阅读全文

摘要： 如果经常浏览我博客的人就发现，我三个月前就搞鼓过一下什么MVVM与MVC的比较，knockout.js与ember.js。然后就没动静了，因为之后一个月，我的MVVM就孵化出来，开发代码很逆天也很龌鹾，就叫avalon(WPF开发代号)。我觉得，都是好东西，相互借鉴是没所谓，只要造福IT民工！说说M... 阅读全文

摘要： 水平渐变默认是浅色。.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-sto... 阅读全文

摘要： 前几天用自己写的爬虫爬资料，也不知道是从哪疙瘩爬过来的这几篇WPF的学习资料，看了觉得非常不错，贡献出来，大伙有兴趣的参考下。这里列个目录，以方便诸君查看：1.WPF和Silverlight概述2.WPF体系结构3.WPF应用程序结构——HelloWorld4.WPF应用程序管理5.WPF窗体6.WPF布局管理之StackPanel、WrapPanel、DockPanel7.WPF布局管理之Grid、UniformGrid8.WPF布局管理之Canvas、InkCanvas9.WPF控件模型10.WPF控件内容模型11.WPF Panel内容模型、Decorator内容模型及其他12.依赖项属 阅读全文

摘要： 本版本亮点是加入本地储存的支持与版本控制。根据我们正常的思路，上线前我们会把这个页面的所有JS文件打包成一个，或尽可能少的JS文件，其目的是减少请求数。然后，模块化带来的一个直接结果是把一个框架打散成N多JS文件，真是反其道而行。但是一个网站是由许多页面组成，每个页面其实都是引用N个相同的JS文件（包括基础库，工具库与通用组件库），与针对这个页面的专用JS文件。因此想搞鼓出最优的打包方案是很难的，打包后我们图的是利用浏览器的静态缓存减少对服务器的压力！不过，请神容易送神难，静态缓存后，我们想刷掉这缓存比较麻烦，不能要求用户按F5或Ctrl+F5来清吧！涉及CDN就更麻烦了。而且合并JS后，意味 阅读全文

摘要： 变量可以用类似ruby和php的方式嵌入到字符串中，通过@{name}这样的结构:示例：//LESS@base-url: "http://assets.fnord.com";background-image: url("@{base-url}/images/bg.png");/*生成的CSS*/background-image: url("http://assets.fnord.com/images/bg.png");//LESS@light:#fafafa;@dark:#888888;.gradientBackground(@bgc 阅读全文

摘要： LESS 中的作用域跟其他编程语言非常类似，首先会从本地查找变量或者混合模块，如果没找到的话会去父级作用域中查找，直到找到为止@var: red;#page { @var: white; #header { color: @var; // white }}#footer { color: @var; // red } 阅读全文

摘要： 这其实是“嵌套规则”的升级版。我们先看官网例子吧：//LESS//这里是命名空间的定义,里面包含一个button方法#bundle { .button () { display: block; border: 1px solid black; background-color: grey; &:hover { background-color: white } }}//这里是具体调用，通过XXX > YYY方式进行调用，本人觉得用 -〉更可靠，起码长得不像亲子选择器#header a { color: orange; #bundle > .button;}/* ... 阅读全文

摘要： 自带函数的意思是less自身准备的一套函数，可以让你直接在less文本中直接使用，它们90%是与颜色相关的。从源码可以看到，它们都挂在less.tree.functions之下：rgbrgbahslhslahuesaturationlightnessalphasaturatedesaturatelightendarkenfadeinfadeoutfadespinmixgreyscaleeescape%roundceilfloor_mathargbpercentagecoloriscolorisnumberisstringiskeywordisurlispixelispercentageisem 阅读全文