2015年03月_dakang

转载 MVVM架构~knockoutjs系列之从Knockout.Validation.js源码中学习它的用法

说在前有时，我们在使用一个插件时，在网上即找不到它的相关API，这时，我们会很抓狂的，与其抓狂，还不如踏下心来，分析一下它的源码，事实上，对于JS这种开发语言来说，它开发的插件的使用方法都在它的源码里，只要你踏下心去看，一切就都有了！Knockout.Validation.js是为Knockout插件服务的，它可以为Knockout对象进行验证，就像你使用MVC模型验证一样，而这种

2015-03-26 18:33:13 1887

转载前端开发框架Bootstrap和KnockoutJS

江湖中那场异常惨烈的厮杀，如今都快被人遗忘了。当年，所有的武林同道为了同一个敌人都拼尽了全力，为数不多的幸存者心灰意冷，隐姓埋名，远赴他乡，他们将唯一的希望寄托给时间。少年子弟江湖老,红颜少女的鬓边也有了白发。多年以后，听闻那个魔头也不久于人世，他们欣欣然回乡，却发现当初殚精竭虑研究出来对付敌人的招数全无用处，曾经受人尊敬的大侠现在被称为——新手 or 菜鸟。月下小酌,孤独的他们对着夜空举起酒杯，

2015-03-26 18:29:13 803

转载比较Backbone.js, Angular.js, Ember.js, Knockout.js

现在client-side javascript MV*(MVVM, MVC等) framework实作產量丰富，Backbone.js, Spine.js, Angular.js, Ember,js, Knockout.js, Batman.js, Javascript MVC, SproutCore.js, Cappuccino.js 好像每个高手都要发明一套才行，不过其实各框架的目的不尽相同

2015-03-25 14:27:49 1788

转载 Knockout应用开发指南（完整版）目录索引

使用Knockout有一段时间了（确切的说从MIX11大会宣传该JavaScript类库以来，我们就在使用，目前已经在正式的asp.net MVC项目中使用），Knockout使用js代码达到双向绑定的目的，类似Silverlight/WPF里的绑定一样，我们主要就是利用相关的特性进行开发的，极大地减少了代码开发量。关于该系列文章：本系列文章共份10个章节（13篇），主要是翻

2015-03-18 19:20:19 722

转载 12个JavaScript MVC框架评估

导读：在最近的几个月中，作者一直在寻求哪种 MVC 框架最为完美：将目前能获取到的所有框架都粗略地试了试，然后在文章中列出了每一种框架的情况概要，在文末分享了作者经过对比之后最终的推荐产品。首先要特别说明一下，以下四个 feature 作者认为是十分重要的： ● UI Bindings：[UI 绑定]作者想说的不仅仅是模板，而是想谈一种在底层模型出现变化时，视图层能够

2015-03-18 18:07:12 839

转载 Backbone.js 样例站点与入门指南

本文的来源前段时间，我的工作中开始接触到 Backbone.js 这个开源框架，于是我就在网上搜索了下相关资料开始学习，结果找来找去，发现这些资料都不够全面，都是只涉及到关键点的一部分，只有这里的资源是最全面也最权威，然而，在下的母语并不是英语，英文文档阅读起来略显吃力，而自己又不能不看，而且我注意到这里的文章都是可以自行编辑的，于是，我就想，为什么不把这篇文章翻译出来，在方便自己查阅

2015-03-18 09:57:59 1230

转载 backbone.js 初探

什么是backbonebackbone不是脊椎骨，而是帮助开发重量级的javascript应用的框架。主要提供了3个东西：1、models(模型) 2、collections(集合) 3、views(视图)backbone.js文件本身很小，压缩后只有5.3KB，作为一个框架级别的核心JS文件，这个数字很可怕。除此之外，这个JS还必须依赖于另一个JS文件：under

2015-03-17 19:15:36 483

转载 Backbone.js 简易入门教程

摘要因为最近的工作中使用到了backbone.js框架，所以在网上找了些资料，但是关于这个框架的中文资料实在是太少了，没有办法，只好自己翻译了壹篇简单的入门教材。如果翻译得不好，请大家口下留情。另外，大家也可以签出 Agility.js 的代码，它也是壹个用于替代Backbone.js的壹个简单框架。这是壹个简单的 Backbone.js 教程，由不言自明的"Hello World"到日益复

2015-03-17 19:12:33 842

转载 Backbone源码分析-Backbone架构+流程图

Backbone0.9.1源码分析分析系列jQuery1.6.1源码分析系列参考资料http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html 官网介绍Backbone通过

2015-03-17 19:11:25 472

转载 float 左右布局，左右div等高

一. 利用背景图，做出左右等高的模拟效果这种方法不是真正的左右等高，而是在外框元素中添加一张背景图片，当内容增多时，背景会纵向重复，就会形成左右等高的效果。这种方法不是真正的div自动等高，而是在左右两个div的外面添加一个外框元素，给这个外框元素添加一个背景，当内容增多时，背景就会向下纵向重复，看起来就向左右两个div都自动向下延伸了一样。下面写一下详细代码。Htm

2015-03-13 14:16:56 948

转载前端开发框架对比

本文选取了 Bootstrap、jQuery UI、jQuery Mobile、Sencha ExtJS、Sencha Touch、Sencha GXT、Dojo、Dojo Mobile、Mootools、Foundation、YUI、Kissy、QWrap 等 16 个国内外前端开发框架进行初步的横向比较，可以作为大家挑选前端开发框架的初步参考。近几年随着 jQuery、Ext

2015-03-11 11:37:16 792

转载 jQuery 中 attr() 和 prop() 方法的区别

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。这里谈谈我的心得，我的心得很简单：对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例

2015-03-09 18:08:46 408

转载 jQuery1.9+ 废弃的函数和方法升级Jquery版本遇到的问题

面临问题很久没关注JQuery了，今天突然想升级一下系统中使用的jquery版本，突然发现，升级JQuery版本到1.9之后出现了很多问题，比如：$.browser is undefined。突然就想到难不成jquery升级删除了这个属性？记得以前有个版本中JQuery已经不建议使用该属性来判断浏览器了。查了一下Google发现jQuery升级1.9还真是去掉和废弃了不少的东西

2015-03-09 15:25:15 598

转载 jQuery1.9升级和删除的API指南

感觉就好无语啊，我才学习了几个属性，才发现$.browser、toggle()、live()都不见了，jquery1.9为了性能也删掉了这么多东西。2.0的就完全不支持IE6、IE7、IE8了。我都不敢去看2.0的了。这是国人敢用的jquery版本吗？概述jQuery 1.9删除或修改了几个过去行为不一致或效率低下的几个API。他们在以前的jQuery版本中已经标注过过时(depr

2015-03-09 14:47:45 674

转载如何定制你自己的jQuery

jQuery随着版本的不断升级代码量也随之增加，从1.0.0的不到两千行到现在的1.10.2已经突破1万行。新的API不断增加，但有些在项目中并没有用到。jQuery团队很早就考虑到这一点，按模块来划分，并可以按需定制自己的jQuery。 jQuery从1.9开始构建工具迁移到grunt。grunt是基于node的，因此需要安装node，下面详细介绍。一、安

2015-03-06 10:18:10 529

原创 CssLint 配置详解

最近公司有个项目需要对css的一些书写规则进行检测，于是想到了用grunt-ctrib-csslint插件，但是该插件的参数设置的文档说明特别难找，最终github上面找到了挺好的说明文档，但是是英文的。本人英文水平不算特别好，具体参数的查看需要借助翻译工具，期待相关中文说明文档的推出。Any specified option will be passed through directly

2015-03-05 18:46:55 4777

转载手机网站实现图片惰性加载

什么是图片惰性加载呢？顾名思义，惰性指的是我们只将用户视野范围内（浏览器窗口的可视区域）的图片加载，而用户视野范围外的图片先不加载，当用户看到这些图片时再做加载。这样做的好处在于哪里呢？1、用户访问速度上升了，浏览器的加载进度条很快就加载完毕。2、节省用户流量。那么如何实现呢？我们需要解决两个问题：① 如何知道用户是否能看见这张图片？

2015-03-04 17:04:47 712

转载 CSS3 Media Queries

Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" /> link href="css/style.css" rel="stylesheet" type="text/css" med

2015-03-04 10:40:43 483

kaosini的专栏