Ruby's Louvre

摘要： less是前端开发CSS的神器，但如何让less代码语法高亮，智能提示，快速编译及格式化，这不是一般的IDE的less插件能做到。下面是我搜刮到的一些工具 Codekit - incident57又一华丽丽的工具,目前是beta，官网上介绍中罗列了这些功能特性： 自动编译Less, Sass, Stylus, CoffeeScript, Jade & Haml等文件 致力于js文件合并和压缩，以及js语法错误检查 同时还支持Compass(Sass伴侣,官网地址:compass-style.org) 令人发指的是甚至还能对j... 阅读全文

摘要： Windows 8 中的 Internet Explorer 10 和 Windows Phone 8Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't properly apply the media queries in Bootstrap's CSS. Normally you'd just add a quick snippet of CSS to fix this:Internet Explorer 10并没有将屏幕的 阅读全文

摘要： 1. 前言在开发面向现代智能手机的移动Web应用的时候，无法避免一个事实，就是需要开发单页应用(Single Page WebApp)。对于不同的系统需求，单页应用的粒度会不同，可能是整个系统都使用一个页面装载，也可能是按模块分为独立页面装载。在开发单页应用时第一个要处理的问题就是页面结构化，由于多个功能集中在一个页面呈现，就必然需要考虑如何实现多个视图布局？如何实现视图之间动画切换？等问题。下面我就来讲述下手机搜狐前端团队在单页应用开发的页面结构化上做过的一些尝试与努力。2. 页面视图在讲页面结构化之前需要先理解视图的概念，视图是单页应用开发中最常见的模块，通常在一个单页应用中，会有多个视图 阅读全文

摘要： Original: Classical Inheritance is Obsolete - Chapter 4. Objects - Programming JavaScript ApplicationsTranslated by: cssmagicClassical Inheritance is Obsolete类继承已经过时了"Those who are unaware they are walking in darkness will never seek the light."-- Bruce Lee不知道自己正走在黑暗中的人是永远不会去搜寻光明的。——李小龙In 阅读全文

摘要： 原贴地址：https://github.com/cssmagic/blog/issues/1Update: Unfortunately this does not 100% solve the problem, the script falls down when handling touch interactions when a scrolling section is bouncing/rubber banding. I don’t think this issue can be worked around (but would love to be proved wrong!). As 阅读全文

摘要： 本文的诞生，源自近期打算做的一个关于javascript中的闭包的专题，由于需要解析闭包对垃圾回收的影响，特此针对不同的javascript引擎，做了相关的测试。为了能从本文中得到需要的知识，看本文前，请明确自己知道闭包的概念，并对垃圾回收的常用算法有一定的了解。问题的提出假设有如下的代码：function outer() { var largeObject = LargeObject.fromSize('100MB'); return function() { console.log('inner'); };}var inner = outer();在这一段代 阅读全文

摘要： 使用MVVM架构处理页面的生成与更新的好处是，我们从DOM的桎梏中解放出来，重点转移到数据的处理。数据的组织与维护向来是设计模式的阵地，这让我们亲近设计模式，写出高可维护性的软件。以近日我在公司遇到的弹出层为例吧。后台管理界面的特点是多表格多弹出层，这样才方便展现更多数据更多功能。我们项目有一个叫云储存的模块，可以看作是115网盘的微缩版。这模块里有许多弹出层，用于处理分区，文件夹，文件的增删改查。为了防止用户在一个操作不结束时干另一个操作引起混乱，都做成模态对话框。换言之，它们都有浅黑色的半透明遮罩层。由于可能一个弹出层外弹出另一个弹出层，比如删除时的确认面板，因此我又不能让所有弹出层共享一 阅读全文

摘要： 本版本主要是性能优化与 fix BUG，改进如下： 处理notifySubscribers中的BUG，它在标准浏览器不会移除那些无用的视图刷新函数。详见这里 重构modelBindling.SELECT方法中的updateView， 感谢AngularJS中文社区(278252889)中的@basecss²º¹³指正，详见这里 处理eachIterator方法中第一个locatedNode 求值，详见这里 对监控数组进行优化，现在所有监控数组都共用一套方法，大大节省内存，详见这里 抽象出registerSubscriber，消灭重复代码，详见这里 统一使 阅读全文

摘要： avalon对交互非常复杂的WEB应用具有天然的优势，它拥有两大神器：计算属性（这相当于后端WPF的DependencyProperty）与$watch回调。 我们的订餐系统的要求如下，它有一个总额统计，会在用户添加删除座位时重新计算它，并且与我们火车的座位一样，是分不同的档次，软卧肯定比软座贵，软座比硬座贵。我们需要使用一个数组来储存所有的座位，循环它们使用ms-each，而座位类型与价格成一一对照关系，这种结构使用哈希最合适，在JS中它的对象就是自带的哈希，循环它们使用ms-with。如何监听它们变动呢？座位数的变动我们可以监听它的长度，从而调用对应的回调。而选择座位类型时，我们一般使用下 阅读全文

摘要： 单例模式是限制了一个类只能有一个实例，对象池模式则是限制一个类实例的个数。对象池类就像是一个对象管理员，它以Static列表（也就是装对象的池子）的形式存存储某个实例数受限的类的实例，每一个实例还要加一个标记，标记该实例是否被占用。当类初始化的时候，这个对象池就被初始化了，实例就被创建出来。然后，用户可以向这个类索取实例，如果池中所有的实例都已经被占用了，那么抛出异常。用户用完以后，还要把实例“还”回来，即释放占用。对象池类的成员应该都是静态的。用户也不应该能访问池子里装着的对象的构造函数，以防用户绕开对象池创建实例。书上说这个模式会用在数据库连接的管理上。比如，每个用户的连接数是有限的，这样 阅读全文