摘要： Yahoo团队总结的关于网站性能优化的经验，非常有参考价值。英文原文：http://developer.yahoo.com/performance/rules.html1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少 HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并文件是通过把所有的脚本放到一个文件中来 阅读全文

摘要： 第一种使用方式：HTML：JS：/* ---- Begin integration of Underscore template engine with Knockout. Could go in a separate file of course. ---- */ ko.underscoreTemplateEngine = function () { } ko.underscoreTemplateEngine.prototype = ko.utils.extend(new ko.templateEngine(), { renderTemplateSource: fu... 阅读全文

摘要： livereload是一个web开发辅助工具，当我们修改完html、css和js的时候会自动刷新浏览器，解放码农的双手。这样在双屏切图、写js代码的时候会提高很多效率。livereload有很多版本，比如基于ruby的版本，我们今天介绍的是node+grunt+chrome插件一体化方案。我们使用的这个livereload的基本原理是试用node开启一个websocket服务，并且检测文件变化，浏览器打开一个页面时候，引入固定的livereload.js（chrome插件会帮忙加上）会建立ws请求，当node检测到文件变化，则自动推送消息给浏览器，实现刷新。livereload环境搭建node 阅读全文

摘要： JetBrains刚刚发布了WebStorm 7.0 GA，支持EJS、Mustache、Handlebars、Web组件、Stylus、Karma、Istanbul、Compass，并增强了很多功能。 在beta版发布之后不久，JetBrains就发布了WebStorm 7.0，这是一款基于IntelliJ IDEA的IDE，能够使用JavaScript、HTML、CSS、CoffeeScript、Dart以及TypeScript等多种其他的Web技术创建应用程序。 WebStorm 7.0 支持：嵌入式JavaScript (EJS)、Mustache和Handlebars模板HTML.. 阅读全文

摘要： 如果你定义一个循环依赖关系 (a 依赖b 并且 b 依赖 a)，那么当b的模块构造函数被调用的时候，传递给他的a会是undefined。但是b可以在a模块在被引入之后通过require(‘a’)来获取a(一定要把require作为依赖模块，RequireJS才会使用正确的 context 去查找 a): 1 //Inside b.js: 2 define(["require", "a"], 3 function(require, a) { 4 //"a" in this case will be null if a also aske 阅读全文

摘要： setting ->File Type - html 里面增加*.jsp 阅读全文

摘要： View代码 1 People 2 3 4 ViewModel1 var viewModel = {2 people: ko.observableArray([3 { name: 'Rod', age: 123 },4 { name: 'Jane', age: 125 },5 ]) 6 };7 8 ko.applyBindings(viewModel);整合underscore模板引擎与knockout.js 1 // 可以单独放在一个js文件中 2 ko.underscoreTemplateEng... 阅读全文

摘要： 通过原型链实现对象的继承，子类通过’__super__‘来访问父类的方法 1 // protoProps 子类的属性参数 2 // staticProps 静态属性 3 var extend = function(protoProps, staticProps) { 4 var parent = this; 5 var child; 6 7 // 如果protoProps参数中存在构造函数则使用，否则使用父类的构造函数 8 if (protoProps && _.has(protoProps, 'constructor')) { 9 child =... 阅读全文

摘要： CMD 设置代理在cmd环境下设置代理可能不是很常用，但是某些情况下还是可能会用到，比如公司的电脑只能通过设置代理访问外网，而你需要在 cmd 环境下使用gem命令更新文件时。当然，如果你使用某些代理软件为所有通讯设置了代理，那就不需要这些设置了。为 cmd 设置代理很简单，首先打开 cmd （win + R，输入 cmd，然后按 enter 键），然后输入如下命令：set http_proxy=http://proxy.yourname.com:8080其中http://proxy.yourname.com是你的代理服务器地址，而8080是端口号，如果有则设置。另外，如果你的代理服务器要求用 阅读全文

摘要： 个人小站 前端那点事上线了，http://www.jsplus.info/ 阅读全文