- React 之 Virtual DOM
sky_Wolf丶
ReactJAVASCRIPT
一、VirtualDOM实际上是在浏览器端用Javascript实现的一套DOMAPI,它之于React一个虚拟空间,包括一整套VirtualDOM、生命周期的维护与管理,性能高效的diff算法和将VirtualDOM展示为原生的DOM的Patch方法等。当开发者使用React时,此时的标签并不是原生的标签,它其实是Reacts生成的VirtualDOM对象,只不过是标签名称相同罢了。二、Reac
- Vue2笔记(全)
Jadon_z
Vueweb前端vue.js前端
一.介绍Vue.js是一套构建用户界面的渐进式框架。。渐进式:主张最少。最大的特点是没有DOM操作。主张只操作数据。优点:1.轻量级的数据框架2.双向数据绑定3.提供了指令4.组件化开发5.客户端路由6.状态管理:同cookie、session、本地存储类似缺点:1.Vue底层基于Object.defineProperty实现数据响应式,而这个api本身不支持IE8及以下浏览器,所以Vue不支持I
- react-demos
撕心裂肺1232
[2018.08.08]RenderJSXReactDOM.render()讲jsx渲染成HTML并插入到指定的DOM节点里。ReactDOM.render(虚拟节点,真实节点);ReactDOM.render(Hello,world!,document.getElementById('example'));UseJavaScriptinJSX在JSX中使用html以({names.map(fun
- 不得不说的前端框架选型与技术分析
JeaStone
在日益丰富的前端框架体系的今天,前端技术的选型工作已经越来越有趣味,至少目前我是如此,为了改善用户体验,提升前端的工作性能,各种框架集层出不穷;今天简单的分析下各大前端框架集的优劣性能,尽量的减少小白同学在前端的路上越走越远,同时也希望伪前端来辩;不得不提的JQUERY,jquery在前端体系的发展史上功不可没,他大大的简化了前端对DOM操作的难度,为初涉前端的同学大大的降低了入口的门槛,你可以不
- 01-vue3的设计思想、理念和整体架构
Viocexx
从零搭建自己的Vue3vue.js
目录vue3的设计思想、理念设计思想声明式架构采用虚拟DOM区分编译时和运行时Vue整体架构架构介绍Monorepo管理项目Vue3项目结构Vue3采用typescriptVue3开发环境搭建vue3的设计思想、理念设计思想1.Vue3.0更注重模块上的拆分,在2.0中无法单独使用部分模块,需要引入完整的Vuejs(例如只想使用响应式部分,但是需要引入完整的Vuejs),Vue3中的模块之间耦合度
- 事件
那个轻描淡写的女子
事件流:DOM0级事件流分为事件捕获和事件冒泡1冒泡:从内到外,从子到父2捕获:从父到子,从外到内DOM2级事件流:事件捕获阶段、处于目标阶段和事件冒泡阶段。融合了DOM01事件捕获阶段(找):从外向内遍历DOM树document->html->body->outer只是找到对象,并不执行事件2找到目标处于目标:事件触发目标第二阶段和第三阶段都是有事件处理程序发生3.事件冒泡:从里向外事件处理程序
- 解析xml文档的方式
LXiZh11
xml
1.xml文档定义有两种形式:dtd、scheme,它们的本质区别是scheme本身是xml的,可以被xml解析器解析(这也是从dtd发展scheme的根本原因),2.解析xml文档的方式有DOM和Sax。①DOM在处理大型文件时性能下降的非常厉害,这是由于DOM本身的树结构造成的,这种结构占用的内存较多,并且DOM在解析文件之前必须把整个文档装入内存中,适合对xml文件的随机访问。②Sax是事件
- node的安装
lzfengquan
安装node当js运行在浏览器里面的时候,操作DOMBOM但是不能操作文件之类的内容。当运行在node环境下的时候,不能操作DOM和BOM,但是可以操作文件、数据库之类的内容安装步骤1百度搜索node,就会有一个英文网或者中文网都可以用。最好点击下载一个LTS版本的,长期维护的稳定的版本12.16.1的版本。根据自己电脑的系统和版本进行安装。2双击安装包,安装就可以了(一直next就可以了)。安装
- DOM
adminlyrics
文档节点是每个文档的根节点,在html文件中则是元素(文档元素)(文档最外层的元素)每个文档只有一个文档元素,html页面就只有一个则为元素1.nodeType(节点的类型)对于所有的浏览器检测某个元素是不是节点类型if(someNode.nodeType==1){//是节点类型}2.对于元素节点:nodeName->是元素的标签名nodeValue始终为null3.someNode.firstC
- jQuery
饥人谷_Leon
题目1:jQuery中,$(document).ready()是什么意思?当DOM元素加载完之后执行.以下三种方法等价:$(document).ready(handler)$().ready(handler)(thisisnotrecommended)$(handler)题目2:$node.html()和$node.text()的区别?$node.html()获取的是匹配元素集合中第一个元素的HT
- Vue源码之虚拟DOM
shisanOnly
vue.js
个人博客地址什么是虚拟DOM虚拟DOM是随着时代发展而诞生的产物。在web早期,都是命令式的操作DOM,虽然简单好用,但是不会维护。现在,三大主流框架都是声明式的操作DOM,通过描述状态和DOM之间的映射关系,来渲染成视图。状态怎么生成视图,不需要你来关心,框架会帮你搞定。当某个状态发生改变时,如何只更新与这个状态相关联的DOM节点。虚拟DOM的解决方式是:根据状态生成一个虚拟节点树,然后使用虚拟
- jQuery ajax
饥人谷_罗丹
题目1:jQuery中,$(document).ready()是什么意思?描述:当DOM准备就绪的时候,指定一个函数来执行。虽然JavaScript提供了load事件,当页面呈现时执行这个事件,直到所有东西,如图像已经完全接收前,此事件不会被触发。大多数情况下,只要DOM结构已完全加载时,脚本就可以运转了。传递处理函数给ready()方法,能保证DOM准备就绪好后执行这个函数,因此,这里是进行多有
- jQuery ajax
饥人谷_罗丹
题目1:jQuery中,$(document).ready()是什么意思?描述:当DOM准备就绪的时候,指定一个函数来执行。虽然JavaScript提供了load事件,当页面呈现时执行这个事件,直到所有东西,如图像已经完全接收前,此事件不会被触发。大多数情况下,只要DOM结构已完全加载时,脚本就可以运转了。传递处理函数给ready()方法,能保证DOM准备就绪好后执行这个函数,因此,这里是进行多有
- Java操作Xml
java
一、创建DOM
1 XMLBuilder.java
2
3 用于创建DOM,Root结点
4
5 /********************************************************************
6 * 项目名称 :rochoc <p>
7 * 包名称 :rochoc
- jQuery知识细节之window.onload与$(document).ready()的区别
document
window.onload $(document).ready() 执行时机 必须等待页面中所有内容都加载完毕才会执行 页面中所有DOM结构绘制完毕就会执行,可能DOM元素相关联的东西未加载完毕 编写的个数
只能编写一个,当编写多个时只会执行最后一个
如:window.onload=function(){alert("test1");}
windo
- JavaScript DOM 编程艺术读书笔记1
Sunflowerfiona
js编程dom
《JavaScriptDOM编程艺术》这本书是学习JS入门级的书,学过HTML,CSS,和一些JS的基础后再来读还是有很多收获。以下是节选。 DHTML是动态HTML的简称,描述HTML,CSS,JS技术的组合术语。W3C(万维网联盟,WorldWideWebConsortium,缩写W3C)对DOM的定义是:一个系统平台和编程语言无关的接口,程序和脚本可以通过这个接口动态的访问和修改文档内
- JS~delegate与live
delegate
在jquery里有两个方法可以用来绑定自动追加出来的DOM对象,它们是live和delegate,事实上,这两个方法是bind方法的一个变体,在对于固定DOM对象时,我们通常使用bind就可以了,而对象动态产生的DOM对象,使用bind就无能为力了,这时live和delegate就出场了,呵呵。
live方法,用来绑定某个(某类)对象,为它们绑定方法
//live
- Java操作XML(使用org.w3c.dom)
java
一、创建DOM
XMLBuilder.java
用于创建DOM,Root结点
/********************************************************************
* 项目名称 :rochoc <p>
* 包名称 :rochoc.xml.oper <p>
* 文件名称
- Modernizr插件,检查浏览器是否支持某些功能,可定制
李朝强
jqueryhtml5canvasModernizr
下面是官方的下载首页:http://modernizr.com/download/ 偶然间发现Modernizr插件,可以很方便的帮助我们检查客户端浏览器是否支持某些html5元素、css属性。使用起来,非常简单,例如:if(Modernizr.canvas){console.log("支持Canvas");}。 通过firebug,我们可以清楚的看到Modernizr内部DOM结构:
- FF与IE DOM 差别
zhoushaopingqq
IE
IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结如下:
1.兼容firefox的 outerHTML,FF中没有outerHtml的方法。
if (window.HTMLElement) {
HTMLElement.prototype.__defineSetter__("outerHTML",function(sHTML) {
- $(window).load()记录
abeetle
$(window).load(function(){
//将你希望在页面完全就绪之后运行的代码放在这里
});
$(documnt).ready(function(){
//DOM节点生成后执行
});window.onlond需要页面完全加载完成后才会触发,包括图片、flash等富媒体,DOMReady只判断页面内所有的DOM节点是否全部生成,至于节点的内容是否加载完成,它不关心。它触发速度比
- HTML DOM ——常用知识点小结
chenlycly
一、DOM对象:当网页被加载时,浏览器会创建页面的文档对象模型(DocumentObjectModel)。HTMLDOM模型被构造为对象的树。通过可编程的对象模型,JavaScript获得了足够的能力来创建动态的HTML。JavaScript能够改变页面中的所有HTML元素JavaScript能够改变页面中的所有HTML属性JavaScript能够改变页面中的所有CSS样式JavaScript能够
- JS delegate与live浅析
在jquery里有两个方法可以用来绑定自动追加出来的DOM对象,它们是live和delegate,事实上,这两个方法是bind方法的一个变体,在对于固定DOM对象时,我们通常使用bind就可以了,而对象动态产生的DOM对象,使用bind就无能为力了,这时live和delegate就出场了,呵呵。live方法,用来绑定某个(某类)对象,为它们绑定方法复制代码代码如下://live$("td").li
- HTML DOM ——常用知识点小结
zllaptx4869
一、DOM对象:当网页被加载时,浏览器会创建页面的文档对象模型(DocumentObjectModel)。HTMLDOM模型被构造为对象的树。通过可编程的对象模型,JavaScript获得了足够的能力来创建动态的HTML。JavaScript能够改变页面中的所有HTML元素JavaScript能够改变页面中的所有HTML属性JavaScript能够改变页面中的所有CSS样式JavaScript能够
- 迷你MVVM框架 avalonjs 0.8发布
dyllove98
本版本最重要的特性是引进了AMD规范的模块加载器,亦即原来massFramework的并行加载器,不同之处,它引进了requirejs的xxx!风格的插件机制,比如要延迟到DOM树建完时触发,是使用ready!,要加载css文件是使用css!css_path。加载器在移动设备或PC的单页应用不可或缺。根据公司内容的不完全统计,手机等浏览器的性能只是PC的十分之一左右,而且测试对象还是公司的有钱同事
- 初步认识Backbone.js
backbone
作为一个轻量级MVC框架,如果是与后端交互比较频繁的站点使用这个框架,其效果是很显著的。从我个人角度而言,这个框架适合微博这类的实时性比较强并且牵扯用户信息比较多的网站,据说豆瓣的阿尔法城也是用这个框架做的。如果从它的原理出发,我觉得是模仿或抄袭了ActionScript的PureMVC框架,但又有自己的特点,因为它融合了HTMLDOM的特征,这点从它视图的events中可以看出。框架应该是从ev
- 初步认识Backbone.js
woxueliuyun
JavaScriptmvcframeworkbackbone
作为一个轻量级MVC框架,如果是与后端交互比较频繁的站点使用这个框架,其效果是很显著的。从我个人角度而言,这个框架适合微博这类的实时性比较强并且牵扯用户信息比较多的网站,据说豆瓣的阿尔法城也是用这个框架做的。如果从它的原理出发,我觉得是模仿或抄袭了ActionScript的PureMVC框架,但又有自己的特点,因为它融合了HTMLDOM的特征,这点从它视图的events中可以看出。框架应该是从ev
- java 读取xml
kejmln
转自http://www.cnblogs.com/ITEagle/archive/2010/03/03/1677431.html一、创建DOM XMLBuilder.java 用于创建DOM,Root结点 /******************************************************************** *项目名称 :rochoc *包名称
- android 中 DOM解析xml
xiahuawuyu
DOM方式解析文档,我们将解析后得到的数据显示在一个TextView中,代码示例:
publicclassActivityMainextendsActivity{
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.m
- xml schema
xueshuangshuang123
Xml SchemaXml Schema 也是一个用于定义和描述xml文档结构与内容的模式语言,其出现是为了克服DTD的局限性。一、xml schema和DTD:1、XMLSchema符合xml语法结构。2、DOM、SAX等XML APT很容易解析出XMLSchema文档中的内容。3、XML Schema对名称空间支持的非常好。4、XML Schema比XML DTD支持更多的数据类型,并支持用户
- ASM系列五 利用TreeApi 解析生成Class
lijingyao8206
ASM字节码动态生成ClassNodeTreeAPI
前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能,其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。
在介绍前,先要知道一点, Tree工程的接口基本可以完
- 链表树——复合数据结构应用实例
bardo
数据结构树型结构表结构设计链表菜单排序
我们清楚:数据库设计中,表结构设计的好坏,直接影响程序的复杂度。所以,本文就无限级分类(目录)树与链表的复合在表设计中的应用进行探讨。当然,什么是树,什么是链表,这里不作介绍。有兴趣可以去看相关的教材。
需求简介:
经常遇到这样的需求,我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如,多级菜单、组织结构、商品分类。更具体的,我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
- 为啥要用位运算代替取模呢
chenchao051
位运算哈希汇编
在hash中查找key的时候,经常会发现用&取代%,先看两段代码吧,
JDK6中的HashMap中的indexFor方法:
/**
* Returns index for hash code h.
*/
static int indexFor(int h, int length) {
- 最近的情况
麦田的设计者
生活感悟计划软考想
今天是2015年4月27号
整理一下最近的思绪以及要完成的任务
1、最近在驾校科目二练车,每周四天,练三周。其实做什么都要用心,追求合理的途径解决。为
- PHP去掉字符串中最后一个字符的方法
IT独行者
PHP字符串
今天在PHP项目开发中遇到一个需求,去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符",",最终结果为1,2,3,4,5,6 代码如下:
$str = "1,2,3,4,5,6,";
$newstr = substr($str,0,strlen($str)-1);
echo $newstr;
- hadoop在linux上单机安装过程
_wy_
linuxhadoop
1、安装JDK
jdk版本最好是1.6以上,可以使用执行命令java -version查看当前JAVA版本号,如果报命令不存在或版本比较低,则需要安装一个高版本的JDK,并在/etc/profile的文件末尾,根据本机JDK实际的安装位置加上以下几行:
export JAVA_HOME=/usr/java/jdk1.7.0_25  
- JAVA进阶----分布式事务的一种简单处理方法
无量
多系统交互分布式事务
每个方法都是原子操作:
提供第三方服务的系统,要同时提供执行方法和对应的回滚方法
A系统调用B,C,D系统完成分布式事务
=========执行开始========
A.aa();
try {
B.bb();
} catch(Exception e) {
A.rollbackAa();
}
try {
C.cc();
} catch(Excep
- 安墨移动广 告:移动DSP厚积薄发 引领未来广 告业发展命脉
矮蛋蛋
hadoop互联网
“谁掌握了强大的DSP技术,谁将引领未来的广 告行业发展命脉。”2014年,移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论,认为移动DSP是行业突破点,一时间许多移动广 告联盟风起云涌,竞相推出专属移动DSP产品。
到底什么是移动DSP呢?
DSP(Demand-SidePlatform),就是需求方平台,为解决广 告主投放的各种需求,真正实现人群定位的精准广
- myelipse设置
alafqq
IP
在一个项目的完整的生命周期中,其维护费用,往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。
注释模板导入步骤
安装方法:
打开eclipse/myeclipse
选择 window-->Preferences-->JAVA-->Code-->Code
- java数组
百合不是茶
java数组
java数组的 声明 创建 初始化; java支持C语言
数组中的每个数都有唯一的一个下标
一维数组的定义 声明: int[] a = new int[3];声明数组中有三个数int[3]
int[] a 中有三个数,下标从0开始,可以同过for来遍历数组中的数
- javascript读取表单数据
bijian1013
JavaScript
利用javascript读取表单数据,可以利用以下三种方法获取:
1、通过表单ID属性:var a = document.getElementByIdx_x_x("id");
2、通过表单名称属性:var b = document.getElementsByName("name");
3、直接通过表单名字获取:var c = form.content.
- 探索JUnit4扩展:使用Theory
bijian1013
javaJUnitTheory
理论机制(Theory)
一.为什么要引用理论机制(Theory)
当今软件开发中,测试驱动开发(TDD — Test-driven development)越发流行。为什么 TDD 会如此流行呢?因为它确实拥有很多优点,它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。
TDD 的优点:
&nb
- [Spring Data Mongo一]Spring Mongo Template操作MongoDB
bit1129
template
什么是Spring Data Mongo
Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装,这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate,主要能力包括
1. 封装客户端跟MongoDB的链接管理
2. 文档-对象映射,通过注解:@Document(collectio
- 【Kafka八】Zookeeper上关于Kafka的配置信息
bit1129
zookeeper
问题:
1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置
3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里
4. Producer跟Zookeeper究竟有没有关系?没有关系!!!
//consumers、config、brokers、cont
- java OOM内存异常的四种类型及异常与解决方案
ronin47
java OOM 内存异常
OOM异常的四种类型:
一: StackOverflowError :通常因为递归函数引起(死递归,递归太深)。-Xss 128k 一般够用。
二: out Of memory: PermGen Space:通常是动态类大多,比如web 服务器自动更新部署时引起。-Xmx
- java-实现链表反转-递归和非递归实现
bylijinnan
java
20120422更新:
对链表中部分节点进行反转操作,这些节点相隔k个:
0->1->2->3->4->5->6->7->8->9
k=2
8->1->6->3->4->5->2->7->0->9
注意1 3 5 7 9 位置是不变的。
解法:
将链表拆成两部分:
a.0-&
- Netty源码学习-DelimiterBasedFrameDecoder
bylijinnan
javanetty
看DelimiterBasedFrameDecoder的API,有举例:
接收到的ChannelBuffer如下:
+--------------+
| ABC\nDEF\r\n |
+--------------+
经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后,得到:
+-----+----
- linux的一些命令 -查看cc攻击-网口ip统计等
hotsunshine
linux
Linux判断CC攻击命令详解
2011年12月23日 ⁄ 安全 ⁄ 暂无评论
查看所有80端口的连接数
netstat -nat|grep -i '80'|wc -l
对连接的IP按连接数量进行排序
netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n
查看TCP连接状态
n
- Spring获取SessionFactory
ctrain
sessionFactory
String sql = "select sysdate from dual";
WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext();
String[] names = wac.getBeanDefinitionNames();
for(int i=0; i&
- Hive几种导出数据方式
daizj
hive数据导出
Hive几种导出数据方式
1.拷贝文件
如果数据文件恰好是用户需要的格式,那么只需要拷贝文件或文件夹就可以。
hadoop fs –cp source_path target_path
2.导出到本地文件系统
--不能使用insert into local directory来导出数据,会报错
--只能使用
- 编程之美
dcj3sjt126com
编程PHP重构
我个人的 PHP 编程经验中,递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码,会更有利于对递归以及静态变量的理解
header("Content-type: text/plain");
function static_function () {
static $i = 0;
if ($i++ < 1
- Android保存用户名和密码
dcj3sjt126com
android
转自:http://www.2cto.com/kf/201401/272336.html
我们不管在开发一个项目或者使用别人的项目,都有用户登录功能,为了让用户的体验效果更好,我们通常会做一个功能,叫做保存用户,这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码,这里我使用3种方式来存储用户名和密码
1、通过普通 的txt文本存储
2、通过properties属性文件进行存
- Oracle 复习笔记之同义词
eksliang
Oracle 同义词Oracle synonym
转载请出自出处:http://eksliang.iteye.com/blog/2098861
1.什么是同义词
同义词是现有模式对象的一个别名。
概念性的东西,什么是模式呢?创建一个用户,就相应的创建了 一个模式。模式是指数据库对象,是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
- Ajax案例
gongmeitao
Ajaxjsp
数据库采用Sql Server2005
项目名称为:Ajax_Demo
1.com.demo.conn包
package com.demo.conn;
import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;
//获取数据库连接的类public class DBConnec
- ASP.NET中Request.RawUrl、Request.Url的区别
hvt
.netWebC#asp.nethovertree
如果访问的地址是:http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是:http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
- SVG 教程 (七)SVG 实例,SVG 参考手册
天梯梦
svg
SVG 实例 在线实例
下面的例子是把SVG代码直接嵌入到HTML代码中。
谷歌Chrome,火狐,Internet Explorer9,和Safari都支持。
注意:下面的例子将不会在Opera运行,即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。 SVG 实例
SVG基本形状
一个圆
矩形
不透明矩形
一个矩形不透明2
一个带圆角矩
- 事务管理
luyulong
javaspring编程事务
事物管理
spring事物的好处
为不同的事物API提供了一致的编程模型
支持声明式事务管理
提供比大多数事务API更简单更易于使用的编程式事务管理API
整合spring的各种数据访问抽象
TransactionDefinition
定义了事务策略
int getIsolationLevel()得到当前事务的隔离级别
READ_COMMITTED
- 基础数据结构和算法十一:Red-black binary search tree
sunwinner
AlgorithmRed-black
The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
- centos同步时间
stunizhengjia
linux集群同步时间
做了集群,时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器,只要配置了NTP,它就会提供NTP服务。 1)确认已经ntp程序包: # yum install ntp 2)配置时间源(默认就行,不需要修改) # vi /etc/ntp.conf server pool.ntp.o
- ITeye 9月技术图书有奖试读获奖名单公布
ITeye管理员
ITeye
ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾:http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《NFC:Arduino、Andro