在新的cmd 3.0中不需要生成jsb3文件了

可以直接用sencha app build的命令生成压缩的项目

p.s compass如果报错的话记得装ruby

1.首先安装RailsInstaller.exe 地址（http://railsftw.bryanbibat.net/）

2.安装 compass：

安装 compass 成功之后如下图所示：

3.如此便可正常使用sencha app build命令

如有问题可去我的Q群提问（224711028）。

首先要说明，这个准确说并不是BOOST的singleton实现，而是BOOST的POOL库的singleton实现。BOOST库中其实有若干个singleton模版，这个只是其中一个。但网上大部分介绍的介绍的BOOST的Singleton实现都是这个，所以大家也就默认了。而且这个的确算是比较特殊和有趣的一个实现。

网上比较有名的文章是这篇《2B程序员，普通程序员和文艺程序员的Singleton实现》 介绍，我虽然对Singleton模版无爱，但自己的项目组中也有人用这个实现，所以还是研究了一下这个实现，特别网上真正解释清楚这个东东的人并不多（包括原文），所以还是研究了一下。

为了介绍清楚这个实现，我们还要先解释清楚为啥2B实现有问题，首先说明，2B实现和BOOST的实现都可以解决多线程调用Singleton导致多次初始化的问题。

//H文件
 template <typename T> class Singleton_2B
 {
 protected:
     typedef  T  object_type;
     //利用的是类的静态全局变量
     static T instance_;
 public:
     static T* instance()
     {
         return &instance_;
     }
 };
 
 //因为是类的静态变量，必须有一个通用的声明
 template<typename T> typename Singleton_2B<T>::object_type  Singleton_2B<T>::instance_;
 
 //测试的例子代码。
 class Object_2B_1
 {
     
     //其实使用友元帮助我们可以让Object_2B的构造函数是protected的，从而真正实现单子的意图
     friend class Singleton_2B<Object_2B_1>;
     //注意下面用protected，大家无法构造实例
 protected:
     Object_2B_1();
     ~Object_2B_1(){};
 public:
     void do_something();
 protected:
     int data_2b_1_;
 };
 
 class Object_2B_2
 {
     friend class Singleton_2B<Object_2B_2>;
 protected:
     Object_2B_2();
     ~Object_2B_2(){};
 public:
     void do_something();
 protected:
     int data_2b_2_;
 };
 
 //CPP文件
 Object_2B_1::Object_2B_1():
     data_2b_1_(1)
 {
     printf("Object_2B_1::Object_2B_1() this:[%p] data_2b_1_ [%d].\n",this,data_2b_1_);
     Singleton_2B<Object_2B_2>::instance()->do_something();    
 };
 
 void Object_2B_1::do_something()
 {
     data_2b_1_+= 10000;
     printf("Object_2B_1::do_something() this:[%p] data_2b_1_ [%d].\n",this,data_2b_1_);
     
 }
 
 
 Object_2B_2::Object_2B_2():
         data_2b_2_(2)
 {
     printf("Object_2B_2::Object_2B_2() this:[%p] data_2b_2_ [%d].\n",this,data_2b_2_);
     Singleton_2B<Object_2B_1>::instance()->do_something();
 };
 
 void Object_2B_2::do_something()
 {
     data_2b_2_+= 10000;
     printf("Object_2B_2::do_something() this:[%p] data_2b_2_ [%d].\n",this,data_2b_2_);
 }

但会导致什么问题呢？崩溃？不一定是,（因为静态数据区的空间应该是先分配的），而且结果这个和编译器的实现有关系，

GCC的输出结果如下：

//GCC编译器的输出如下：
Object_2B_2::Object_2B_2() this:[0046E1F4] data_2b_2_ [2].
//注意下面,do_something函数被调用了，但是没有崩溃，data_2b_1_默认被初始化为了0
Object_2B_1::do_something() this:[0046E1F0] data_2b_1_ [10000].  
//注意下面，do_something函数被调用了后，构造函数才起作用，data_2b_1_又被初始化为了1，
Object_2B_1::Object_2B_1() this:[0046E1F0] data_2b_1_ [1]. Object_2B_2::do_something() this:[0046E1F4] data_2b_2_ [10002].

//VC++2010的release版本输出 
Object_2B_2::Object_2B_2() this:[0046E1F4] data_2b_2_ [2].
//注意下面的10001，感觉就像构造函数被偷偷调用过一样。有意思。
Object_2B_1::do_something() this:[0046E1F0] data_2b_1_ [10001].  
Object_2B_1::Object_2B_1() this:[0046E1F0] data_2b_1_ [1]. Object_2B_2::do_something() this:[0046E1F4] data_2b_2_ [10002].

接着我们就来看看BOOST的模版是使用什么技巧，即保证多线程下不重复初始化，又让相互之间的调用更加安全。

template <typename T>
class Singleton_WY
{
private:
    struct object_creator
    {
        object_creator() 
        {
            Singleton_WY<T>::instance(); 
        }
        inline void do_nothing() const {}
    };
    //利用类的静态对象object_creator的构造初始化,在进入main之前已经调用了instance
    //从而避免了多次初始化的问题
    static object_creator create_object_;
public:
    static T *instance()
    {
        static T obj;
        //do_nothing 是必要的，do_nothing的作用有点意思，
        //如果不加create_object_.do_nothing();这句话，在main函数前面
        //create_object_的构造函数都不会被调用，instance当然也不会被调用，
        //我的估计是模版的延迟实现的特效导致，如果没有这句话，编译器也不会实现
	// Singleton_WY<T>::object_creator,所以就会导致这个问题
        create_object_.do_nothing();
        return &obj;
    }
};
//因为create_object_是类的静态变量，必须有一个通用的声明
template <typename T>  typename Singleton_WY<T>::object_creator Singleton_WY<T>::create_object_;

//测试的例子
class Object_WY_1
{
    //其实使用友元帮助我们可以让Object_2B的构造函数是protected的，从而真正实现单子的意图
    friend class Singleton_WY<Object_WY_1>;
    //注意下面用protected，大家无法构造实例
protected:
    Object_WY_1();
    ~Object_WY_1(){};
public:
    void do_something();
protected:
    int data_wy_1_;
};

class Object_WY_2
{
    friend class Singleton_WY<Object_WY_2>;
protected:
    Object_WY_2();
    ~Object_WY_2(){};
public:
    void do_something();
protected:
    int data_wy_2_;
};

//CPP代码
Object_WY_1::Object_WY_1():
    data_wy_1_(1)
{
    printf("Object_WY_1::Object_WY_1() this:[%p] data_2b_1_ [%d].\n",this,data_wy_1_);
    Singleton_WY<Object_WY_2>::instance()->do_something();    
};

void Object_WY_1::do_something()
{
    data_wy_1_+= 10000;
    printf("Object_2B_1::do_something() this:[%p] data_2b_1_ [%d].\n",this,data_wy_1_);

}


Object_WY_2::Object_WY_2():
    data_wy_2_(2)
{
    printf("Object_WY_2::Object_WY_2() this:[%p] data_2b_2_ [%d].\n",this,data_wy_2_);
    Singleton_WY<Object_WY_1>::instance()->do_something();
};

void Object_WY_2::do_something()
{
    data_wy_2_+= 10000;
    printf("Object_WY_2::do_something() this:[%p] data_2b_2_ [%d].\n",this,data_wy_2_);
}

Object_WY_2::Object_WY_2() this:[00ECA138] data_2b_2_ [2].
Object_WY_1::Object_WY_1() this:[00ECA140] data_2b_1_ [1].
Object_WY_2::do_something() this:[00ECA138] data_2b_2_ [10002].
Object_2B_1::do_something() this:[00ECA140] data_2b_1_ [10001].

首先BOOST的这个实现的Singleton的数据分成两个部分，一个是内部类的object_creator的静态成员creator_object_,一个是instance函数内部的静态变量static T obj;如果外部的有人调用了instance()函数，静态变量obj就会被构造出来，而静态成员creator_object_会在main函数前面构造，他的构造函数内部也调用instance()，这样就会保证静态变量一定会在main函数前面初始化出来。

到此为止，这部分还都能正常理解，但instance()函数中的这句就是有点诡异技巧的了。

其实这句话如果单独分析，并没有明确的作用，因为如果类的静态成员creator_object_的构造就应该让单子对象被初始化。但一旦你注释掉这句话，你会发现create_object_的构造函数都不会被调用。在main函数之前，什么事情都没有发生（VC++2010和GCC都一样），BOOST的代码注释只说是确保create_object_的构造被调用，但也没有明确原因。

我估计这还是和模版的编译有潜在的关系，模版都是Lazy Evaluation。所以如果编译器没有编译过create_object_.do_nothing();编译器就会漏掉create_object_的对象一切实现，也就完全不会编译Singleton_WY<T>::object_creator和Singleton_WY<T>:: create_object_代码,所以就会导致这个问题。使

使用jquerymobile的时候有时候我们会在同一个页面中写多个页面，但是在切换的时候，在浏览器显示的title总是同一个。我们需要不同的页面显示不同的title，这时候我们可以在data-role后面添加data-title属性，设置自己需要的title内容。下面一个例子代码：

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">	
<title>Multi Page Example (2)</title> 
<link rel="stylesheet" href=/blog_article/"http_/code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src=/blog_article/"http_/code.jquery.com/jquery-1.7.1.min.js"></script>/index.html
<script src=/blog_article/"http_/code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>/index.html
</head>

<body>

<div data-role="page" id="homePage">
	<div data-role="header">Welcome</div>
	<div data-role="content">
	<p>
	Welcome to our first mobile web site. It's going to be the best site you've ever seen. 
	Once we get some content. And a business plan. But the hard part is done!
	</p>
	<p>
		You can also <a href=/blog_article/"/index.html more</a> about Megacorp.
	</p>
	</div>
	
	<div data-role="footer">
	<i>Copyright Megacorp © 2012</i>
	</div>	
</div>

<div data-role="page" id="aboutPage" data-title="About Megacorp">
	<div data-role="header">About Megacorp</div>
	<div data-role="content">
	<p>
	This text talks about Megacorp and how interesting it is. Most likely though you want to
	<a href=/blog_article/"/index.html to the home page.
	</p>
	</div>
	<div data-role="footer">
	<i>Copyright Megacorp © 2012</i>
	</div>
	
</div>
</body>
</html>

在某些情况下，我们一个页面中的某个链接，被点击的可能性很大，这时候我们如果能够提前取得这个页面的数据，在用户点击的时候马上就显示出来，这样会给用户一个很好的体验。jquerymobile也考虑了这样的情况，在我们使用<a>标签加载一个外部页面的时候，我们添加一个属性data-prefetch属性。我们可以在上面的代码中添加一个如下的链接：

Find out about our wonderful <a href=/blog_article/"products.html" data-prefetch>products</a>.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">	
<title>Products</title> 
<link rel="stylesheet" href=/blog_article/"http_/code.jquery.com/mobile/latest/jquery.mobile.min.css" />
<script src=/blog_article/"http_/code.jquery.com/jquery-1.6.2.min.js"></script>/index.html
<script src=/blog_article/"http_/code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>/index.html
</head>

<body>

<div data-role="page" id="productsPage">

	<div data-role="header">Products</div>

	<div data-role="content">
	<p>
		Our products include:
	</p>
	<ul>
		<li>Alpha Series</li>
		<li>Beta Series</li>
		<li>Gamma Series</li>
	</ul>	
	</div>
	
	
</div>

</body>
</html>

本人也是新学，如果哪里错了，还请指出。