2015年6月30日 星期二
bootstrap
Bootstrap可视化布局
http://www.bootcss.com/p/layoutit/bootstrap 中文
http://www.bootcss.com/
w3schools.
http://www.w3schools.com/bootstrap/bootstrap_images.asp
bootstrap 中文可以查
http://www.runoob.com/bootstrap/bootstrap-list-group.html
2015年6月16日 星期二
ember
Ember Components
omic.sfacg.com/HTML/MSDHL/jsbeautifier
http://jsbeautifier.org/
ember101
http://ember101.com/videos/006-adding-objects-to-a-list/
2015年6月15日 星期一
backbone require example AMD
https://packagecontrol.io/packages/AutoCompleteJS
http://backbonejs.org/#examples-todos
https://onedrive.live.com
http://www.ruanyifeng.com/blog/2012/11/require_js.html
'js/utils/utils.js'
define(function() {
var add = function(x, y) {
return x + y;
};
var sub = function(x, y) {
return x - y;
};
return {
add: add,
sub: sub
};
});
app.js
define([
'jquery',
'underscore',
'backbone',
'js/utils/utils.js'
], function($, _, Backbone,Utils) {
var num=Utils.add(1,2);
console.log("num:"+num);
var initializefun = function() {
console.log("initializefun");
}
var Human = Backbone.Model.extend({
defaults: {
humanname: '',
age: 0
},
initialize: function() {
this.on("change:humanname", function(model) {
console.log("change->humanname");
});
}
});
var hum = new Human();
hum.set({
humanname: "name"
});
var name = hum.get("humanname");
console.log(name);
hum.set({
humanname: "name2"
});
var Myview = Backbone.View.extend({
initialize: function() {
this.render();
},
render: function() {
var template = _.template($("#search_template").html(), {});
this.$el.html(template);
},
events: {
"click input[type=button]": "dosearch"
},
dosearch: function(event) {
alert("Search for " + $("#search_input").val());
}
});
var sview = new Myview({
el: $("#search_container")
});
//write this that main.js can use initializefun() in require([
//return {
// initializefun: initializefun
//};
});
//$(function() {
//});
if you want muti method
http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
http://backbonejs.org/#examples-todos
https://onedrive.live.com
http://www.ruanyifeng.com/blog/2012/11/require_js.html
'js/utils/utils.js'
define(function() {
var add = function(x, y) {
return x + y;
};
var sub = function(x, y) {
return x - y;
};
return {
add: add,
sub: sub
};
});
app.js
define([
'jquery',
'underscore',
'backbone',
'js/utils/utils.js'
], function($, _, Backbone,Utils) {
var num=Utils.add(1,2);
console.log("num:"+num);
var initializefun = function() {
console.log("initializefun");
}
var Human = Backbone.Model.extend({
defaults: {
humanname: '',
age: 0
},
initialize: function() {
this.on("change:humanname", function(model) {
console.log("change->humanname");
});
}
});
var hum = new Human();
hum.set({
humanname: "name"
});
var name = hum.get("humanname");
console.log(name);
hum.set({
humanname: "name2"
});
var Myview = Backbone.View.extend({
initialize: function() {
this.render();
},
render: function() {
var template = _.template($("#search_template").html(), {});
this.$el.html(template);
},
events: {
"click input[type=button]": "dosearch"
},
dosearch: function(event) {
alert("Search for " + $("#search_input").val());
}
});
var sview = new Myview({
el: $("#search_container")
});
//write this that main.js can use initializefun() in require([
//return {
// initializefun: initializefun
//};
});
//$(function() {
//});
if you want muti method
http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
訂閱:
意見 (Atom)