开发者首先可以在本地像撰写 web 页面一样撰写一个 app 的页面，然后编译成一段 JavaScript 代码，形成 Weex 的一个 JS bundle；

在云端，开发者可以把生成的 JS bundle 部署上去，然后通过网络请求或预下发的方式传递到用户的移动应用客户端；

在移动应用客户端里，WeexSDK 会准备好一个 JavaScript 引擎，并且在用户打开一个 Weex 页面时执行相应的 JS bundle，并在执行过程中产生各种命令发送到 native 端进行的界面渲染或数据存储、网络通信、调用设备功能、用户交互响应等移动应用的场景实践；

同时，如果用户没有安装移动应用，他仍然可以在浏览器里打开一个相同的 web 页面，这个页面是使用相同的页面源代码，通过浏览器里的 JavaScript 引擎运行起来的。

需求背景

• 长列表（无限列表）在移动端很常见，会消耗大量渲染时间和内存，通常是性能瓶颈。
• 虽然列表中的内容很长，但是结构都比较相似，只是内容有差异，很适合复用。
• 长列表中有大量节点不在可视区，回收并复用这些节点可以减少内存占用和创建新节点时的开销。

在列表变得特别长的时候，尤其是列表包含了大量图文视频的时候，即使做了懒加载优化了渲染效率，超长列表内存的占用量也很难优化。

如果能复用列表中相似的模板结构，由数据来驱动原生组件的渲染，节点离屏之后将模板回收，将会大幅优化长列表的渲染性能和内存使用量。

图中的 JSFM 为 JS Framework 的简写。

下面以 Vue.js 为例，详细介绍一下常规组件的渲染过程。

如上图所示，前端框架中的 Template 不再需要数据，而是直接展开成一种纯静态的模板结构，结构中包含了模板渲染逻辑，格式仍然是 VNode。然后经过 JS Framework 转换成 Weex 支持的 Element，其中也包含了模板的原生渲染指令。客户端解析出可复用的模板结构，由数据驱动模板渲染，这个模板结构和前端组件中的定义是一致的。

这个过程除了要把模板发给客户端，还得带上模板的渲染逻辑，告诉客户端如何根据数据来渲染模板。为了描述这些渲染逻辑，就得设计一套面向原生渲染引擎的模板渲染指令。

当列表向下滚动时，回收掉上方不在屏幕内的模板，并不销毁而是将其中的数据清空。当列表下方需要渲染新的数据时，会取出回收的空模板，注入数据渲染出真实节点，然后追加到列表下方。列表向上滚动时的原理是一样的，为了保障列表滚动的流畅，也会渲染屏幕上下方扩展区域内的节点。

无论真实的数据有多少条，真实渲染的只有可滚动区域内的节点，这样不仅可以加快首屏的渲染速度，内存的占用量也不会随着列表长度大幅增长。

使用 Virtual Component 管理组件状态

想让客户端只根据模板和数据就能渲染出来节点，看起来只有函数式组件才可以做到，也就是要求组件必须是不含内部状态的，然而实际应用中绝大多数组件都含有内部状态的，只做到这一步是远远不够的。

对于包含了状态的组件，渲染过程就比较复杂了，因为组件内部状态的处理逻辑（data,watch, computed）都在前端中，然而模板和数据都已经发给客户端处理了，所以需要经过多个回合的通信来解决状态同步问题。详细处理过程可以参考 Implementation.md#渲染过程

为了实现可复用的原生组件，在前端框架中引入了这两个概念：

• Virtual Component Template: 虚拟组件模板。包含了带有原生模板指令的节点，监听节点上的事件，但是不包含任何状态，不会触发更新，也没有生命周期。整个过程中只会渲染一次，目的是将模板的结构发给客户端。
• Virtual Component: 虚拟组件。包含内部状态和生命周期，但是并不渲染，不执行 render 函数也没有 VNode 节点，也不监听事件，内部状态更新时不会触发渲染而是数据改动发给客户端。

在渲染的过程中，如果发现某个组件用在了 <recycle-list> 里，就不再走之前的处理逻辑，而是创建一个 Virtual Component Template，并且不初始化任何状态（data,watch, computed）、不绑定生命周期，但是会初始化自定义事件的功能。渲染组件时不执行 render 函数，而是执行定制的 @render 函数生成带有原生渲染指令的模板结构，这个结构将一次性发给客户端，后续不会再修改。

在创建 Virtual Component Template 时，会监听客户端原生组件的 create 生命周期钩子，当客户端派发了 create 的时候，才会真正的开始创建只含状态不含节点的 Virtual Component。虚拟组件模板只有一份，但是从同一份模板创建出的 Virtual Component 会有多个，与客户端发送的 create 钩子的次数有关，与数据有关。另外，由于事件是绑定在节点上的，原生 UI 捕获到的事件只会派发给 Virtual Component Template，然后再找到相应的 Virtual Component 并以其为作用域执行事件处理函数。

Virtual Component 内部只管理数据，即使数据有变动也不会触发渲染，而是调用特殊接口向客户端更新组件的内部状态，由客户端根据新数据更新组件的 UI。在创建 Virtual Component 时，会监听客户端原生组件的 attach 、detach 、 update 、 syncState 生命周期，生命周期的派发有客户端来控制，语义和前端框架略有差异，具体细节可以参考列表的渲染过程和更新过程。

生命周期对应表如下：

因此，让我们继续编写一个简单的Android应用程序，它将打印“Hello World！”。

创建Android应用程序

第一步是使用Android Studio创建一个简单的Android应用程序。当您点击Android工作室图标时，它将显示如下所示的屏幕

您可以通过调用开始一个新的android studio项目来开始您的应用程序开发。在新的安装框架中应询问应用程序名称，包装信息和项目位置。

输入应用程序名称后，它将被称为选择应用程序运行的窗体因子，在这里需要指定Minimum SDK，在我们的教程中，我声明为API23：Android 6.0（Mashmallow） -

下一级安装应包含选择移动设备的活动，它指定应用程序的默认布局。

在最后阶段，它将成为编写应用程序代码的开放式开发工具。

Android应用程序剖析

在运行应用程序之前，您应该了解Android项目中的几个目录和文件 -

以下部分将简要介绍重要的应用程序文件。

主要活动文件

主要活动代码是一个Java文件MainActivity.java。这是最终转换为Dalvik可执行文件并运行应用程序的实际应用程序文件。以下是应用程序向导为Hello World生成的默认代码！申请 -

package com.example.helloworld;  import android.support.v7.app.AppCompatActivity; import android.os.Bundle;  public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {       super.onCreate(savedInstanceState);       setContentView(R.layout.activity_main);    } }

这里，R.layout.activity_main是指位于res / layout文件夹中的activity_main.xml文件。所述的onCreate（）方法是当加载一个活动被想通许多方法之一。

清单文件

无论您作为应用程序的一部分开发什么组件，您都必须将其所有组件声明在驻留在应用程序项目目录根目录下的manifest.xml中。这个文件作为Android OS和你的应用程序之间的接口，所以如果你没有在这个文件中声明你的组件，那么操作系统将不会考虑它。例如，默认的清单文件看起来像下面的文件 -

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"     package="com.example.tutorialspoint7.myapplication">     <application       android:allowBackup="true"       android:icon="@mipmap/ic_launcher"       android:label="@string/app_name"       android:supportsRtl="true"       android:theme="@style/AppTheme">              <activity android:name=".MainActivity">          <intent-filter>             <action android:name="android.intent.action.MAIN" />             <category android:name="android.intent.category.LAUNCHER" />          </intent-filter>       </activity>    </application> </manifest>

这里<application> ... </ application>标签包含了与应用程序相关的组件。属性android：icon将指向res / drawable-hdpi下的应用程序图标。该应用程序使用位于可绘制文件夹中的名为ic_launcher.png的图像

<activity>标记用于指定活动，android：name属性指定Activity子类的完全限定类名，android：label属性指定用作活动标签的字符串。您可以使用<activity>标签指定多个活动。

该行动的意图过滤器被命名为android.intent.action.MAIN，表明这项活动作为切入点应用。意图过滤器的类别被命名为android.intent.category.LAUNCHER，以指示应用程序可以从设备的启动器图标启动。

该@string指的strings.xml文件解释如下。因此，@ string / app_name引用了strings.xml文件中定义的app_name字符串，即“HelloWorld”。类似的方式，其他字符串会填充到应用程序中。

以下是清单文件中用于指定不同Android应用程序组件的标签列表 -

• 活动的<activity>元素

• 服务的<service>元素

• 广播接收机的<receiver>元素

• 内容提供者的<provider>元素

字符串文件

该的strings.xml文件位于RES /值文件夹，它包含了你的应用程序使用的所有文本。例如，按钮，标签，默认文本和类似类型的字符串的名称将进入此文件。该文件负责其文本内容。例如，一个默认的字符串文件看起来像下面的文件 -

<resources>    <string name="app_name">HelloWorld</string>    <string name="hello_world">Hello world!</string>    <string name="menu_settings">Settings</string>    <string name="title_activity_main">MainActivity</string> </resources>

布局文件

该activity_main.xml中是可用布局文件RES /布局目录，由应用程序构建它的界面时引用。您将经常修改该文件以更改应用程序的布局。为你的“Hello World！” 应用程序，此文件将具有以下与默认布局相关的内容 -

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent" >        <TextView       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:layout_centerHorizontal="true"       android:layout_centerVertical="true"       android:padding="@dimen/padding_medium"       android:text="@string/hello_world"       tools:context=".MainActivity" />        </RelativeLayout>

这是一个简单的RelativeLayout的例子，我们将在一个单独的章节中进行研究。所述的TextView是用于构建图形用户界面和它具有各种属性像一个Android控制机器人：layout_width，机器人：layout_height正被用来设置其宽度和高度等等。@string是指位于在strings.xml档案res / values文件夹。因此，@ string / hello_world指的是在strings.xml文件中定义的hello字符串，即“Hello World！”。

运行应用程序

让我们试着运行我们的Hello World！我们刚创建的应用程序 我假设你在创建环境时已经创建了AVD。要从Android Studio运行应用程序，请打开项目的一个活动文件，然后从工具栏中单击“运行” 图标。Android工作室在您的AVD上安装应用程序并启动它，如果您的设置和应用程序一切正常，它会显示以下仿真器窗口 -

恭喜！您已经开发出了第一个Android应用程序，现在只需继续按照教程的其余部分逐步成为一名优秀的Android开发人员。一切都很好。

weex工作原理

weex虚拟DOM解析过程

整体分析下拉，按照js文件的渲染过程，绘制出了下面架构图

 > weex

百度全网移动设备（操作系统）、浏览器、分辨率占有率
注：基于贴吧无线5月22日数据

移动设备（操作系统）:

浏览器:

分辨率:

01-16 09:45:32.870: E/AndroidRuntime(17685): java.lang.RuntimeException:  
Unable to start activity ComponentInfo{com.bxlt.android.aims.activity/com.bxlt.android.aims.activity.LoginActivity}: 
java.lang.SecurityException: Not allowed to start service Intent { act=InformationService } 
 without permission not exported from uid 10154

刚开始有点发懵，因为这是一个已经上线的项目，怎么会出现这种问题，然后遍寻答案，在stackflow上找到了灵感，地址

http://stackoverflow.com/questions/11410718/permission-issue-while-starting-a-service-from-android

然后发现测试机里面有两个工程用的Service都是注册的同一个名称，所以卸载掉一个工程，问题解决

　　数据库中数据的默认数据在frameworks/base/packages/SettingsProvider/res/values/defaults.xml中定义，如果要在数据库中添加一个新的字段，则可用如下步骤：

　　1、在defaults.xml中为新加的数据定义一个默认值(当然也可在代码中直接给定)

　　2、在frameworks/base/packages/SettingsProvider/src/com/android/providers/settings/DatabaseHelper.java中的loadSystemSettings()方法中加入新字段的添加代码，如下：

　　loadIntegerSetting(stmt, "homescreen_switch_effict",

　　R.integer.def_homescreen_switch_effict);

　　3、重新编译一个SettingsProvider.apk，再替换原来的SettingsProvider.apk

　　4、用Settings.System.putInt();Settings.System.getInt()来设置和取得设置的值

　　Target: Android ICS

　　1. 将gdbserver和gdbclient分别放入target和host。两者都可在android源代码的prebuilt目录下找到。

　　2. 在Target上启动gdbserver，在adb shell中执行

　　$ /path/to/gdbserver :1111--attach PID

　　其中PID为想要debug程序的进程号，可以通过ps得到。1111为端口号，可以自定义。

　　3. 在Host上启动gdbclient，首先将target上的库pull到host上(如/home/jzj/debug/gdb)

　　$cd /home/jzj/debug/gdb

　　$adb pull /system/lib

　　$adb pull /system/bin/app_process

　　然后写启动脚本init.gdb(这里假设程序要用到的库放在/home/jzj/debug/gdb/下，android的symbol放在/home/jzj/debug/ics/symbols/system/lib/下，android的源码放在/home/jzj/workspace/ics下)

　　file /home/jzj/debug/gdb/app_process

　　set solib-absolute-prefix /home/jzj/debug/ics/symbols/

　　set solib-search-path /home/jzj/debug/ics/symbols/system/lib/:/home/jzj/debug/gdb

　　dir /home/jzj/workspace/ics

　　shell adb forward tcp:1111 tcp:1111

　　target remote :1111

　　最后执行

　　$ gdb -x init.gdb

　　就可以启动gdb了。一切正常的话这时候就可以用gdb的基本功能，如设断点或者查看内存了。这时有些so库的符号表可能还没载入，可以执行

　　(gdb) shared

　　载入这些符号表。

　　最后附个关于gdb设置脚本中两个变量的官方解释，一般solib-absolute-prefix先于solib-search-path查找。

　　solib-absolute-prefix ：

　　If this variable is set, path will be used as a prefix for any absolute shared library paths; many runtime loaders store the absolute paths to the shared library in the target program's memory. If you use `solib-absolute-prefix' to find shared libraries, they need to be laid out in the same way that they are on the target, with e.g. a `/usr/lib' hierarchy under path. You can set the default value of `solib-absolute-prefix' by using the configure-time `--with-sysroot' option.

　　solib-search-path ：

　　If this variable is set, path is a colon-separated list of directories to search for shared libraries. `solib-search-path' is used after `solib-absolute-prefix' fails to locate the library, or if the path to the library is relative instead of absolute. If you want to use `solib-search-path' instead of `solib-absolute-prefix', be sure to set `solib-absolute-prefix' to a nonexistant directory to prevent GDB from finding your host's libraries.

 　　随着移动互联网的迅速发展，前端的概念已发生很大的变化，已不仅仅局限在网页端。而Android系统作为智能机市场的老大，作为前端开 发工程师，非常有必要了解和学习。但面对众多学习资料，站在前端开发工程师的角色，怎样挑选出合适的路进行快速学习，而不必浪费大量时间去摸索，该系列文 章希望能帮助到小伙伴们。

　　文章会挑选几个实际的例子，贯穿在整个系列中，涉及到Java、Android、程序设计等多方面知识，力求让大家快速掌握。俗话说，工欲善其事，必先利其器，系列的第一篇就从Window系统下Android的环境搭建说起。Let’s Go!

　　Step1：JDK的安装和Java环境变量的设置

　　JDK(Java Development Kit)是整个Java的核心，包括一系列Java开发的东西，安装完毕需要配置一下环境变量。

　　1)JAVA_HOME

　　JDK的安装路径，这个环境变量本身不存在，需要创建，创建完则可以利用%JAVA_HOME%作为统一引用路径，其值为：jdk在你电脑上的安装路径

　　2)PATH

　　PATH属性已存在，可直接编辑。作用是用于配置路径，简化命令的输入，其值为：%JAVA_HOME%bin

　　3)CLASSPATH

　　用于编译时JAVA类的路径，注意这里设置的是两个值，(.;)表示的是JVM先搜索当前目录。其值为：.;%JAVA_HOME%libtools.jar

　　配置完毕后，通过cmd运行以下命令：java -version，javac 如果出现返回信息，则设置成功

　　Step2：安装Eclipse

　　Eclipse为Java及Android开发的IDE。Eclipse不需要安装，把解压包解压后，剪切eclipse文件夹到你想安装的地方，打开时设置你的工作目录即可。

　　Step3：安装Android SDK

　　Andorid SDK为Android管理开发包工具，提供了Android各级平台的开发包和工具。注意，因为我们是独立安装，不是一体化(集成系列工具)所以需要单独下载SDK。(如图)

　　运行安装文件，并把安装目录下tools文件夹路径设置进PATH环境变量

　　去到安装目录运行SDK Manager，一开始什么平台和工具也没有，需要下载回来。公司内网的话需要使用代理来下载。

　　到 Tools -> Options… 把代理填上，点击 Close 后则会出现众多平台列表，把Android Tools 选上安装，另外建议把2.2以上的全部下载安装。

　　step4：安装配置ADT

　　ADT是Eclipse的插件，用于管理开发Android

　　1)安装ADT

　　启动Eclipse，点击 Help菜单 -> Install New Software… ，点击 Add… ，输入地址：http://dl-ssl.google.com/android/eclipse/

　　选取要安装的项，一路Next完成安装并重启。这样ADT就安装完毕了。

　　2)配置ADT

　　选择 Window -> Preferences ，在弹出面板中就会看到Android设置项，填上安装的SDK路径，则会出现刚才在SDK中安装的各平台包，按OK则完成配置。此时Android的环境就搭建完毕，可以进行Android项目的开发了。

　　Step5：创建第一个Android项目

　　1)选择 File -> New -> Other -> Android -> Android Application Project

　　2)输入项目所需信息

　　Application Name (应用的名称)

　　Project Name (在Eclipse中该项目的名称)

　　Package Name (存放Java类的包名称，其实质是存放的文件夹路径，.号为文件分隔符，我们编写的Java文件都会放在项目的src目录下，如com.tencent.helloworld表示类放在src/com/tencent/helloworld文件夹中)

　　3)一路Next直到Finish，则我们的工程创建完毕。

　　4)由于程序是运行在模拟器上的，我们还没有创建一个模拟器，所以需创建一个，创建完点关闭则可。

　　5)点击 三角型 run按钮，然后选择刚才创建的模拟器，则程序开始运行。小提示：启动模拟器会比较慢，所以，当程序作出修改，需要再次运行时，不要关闭掉模拟器，直接按模拟器上的Home或返回键退出app，之后再按run，则可重新跑起。

public static boolean hasInternet(Activity activity) {
		ConnectivityManager manager = (ConnectivityManager) activity
				.getSystemService(Context.CONNECTIVITY_SERVICE);
		NetworkInfo info = manager.getActiveNetworkInfo();
		if (info == null || !info.isConnected()) {
			return false;
		}
		if (info.isRoaming()) {
			return true;
		}
		return true;
	}