原文: Build a Contacts Manager Using Backbone.js: Part 3 欢迎回到这系列的教程,关注使用Backbone.js构建应用程序. 如果你还没看过第一,二部分推荐你先看第一二部分~~~~ 剩下内容我简单翻译重要部分, 相同类似太多废话了就不说了. 添加model到collection 要添加单独的一个model到collection中. 首先我们要提供一个填写model信息的表.请把下面的html添加到ID为contacts的div中. <form…

原文: Build a Contacts Manager Using Backbone.js: Part 5 这是这系列教程最后一部分了. 之前所有的增删改都在前端完成. 这部分我们要把Contact的数据存储到数据库里. 开始准备 在这里我们需要一个Web服务器,还有一个数据库. 可以是SQLServer.我们需要在 数据库中创建一个表来存储Concat. 表还要有一个主键ID,最好这个ID是unique和 自增长类型的. 虽然现在我们的Concat model里没有这个属性但是要把它存储到数…

原文 Build a Contacts Manager Using Backbone.js: Part 1 在这个教程里我们将会使用Backbone.js,Underscore.js,JQuery创建一个完整的联系人管理应用. 我们会看到如何使用Underscore.js的一些基本组件方便的来展现出Backbone.js的方法. 这些库都是什么? Backbone.js是一个Javascript的前端的MVC架构 Underscore.js是一个工具集,他对Javascript功能进行了一些增强…

原文: Build a Contacts Manager Using Backbone.js: Part 4 这一系列教程的第四部分,教我们如何完成对已经存在的Contacts进行编辑和保存. 本教程是基于这一系列的前三个教程. 有不清楚的请先阅读前三部分. 开始 在Contact原模版里添加一个edit按钮. <button class="edit">Edit</button> 在原Contact显示模版下添加新的编辑模版 <script id=&quo…

欢迎大家回来继续这一教程,第一部分我们学习了model,collection和view在Backbone中的 基本用法,还有怎么样用主视图去绑定collection去渲染出每个Contact. 这部分我们学习怎么通过用户输入过滤视图中的数据还要怎么给我们的应用程序加入路由的功能. 响应用户输入 从第一部分你可以发现每个model都有一个属性type,这个属性可以把model分成朋友,家人,同事等等. 让我们给主视图加入一个select控件来对models进行按type类型选择的操作. 我们当然可…

序言:首先,这是一篇学习 SVG 及 JS 动画不可多得的优秀文章.我非常喜欢 Ana Tudor 写的教程.在她的教程中有大量使用 SVG 制作的图解以及实时交互 DEMO,可以说教程的所有细枝末节都可以成为学习 SVG 以及 JS 画图的资料.另一方面,这篇教程也非常枯燥,因为教程的主要篇幅是关于几何图形的数学计算,不过上过中学的人都能理解.全篇翻译完,我觉得我几乎重新温习了一遍中学的几何知识,顺便学了点英语表述.最后还要感叹一下,想要灵活运用 SVG 画图,深厚的数学功底是不可或缺的,同时…

本文创建的天空盒是用六张图片来创建的.笔者会论述两种方法来创建,都是最简单基本的方法,不涉及着色器的使用.一种是创建一个盒子,然后将图片作为盒子6个面的纹理贴上来创建.另一种则是简单的将纹理作为场景的背景来创建.两种方法视觉效果是几乎没区别的,会给人身临其境的效果,感觉身处在这个3维空间里,最明显的区别就在于当你在用鼠标滚轮缩进的时候,天空盒会"原形毕露",暴露出其盒子的本性,视觉效果原理展现在你的眼前.如图所示:而作为背景的方法创建的话,则无论你怎么缩进,都不会"原形毕露&…

Gitlab创建一个项目 Gitlab创建一个项目(二)创建新用户以及分配项目 1.登陆到gitlab 2.点击项目名,获取http的URL 3.idea打开,选择git 4.设置项目路径以及本地保存位置,并点击“Clone” 5.输入gitlab用户名.密码 6.创建一个文件readme.txt 7.上传到Gitlab上 8.再次登陆gitlab,可以看到刚刚增加的文件 其他:设置文件变化也不提交 设置前提交 设置后…

rs = require("readline-sync"); let arr = []; console.log("请输入数组的长度:"); let arr_length = rs.question() - 0; console.log("请添加数组中的元素:"); for (let index = 0; index < arr_length; index++) {     arr[index] = rs.question() - 0; }…

整理了一下用Backbone.js系列教程链接. Backbone.js入门教程 用Backbone.js创建一个联系人管理系统(一) 用Backbone.js创建一个联系人管理系统(二) 用Backbone.js创建一个联系人管理系统(三) 用Backbone.js创建一个联系人管理系统(四) 用Backbone.js创建一个联系人管理系统(五)…