liudong19870227
- 浏览: 32083 次
- 性别:
- 来自: 北京
-
最新评论
-
flex_莫冲：
mark 需要的。
Backbone的学习资源 -
tiankong6622：
[b][/b][i][/i][u][/u]
[img][/ ...
Backbone制作联系人管理之过滤和路由（2） -
liudong19870227：
8465279130 写道小伙不赖嘛你是谁啊
Maven项目中压缩js和Css代码 -
8465279130：
小伙不赖嘛
Maven项目中压缩js和Css代码
文章列表
一、通过npm安装mysql
npm install -g mysql
安装成功后可以在C:\Program Files\nodejs\node_modules中查看
二、使用mysql
1.创建mysql.js文件
2.查看C:\Program Files\nodejs\node_modules\mysql下的Readme.md文件
3.将下面代码粘贴到mysql.js文件中
var mysql = require('mysql');
var TEST_DATABASE = 'nodejs_mysql_test';
var TEST_TABLE = 'test'; ...
项目结构如图
我们的目的是将js中的js文件压缩到app.js,css中的base.css和main.css压缩到app.css中，步骤如下：
一、引入yuicompressor的依赖
<dependency>
<groupId>com.yahoo.platform.yui</groupId>
&l ...
1.IBM Page Detailer
http://www.ibm.com/developerworks/cn/web/wa-lo-pagedetailer/index.html
2.Load Runner
http://learnloadrunner.com/
A first Ant build
- 博客分类：
- Ant
前提已有java和ant环境（运行java -version和ant -version测试）
一、新建项目文件夹并再新建文件夹src，并创建Main.java
package com.ant.welcome;
public class Main{
public static void main(String args[]){
for(int i=0; i<args.length; i++){
System.out.print(args[i]);
}
}
}
二、在 项目路径下床架build.xml
<?xml versio ...
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-antrun-plugin</artifactId>
<version>1.6</version>
<executions>
<execution>
<phase>generate-sources</phase>
<goals>
...
Maven之antrun插件测试
- 博客分类：
- Maven
此代码来自官方examples：
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-antrun-plugin</artifactId>
<version>1.6</version>
<executions>
<execution>
<id>compile</id>
<phase>c ...
由于Backbone中的请求是rest风格的，所以后台我选择的RestEasy来提供服务。
前端代码还是采用的我之前的一片文章http://webexpressor.iteye.com/blog/1608830
一、后台代码
主要目的是以json的格式返回一个BookList
1.我的项目是采用的maven来控制jar包的，pom文件为：
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-insta ...
第二部分 添加类型过滤和路由功能
如图这部分我们加入左上角的功能（基于第一部分来做的）：
一、创建select，并填充数据
1.在index.html中添加标签
<header>
<div id="filter"><label>Show me:</label></div>
</header>
2.添加列表数据
由于这个和联系人视图平级都属于AppView要渲染的内容，所以可以现在AppVie ...
本系列将讲解使用backbone制作一个联系人管理器，共分为四个部分：
1.制作列表2.增加类型过滤、和路由功能3.增加添加、修改和删除功能4.与服务器的数据同步
第一部分：制作列表
完成这个功能需要：
1.我们先采用假数据，即定义一个联系人数组。
var contacts = [
{id: '1', name: '张三01', address: '北京市朝阳区', email: 'zhangsan@163.com', tel: '13211111111', type: '同事'},
{id: '2', ...
HTML5 Boilerplate是基于HTML/ CSS / JS的一个快速，健壮和面向未来的网站模板。经过3年的迭代开发，使我们得到最佳的web开发实践，包括：跨浏览器的正常化，性能优化，甚至像可选功能如AJAX跨域和Flash处理等，这个模版包含一个.htaccess配置文件，它的功能包括Apache缓存设置，网站播放HTML5视频设置，使用@font-face和允许使用gzip设置。
它有以下特性：
支持HTML 5
跨浏览器兼容,包括对IE6的支持
高速缓存和压缩规则,最佳实践配置
移动浏览器优化
单元测试套件Javascript分析
...
1.General
1.1 什么是Modernizr？
Modernizr是用来检测下一代web技术本地实现的JavaScript类库，例如HTML5和CSS3的特性检测，这些特性在浏览器上的实现并不统一，而Modernizr就是告诉你，该浏览器是否实现某一特性。
它有区别于利用UA来检测，UA检测并不可信，因为UA是浏览器厂商自己定义的，它和特性并不能一一对应起来。而特性检测相对就比较可信，如果浏览器实现了该特性那自然是好的，否则要去做降级处理。Modernizr使这种特性检测变得很方便，它支持：
1）可以检测40多种特性
2）Modernizr这个对象就包括一个布尔值，来反应是 ...
准备用Backbone实现一个简单的ListView，有的功能：
1.页面用模版渲染一个json数组数据（没有去请求数据库，简单的模拟）
2.绑定每个item，单击可以找到对应的model（该model即对象中包括创建时的所有属性）
在这里简单谈谈单页面应用（SPA）和传统的多页面（如JSP）开发的不同之处，多页面中每次得到一个列表，如果单击item去查看详情，一般都要去更具id到数据库再去找该对象，然后再新的页面中展示，其实负责渲染该列表的List中已经有该对象了，再去请求一次服务器是不是很不友好呢？在单页面中就没有这个问题，单击每个Item就可以找到该对象，然后直接渲染数据就可以 ...
在Backbone中模型是核心，要处理大量的处理逻辑和数据数据交互，包括：数据校验，访问控制，属性计算。
模型的使用还是比较简单的：
Person = Backbone.Model.extend({
defaults:{
sex:"male"
},
initialize : function() {
alert("Welcome to this world");
//为属性绑定事件
this.bind("change:name",function(){
alert("更 ...
一直想学习一种前端的MVC框架，这种框架有很多，也老早就听说了Backbone，它的资源在国内也算比较多，就先选择它了，网上有人对比了若干MVC框架，我觉得这些都各有各的优势，如果本身自己都还没有用熟练过任何一种，选择资源丰富的也算是比较好的一种选择了，日后在实践的时候发现它的弊端了，这时候可以再寻求其它框架，或者自己改善它，毕竟现在都是开源的~
下面是我搜集的一些关于Backbone的学习资源，方便今后查阅~
1.Backbone英文版API
http://documentcloud.github.com/backbone/
2.Backbone中文版API
http://www. ...
Web Mobile App虽然可以跨平台，实现“一次编写，处处运行”，但是有些时候不得不考虑当前的运行平台，例如移动设备对CSS3，HTML5特性的支持情况就参差不齐。这种检测一般有三种方法：
1）特性检测（Feture）——检测当前运行平台是否支持某一特性
2）浏览器检测（Browser）——检测当前运行平台的浏览器以及操作系统
3）形态因素检测（Form Factor）——检测当前运行平台，例如smartphone、TV
下面我们一一介绍
一、特性检测
这种方式非常流行，思想就是如果支持该特性就使用，否则就不使用，用其它方案代替。例如：
detectCanva ...