sencha touch xtype
摘要：Document
阅读全文
posted @ 2013-12-15 19:03
随笔分类 - javascript
Mongodb数据操作基础
摘要：var mongodb = require('mongodb');var server = new mongodb.Server('localhost', 27017, {auto_reconnect: true});var db = new mongodb.Db('exampleDb', server);// open database connectiondb.open(function(err, db) { if(!err) { // access or create widgets collection db.collection(
阅读全文
posted @ 2013-11-12 18:03
requirejs 优化压缩
摘要：1 配置node环境2 配置built.js文档3 执行命令node r.js -o built.js文件目录： 1 2 3 A B C text Play text Play text Play text Play text Play text Play Clickreq...
阅读全文
posted @ 2013-11-12 17:05
angular todo
摘要：Todo {{remaining()}} of {{todos.length}} remaining [ archive ] {{todo.text}}
阅读全文
posted @ 2013-10-10 15:30
jQuery的deferred对象详解
摘要：作者： 阮一峰日期： 2011年8月16日 jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。 每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。本文不是初级教程，针对的读者是那些已经具备jQuery使用经验的开发者。如果你想了解jQuery的基本
阅读全文
posted @ 2013-09-04 10:06
javascript 排序算法
摘要：排序算法来自《JavaScript 标准教程（alpha）》，by 阮一峰目录冒泡排序选择排序插入排序合并排序快速排序参考链接冒泡排序冒泡排序（Bubble Sort）是最易懂的排序算法，但是效率较低，生产环境中很少使用。它的基本思想是，依次比较相邻的两个数，如果不符合排序规则，则调换两个数的位置。这样一遍比较下来，能够保证最大（或最小）的数排在最后一位。然后，再对最后一位以外的数组，重复前面的过程，直至全部排序完成。由于每进行一遍这个过程，在最后一个位置上，正确的数会自己冒出来，就好像“冒泡”一样，这种算法因此得名。以对数组[3, 2, 4, 5, 1] 进行从小到大排序为例，步骤如下：第一
阅读全文
posted @ 2013-08-26 10:16
javascript whenReady
摘要：var whenReady=(function(){ var funcs=[]; var ready=false; function handler(e){ if (ready) { return; } if (e.type==="readystatechange" && document.readyState!=="complete") { return; } for(var i=0;i<funcs.length;i++){ funcs[i...
阅读全文
posted @ 2013-07-12 09:51
javascript Klass 实现
摘要：var Klass=function(Parent,props){ var Child,F,i; Child=function(){ if(Child.uber && Child.uber.hasOwnProperty("__construct")){ Child.uber.__construct.apply(this,arguments); } if(Child.prototype.hasOwnProperty("__co...
阅读全文
posted @ 2013-07-07 11:45
javascript library
摘要：this is a demo. this is a demo. this is a demo. 结合之前看的一些js书籍以及blog和一些js框架源码 最近总结了一下，花点时间完善了一下之前写的js小库，继续完善之中
阅读全文
posted @ 2013-07-03 18:05
javascript QUnit 单元测试
摘要：QUnit Test Suite test( "ok test", function() { ok( true, "true succeeds" ); ok( "non-empty", "non-empty string succeeds" ); ok( false, "false fails" ); ok( 0, "0 fails" ); ok( NaN, "NaN fails" ); ok( "", "empty stri
阅读全文
posted @ 2013-06-29 17:23
格子布局 js
摘要：<!doctype html><html><head><meta charset="UTF-8" /><title>CSSASS</title></head><body></body><script>var metro = { sizeArray : [[1, 1], [1, 2], [2, 1], [2, 3], [1, 1], [1, 2], [1, 1], [2, 2], [1, 1]], gen: { w: 200, h: 180 }, nameS
阅读全文
posted @ 2013-06-21 15:45
jquerymobile UI使用
摘要：<!DOCTYPE HTML><html lang="zh-CN"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" href="http://code.jquery.com
阅读全文
posted @ 2013-06-18 16:40
Backbone 学习5
摘要：(function($){ Backbone.sync = function(method, model, success, error){ success(); } var Item = Backbone.Model.extend({ defaults: { part1: 'hello', part2: 'world' } }); var List = Backbone.Collection.extend({ model: Item }); var ItemView = Backbone.View.extend({ tagNam...
阅读全文
posted @ 2013-06-08 23:46
Backbone 学习4
摘要：(function($){ var Item=Backbone.Model.extend({ defaults:{ part1:"hello", part2:"world" } }); var List=Backbone.Collection.extend({ model:Item }); var ItemView=Backbone.View.extend({ tagName:'li', initialize:function(){ ...
阅读全文
posted @ 2013-06-08 23:16
Backbone 学习3
摘要：(function($){ var Item=Backbone.Model.extend({ defaults:{ part1:"hello", part2:"world" } }) var List=Backbone.Collection.extend({ model:Item }) var ListView=Backbone.View.extend({ el:$("body"), events:{ "click button#...
阅读全文
posted @ 2013-06-08 13:31
Backbone 学习2
摘要：(function($){ var ListView=Backbone.View.extend({ el:$("body"), events:{ "click button#add":"addItem" }, initialize:function(){ _.bindAll(this,"render","addItem"); this.counter=0; this.render(); }, render:functi...
阅读全文
posted @ 2013-06-08 10:20
Backbone 学习1
摘要：<!DOCTYPE HTML><html dir="ltr" lang="zh-CN"><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="lib/jquery.js"></script> <script type="text/javascript" src=&qu
阅读全文
posted @ 2013-06-08 09:55
jquery使用 滚动 css 小hack
摘要：<!DOCTYPE HTML><html dir="ltr" lang="zh-CN"><head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <style type="text
阅读全文
posted @ 2013-06-07 15:52
捕获鼠标点击 位置移动
摘要：<!DOCTYPE HTML><html dir="ltr" lang="zh-CN"><head> <meta charset="utf-8"> <title></title> <style type="text/css"> #info{width:100px;height: 100px;background-color: #ff0000;position: absolute;top: 0;left: 0;} </style
阅读全文
posted @ 2013-05-31 14:51