snake_hand
snake_hand

jquery对象/标签映射扩展 NickName

jquery对象/标签映射扩展 NickName_第1张图片

 

 

 

 

  点击下载  开源中国

OTM是什么  

以往把这样的一个json对象 

1 var data = {}; 
2 data.UserId = "8888"; 
3 data.UserName = "赵六"; 
4 data.School="湖北工业大学"; 
5 data.schoolNo=100002; 
6 data.Age=23; 
7 ...

通过jquery设置到html标签上或许得这么干， 

1 $("#UserId ").text(data.UserId )； 
2 $("#UserName ").val(data.UserName )； 
3 $("#School").attr("src",data.School)； 
4 $("#schoolNo").val(data.schoolNo)； 
5 ...

通过jquery获取html标签的值为一个json对象得这么干， 

 

1 var jsonData = {}; 
2 data.UserId =$("#UserId ").text( ); 
3 data.UserName =$("#UserName ").val( )；
4  data.School=$("#School").attr("src")； 
4 data.schoolNo=$("#schoolNo").val()； 
5  ...

 

这个过程太繁琐了！突然你有一天发现也可以这么干，因为你发现了NIckname（本文要讲的东东） 

把json设置到HTML标签  

1 $("#namespace").NickNameSet(data);

 

从HTML标签获取值为json  

1 var jsonData = $("#namespace").NickNameGet();//取值

哈，怎么样？两句话搞定，世界实在是太美好了！  

OTM，对象-标签映射（Object/Tag Mapping），它可以把一个JSON对象的值直接渲染到到web页面的各个HTML元素上，同时也能够把web页面上各个元素的值收集起来构成一个JSON对象，这一切不需要您编写额外的代码。

OTM一词命名借鉴于ORM，对象-关系映射（Object/Relation Mapping，简称ORM），主要用于web页面中JSON对象和HTML标签的互相映射。

 

NickName是什么  

NickName是借助以上思想的一个具体实现，支持几乎所有的HTML标签映射，笔者倾向于在HTML标签上额外添加一个NickName属性来完成OTM，所以取名NIckName。  

NickName的授权  

作者知鸣，您可以在遵循BSD协议下使用！ 也就意味着你可以随意分发，修改或者嵌入您的程序等。  

NickName的结构

 

序号

文件名

作用

1 

NIckName.js 

核心文件,该文件引入您的项目才能使用

2 

Demo.html 

示例文件，提供了入门的使用示例

3 

Demo2.html 

另一个示例文件

4 

Develop.html 

开发文件，NIckName的开发与测试文件

5 

NickName文档

即本文档，v1.0

 

依赖于jquery1.4以上版本

 

NickName示例  

源码为Demo.html

dom结构  

 1 <body>
 2     <div class="dis" id="namespaceDiv" >
 3         姓&nbsp;&nbsp;名:<input nickname="name" type="text" value="" /><br/>
 4         学&nbsp;&nbsp;校:<input nickname="school" type="text" value="" /><br/>
 5         性&nbsp;&nbsp;别:<input  name="rid" nickname="sex" type="radio"  />女&nbsp;&nbsp;
 6         <input  name="rid" nickname="sex" type="radio" />男<br/>
 7         学&nbsp;&nbsp;位:<input  name="box" nickname="degree" type="checkbox"  />学士
 8         <input  name="box" nickname="degree" type="checkbox"  />硕士<br/>
 9         公&nbsp;&nbsp;司:<a href="#" nickname="company" type="a"></a><br/>
10         毕&nbsp;&nbsp;业:<span  nickname="graduationDate" type="span"></span><br/>
11         照&nbsp;&nbsp;片: <img  nickname="pageimg" type="image" alt="" src="" /><br/>
12     </div>
13     <br/>
14     <input id="butset" type="button" value="NickName Set" />
15     <input id="butget" type="button" value="NickName Get" />
16     <div id="result"></div>
17 </body>

 

 页面显示效果

jquery对象/标签映射扩展 NickName_第2张图片

js代码 

 1         <script src="jquery-1.10.1.js" type="text/javascript"></script>
 2         <script src="NickName.js" type="text/javascript"></script>
 3         <script type="text/javascript" language="javascript">
 4             $(document).ready(function () {
 5                 $("#butset").click(setvalue);
 6                 $("#butget").click(getvalue);                
 9             });
10             function setvalue() {
11                 var data = {};
12                 data.name = "知鸣";
13                 data.school = "hbut";
14                 data.graduationDate="2012年06月";
15                 data.sex=[{chk:false,val:"女"},{chk:true,val:"男"}];
16                 data.degree=[{chk:true,val:"学士"},{chk:false,val:"硕士"}];
17                 data.company={href:"http://www.dangdang.com/",text:"当当网"};
18                 data.pageimg = "http://img4.ddimg.cn/header/header2012/dangdang_logo.jpg";
19 
20                 $("#namespaceDiv").NickNameSet(data);//设置值
21                 };
23 
24             function getvalue() {
25                 var jsonData = $("#namespaceDiv").NickNameGet();//取值
26                 $("#result").html("<pre>getvlue"+JSON.stringify(jsonData,null,"  ")+"</pre>");
27             };
28         </script>

 

点击NickNameSet按钮后效果

jquery对象/标签映射扩展 NickName_第3张图片

 

点击NickNameGet获取的值  

{
    "name": "知鸣", 
    "school": "hbut", 
    "graduationDate": "2012年06月", 
    "sex": [ { "chk": false,  "val": "女" }, { "chk": true,  "val": "男" } ], 
    "degree": [ { "chk": true,  "val": "学士" }, { "chk": false,  "val": "硕士" } ], 
    "company": { "href": "http://www.dangdang.com/",  "text": "当当网" }, 
    "pageimg": "http://img4.ddimg.cn/header/header2012/dangdang_logo.jpg"
}

需要特别说明的是，笔者这里演示时在html标签上添加了一个nickname属性完成OTM，不必惊讶笔者为何这样做，原因在于name和id这样的属性页面编程可能多个地方使用，很有可能出现json对象的key和html标签的name，id属性值不一致情况，我们又不能随意更改其值，所以就单独添加了一个nickname属性专门做OTM，这是nickname提倡的方式。

实际上这不是必须的，您可以使用html已有的任何属性（除type外）如name，id等，此时您需要调用NickNameSetBy("name"/"id")或者NickNameGetBy("name"/"id")方法完成OTM，在NickName提供的API方法中有具体讲解，我们也在demo2.html文件中提供了这样的一个实例。  

NickName提供的API方法  

温馨提示：有些情况下您可以直接查看nickname的源码和开发文件，这样也许比您阅读以下文档更快知道如何使用它。 

 

方法名称

作用

参数

返回值

$(s).NickNameSetBy(attr,jsonData)

把json值按照key键设置到html标签属性attr=key的标签上，attr可以是html已有的属性如name，id等或者你自定义添加的一些属性，它们同样能够识别。

attr html标签的某个属性名称

this 

$(s).NickNameSet(jsonData)

相当于$(s).NickNameSetBy("NickName",jsonData)，既把jsonData的值设置到属性NickName=key的html标签上

  

this 

$(s).NickNameGetBy(attr)

获取元素含有attr属性的标签的值并组成一个json对象，attr可以是html已有的属性如name，id等或者你自定义添加的一些属性，它们同样能够识别。

  

json  

$(s).NickNameGet()

相当于

$(s).NickNameGetBy("NickName")

既获取含有NickName属性标签的值并组成一个json对象

 

json  

 NickName支持的HTML标签  

NickName支持几乎所有的HTML标签，对于没有type属性的HTML标签需要手动为标签添加type属性，如段落标签p，<p type="p">我是p标签</p>，只有具有type属性的标签才会参与OTM。笔者提倡您根据自己的需要改变标签的默认取值或者赋值行为，笔者认为radio和checkbox默认取值赋值行为可能不一定符合您的实际使用场景，如果有需要您可以修改它并把建议Emali给笔者。 

 

标签名

type 

默认赋值行为

默认取值行为

p 

type="p" 

$(s).text(obj)

obj=$(s).text() 

table->tr->td 

type="td" 

同上

同上

table->tr->th 

type="th" 

同上

同上

div 

type="div" 

同上

同上

span 

type="span" 

同上

同上
       

input->radio

单选按钮组

type="radio" 

array=[obj0,obj1,obj2,...]

其中obj={chk:false,val:1}

依次设置到每个checbox上

$(s).attr("checked"obj.chk);$(s).val(obj.val);

依次获取每个checkbox

obj={

chk:$(s).attr("checked"),

val:$(s).val()

}组成

array=[obj0,obj1,obj2,...]

input->checkbox

复选按钮组

type="checkbox" 

同上

同上
       

image 

type="image" 

$(s).attr("src",obj) 

obj=$(s).attr("src") 
       

input->number

type="number" 

$(s).val(obj) 

obj=$(s).val() 

input->submit 

type="submit" 

同上

同上

input->hidden 

type="hidden" 

同上

同上

input->button 

type="button" 

同上

同上

input->password 

type="password" 

同上

同上

input-> text 

type="text" 

同上

同上

input->reset 

type="reset" 

同上

同上

textarea

type="textarea" 

同上

同上
 

 

 

BUG

如果使用中出现bug，请将bug提交至[email protected]

2013年6月9日 v1.0 

你可能感兴趣的:(JQuery对象)

  • JavaScript 核心对象深度解析：Math、Date 与 String 小宁爱Python 前端javascript开发语言ecmascript
    JavaScript作为Web开发的核心语言，提供了丰富的内置对象来简化编程工作。本文将深入探讨三个重要的内置对象：Math、Date和String，通过详细的代码示例和综合案例帮助你全面掌握它们的用法。一、Math对象Math对象提供了一系列静态属性和方法，用于执行各种数学运算，无需实例化即可使用。常用属性：console.log(Math.PI);//圆周率:3.141592653589793
  • LSNet: 基于侧向抑制的神经网络 碳酸的唐 模型养成与叙述有意思的py库神经网络人工智能深度学习
    引言在计算机视觉领域，我们一直在寻找灵感来源以提高图像处理和识别的效果。而人类视觉系统作为经过数百万年进化的精密系统，无疑是最好的参考对象之一。今天，我要向大家介绍一个名为LSNet（LateralSuppressionNetwork，侧向抑制网络）的技术，它模拟了人类视觉系统中的侧向抑制机制，为计算机视觉任务带来了新的可能性。什么是侧向抑制？侧向抑制（LateralSuppression），也被
  • 盲法在临床试验中的应用与挑战 qq_34062333 临床试验统计学
    一、盲法分级与科学价值1.1开放标签1.1.1受盲对象无隐藏。1.1.2适用场景外科手术、器械试验等无法伪装的操作。1.1.3偏倚控制目标仅客观终点（生存率、实验室指标）。1.2单盲1.2.1受盲对象患者。1.2.2适用场景患者报告结局（PRO）为主的试验（如抑郁症）。1.2.3偏倚控制目标避免患者期望效应影响主观症状报告。1.3双盲1.3.1受盲对象患者+研究者+评估员。1.3.2适用场景药物试
  • 黑马JVM解析笔记（六）：深入理解JVM类加载机制与运行时优化 null不是我干的 JVMjvm笔记
    1.JVM类加载类加载是Java虚拟机将描述类.class文件加载到内存，并对数据进行校验、转换解析和初始化，最终形成可以被JVM直接使用的Java类型的过程。核心阶段：加载—>连接—>初始化1.1加载，以jdk1.8为例类加载器先把Person.class字节码解析为InstanceKlass（底层是c++）结构，存放一些关键信息和对象的引用，生命周期与类加载器相同（类卸载时才释放）然后就是把新
  • 学习日记-spring-day37-6.25 永日45670 学习日记学习springjava
    知识点：1.使用utillist进行配置知识点核心内容重点Spring框架中utl名称空间创建List通过utl名称空间创建并管理集合对象，实现数据复用utllist与普通list赋值的区别;名称空间引入方法无参构造器使用规则当类中没有其他构造器时，默认无参构造器可不写；若有其他构造器则必须显式定义无参构造器构造器覆盖机制;显式定义的必要性XML名称空间引入使用alt+enter自动引入或手动添加
  • spring06-配置类的作用 ruleslol springspring
    一、配置类的作用是什么？简单来说：配置类是一个专门用于告诉Spring：“我要哪些对象成为Bean，被Spring管理”的类。它的作用主要是：配置和注册Bean到Spring容器中，也就是你说的“管理Bean”。二、配置类=Bean管理中心你可以用两种方式告诉Spring管Bean：方式举例本质注解扫描方式@Component/@Service/@Controller自动注册到容器Java配置类方
  • spring —— 使用 JDBCTemplate 对数据库操作 张民遇 spring数据库springoracle
    在传统方法中，我们一般建立Connection链接，然后通过Statementstm=conn.createStatement()来获取Statement对象，最后用Statement对象操作数据库。在spring中，则是通过com.alibaba的druid配置数据源工具，来配置要连接的数据库，然后将配置好的数据源作为属性传入JDBCTemplate对象当中，最后用JDBCTemplate对象操
  • C++11 lambda 顾小玙 c++开发语言
    前言在Cpp11以前，为了把函数当作对象调用，可以使用C中的函数指针类型，也可以使用Cpp98的仿函数。但二者都不是很好用，函数指针return_type(*name)(parameters)的长相就令人望而却步，仿函数将一个函数重载为一个类的operator()的方式又沉重麻烦。C++11中做出了(抄Python的)更灵活、轻便的lambda表达式。lambda表达式lambda表达式是一个匿名
  • Hibernate ORM 映射深度解析 后端
    在Java持久层技术体系中，Hibernate作为经典的ORM（对象关系映射）框架，通过自动化对象与数据库表的映射关系，显著提升了数据访问层的开发效率。本文从核心映射机制、高级特性、性能优化及面试高频问题四个维度，结合源码与工程实践，系统解析Hibernate的ORM映射原理与最佳实践。一、核心映射机制1.1基础映射类型映射类型描述示例注解实体映射将Java类映射到数据库表@Entity,@Tab
  • 基于OpenCV图像分割与PyTorch的增强图像分类方案 从零开始学习人工智能 opencvpytorch分类
    在图像分类任务中，背景噪声和复杂场景常常会对分类准确率产生负面影响。为了应对这一挑战，本文介绍了一种结合OpenCV图像分割与PyTorch深度学习框架的增强图像分类方案。通过先对图像进行分割提取感兴趣区域（RegionofInterest，ROI），再进行分类，可以有效减少背景干扰，突出关键特征，从而提高分类准确率。该方案在多种复杂场景下表现出色，尤其适用于图像背景复杂或包含多个对象的情况。一、
  • 如何选择最适合你的云存储方案：对象存储 vs 块存储 vs 文件存储 Clownseven linux运维服务器
    更多云服务器知识，尽在hostol.com在现代的云计算环境中，存储方案扮演着至关重要的角色。从初创公司到大型企业，云存储被广泛应用于数据的存储、访问与共享。你可能会问，究竟哪种存储方式最适合你的需求呢？是对象存储、块存储，还是文件存储？每种存储方式都有其独特的优势和劣势，而对于云服务器用户来说，选择合适的存储方案，往往能对性能、成本以及可扩展性等方面产生巨大的影响。让我们来仔细分析一下这三种常见
  • Java中的异常及异常处理 Y1_again_0_again Javajava开发语言
    异常的概念异常是指在程序运行过程中发生的不正常事件，它会中断程序的正常执行流程。Java中的异常机制提供了一种结构化的方法来处理运行时错误，使程序能够优雅地处理错误情况而不是直接崩溃。例如，当试图访问空对象的成员时，会抛出NullPointerException；当数组索引超出范围时，会抛出ArrayIndexOutOfBoundsException。异常分类运行时异常(RuntimeExcept
  • Java 自定义函数详解 Y1_again_0_again Javajava开发语言
    基本概念Java自定义函数是指开发者根据特定需求自行编写的函数（也称为方法）。这些函数可以封装特定的功能逻辑，提高代码的复用性和可维护性。自定义函数是面向对象编程的核心组成部分。函数定义语法访问修饰符static函数返回值类型函数名(参数列表){函数体return返回值;//当函数返回值类型为void（表示返回值为空）时可以不写返回}主要组成部分访问修饰符：控制函数的可见性public：对所有类可
  • JVM调优实战 Day 9：JVM堆转储分析 在未来等你 JVM调优实战JVMJava性能优化调优虚拟机
    【JVM调优实战Day9】JVM堆转储分析文章内容开篇：Day9——JVM堆转储分析的核心价值在“JVM调优实战”系列的第9天，我们聚焦于JVM堆转储分析（HeapDumpAnalysis）。这是JVM性能诊断和内存问题排查的重要手段之一，尤其适用于解决内存泄漏、内存溢出、对象分布异常等问题。本节将详细介绍堆转储的基本概念、生成方式、分析工具及实际应用案例。通过本节的学习，读者可以掌握如何利用jm
  • 设计模式（二） 醇醛酸醚酮酯 设计模式设计模式
    迪米特法则（最少知识原则）：定义、核心思想与实践解析一、迪米特法则（LoD）的核心定义迪米特法则（LawofDemeter,LoD），又称“最少知识原则（LeastKnowledgePrinciple）”，是面向对象设计的经典指导原则之一。其核心思想是：一个对象应当尽可能少地与其他对象发生相互作用，只与“直接的朋友”通信，避免与“陌生人”产生直接交互。二、关键概念：“直接的朋友”与“陌生人”直接的
  • html5-video标签做视频加密的方法 视频砖家 HTML5视频加密视频安全视频加密文件加密视频安全
    html5-video标签做视频加密的方法/**在这里可以进行权限验证等操作*///创建文件对象Filef=newFile("E:\\test.mp4");//获取文件名称StringfileName=f.getName();//导出文件Stringagent=getRequest().getHeader("User-Agent").toUpperCase();InputStreamfis=nul
  • C++ 多态与虚函数 可乐船长2020 C/C++基础多态c++
    这一篇介绍一下C++面向对象三大特征之一的多态(之前面试某大厂的实习生被问到多态，后来又了解到一些设计模式，才体会到多态的强大，在这里把对多态的一点点浅显认识总结一下)如有侵权，请联系删除，如有错误，欢迎大家指正，谢谢多态父类的一个指针，可以有多种执行状态(父类的指针调用子类的函数)，即多态多态实际上只是一种思想，而虚函数是实现这个思想的语法基础虚函数虚表若对象有虚函数，对象空间最开始4Byte(
  • Python变量的动态创建 念致达 Pythonpython
    Python变量的动态创建动态地创建变量可以使用globals()和locals()来实现。这两个对象以字典的形式分别保存着系统的静态变量和局部变量。所以只要将要创建的变量加入这两个字典中的任一个，就实现了变量的动态创建。>>>ls=['name','无奇']>>>i=21>>>globals()[ls[0]+str(i)]=ls[1]>>>name21'无奇'动态变量的应用。最典型的就是pyth
  • 【C++ 第十一章】多态 时差freebright C++修炼之路c++开发语言
    前言需要声明的，本节课件中的代码及解释都是在vs2019下的x86程序中，涉及的指针都是4bytes。如果要其他平台下，部分代码需要改动。比如：如果是x64程序，则需要考虑指针是8bytes问题等等1.多态的概念1.1概念多态的概念：通俗来说，就是多种形态，具体点就是去完成某个行为，当不同的对象去完成时会产生出不同的状态。举个栗子：比如买票这个行为，当普通人买票时，是全价买票；学生买票时，是半价买
  • python 内存空间管理、垃圾回收机制、对象的引用机制、引用计数法 贵哥的编程之路(热爱分享 为后来者) 开发语言python
    一、对象与内存空间在Python中，一切皆对象。每当你创建一个变量、数据结构、函数、类实例等，Python都会在内存中为它分配空间。对象的内存空间由Python的内存管理器自动分配和回收，开发者无需手动管理。二、垃圾回收（GarbageCollection）垃圾回收指的是：当对象不再被使用时，Python会自动销毁该对象并释放其占用的内存空间。这样可以防止“内存泄漏”，让程序长期运行也不会因为无用
  • Java代理模式之静态代理 爪哇手记 #Java知识点代理模式笔记java设计模式学习
    一、静态代理的定义与核心原理静态代理是代理模式的一种实现方式，其核心思想是通过代理类与目标类实现相同的接口，在代理类中调用目标类的方法，并在方法调用前后添加额外功能（如日志、权限校验、性能监控等）。代理类与目标类的关系在编译时已确定，代理类需手动编写。核心原理：接口统一：代理类和目标类实现相同的接口，确保客户端通过接口调用时透明。委托调用：代理类内部持有一个目标对象的引用，通过调用目标对象的方法实
  • 腾讯云市场怎么样 苹果企业签名分发 火山引擎人工智能智能体
    腾讯云作为国内头部云服务商，确实值得从几个维度分析。首先想到它的核心优势是背靠腾讯生态，尤其在游戏、音视频、社交应用领域有天然解决方案整合优势。不过用户没说明使用场景，所以回复既要展示专业能力，又要避免信息过载。注意到用户没提比较对象（比如和阿里云对比），说明ta更关注腾讯云本身特性。应该重点突出：①腾讯系产品的联动性（微信/QQ生态支持）②本土化服务优势③性价比特点。但也不能回避问题，比如国际市
  • for...in 与 for...of的区别是啥？用错后果很严重
    for…in与for…of循环详解在JavaScript中，for...in和for...of是两种常用的循环语句，但它们在使用场景和行为上有显著区别。下面我将详细解释它们的差异，并通过示例代码进行说明。核心区别对比表特性for...infor...of遍历目标对象的可枚举属性可迭代对象的值返回值类型键名（key）值（value）适用对象普通对象、数组（不推荐）数组、字符串、Map、Set、Nod
  • C# 索引器（Indexer）
    C#索引器（Indexer）引言在C#编程语言中，索引器（Indexer）是一种特殊类型的属性，它允许我们通过索引来访问和设置对象的成员。索引器是动态数组和集合的基石，同时也可以用于创建自定义的数据结构，如字典等。本文将深入探讨C#索引器的概念、实现方式以及在实际开发中的应用。索引器的基本概念索引器是一种属性，它允许通过索引来访问和设置对象的成员。与普通的属性相比，索引器可以接受一个或多个参数，从
  • 设计模式系列之——代理模式 HoryC 设计模式java设计模式
    代理模式指，通过代理的方式，为对象提供一种访问并控制该对象行为的方法。在客户端不适合或者不能够直接引用一个对象时，可以通过该对象的代理对象来实现对该对象的访问。可以将代理对象理解为客户端和目标对象之间的中介者。比如我们在买房时，通常会有这么几个过程：找房->看房->网签->交易完成，当然真正的过程比这要复杂得多，所以通常会找房产经纪人（中介），这个房产经纪人就是代理，这样我们不需要自己去找房子以及
  • js将树结构的嵌套数据递归扁平化为数组对象list这种格式[{},{}] 每一天，每一步 antdesign-reactjavaScriptjavascriptlistwindows
    树结构数据：[{"key":"test1","title":"测试1","children":[{"key":"test1-1","title":"测试1-1","parentKey":"test1"},{"key":"test1-2","title":"测试1-2","parentKey":"test1"},{"key":"test1-3","title":"测试1-3","parentKey"
  • 设计模式——Mediator(中介者)模式 LamaxiyaFc 设计模式java后端设计模式中介者模式
    目录前言1定义2适用性3结构3.1结构图3.2参与者4应用举例——以房产中介为例4.1Mediator——HouseMediator4.2具体Mediator——BeijingHouseMediato4.3Colleague4.4具体Colleague——ConcreteColleagueOne、ConcreteColleagueTwo5总结参考文献前言将一个系统分割为多个对象可以增强复用性，但是
  • 设计模式——代理模式（Proxy Pattern） Lucifer Zhao 设计模式代理模式
    定义：代理模式是指为其他对象提供一个代理，控制对这个对象的访问，保护目标对象，增强对象功能。代理对象在目标对象和客户端之间起中介作用。属于结构型设计模式。生活中的代理模式：房产中介、快递小哥、黄牛党。适应场景：当需要保护目标对象，增强目标对象功能时需要用到代理模式。代理模式的优点：代理模式能将代理对象与真实被调用目标对象分离一定程度上降低了系统的耦合程度，易于扩展代理可以起到保护目标对象，增强目标
  • 设计模式（17）——中介者模式 迷惘小书童 设计模式中介者模式设计模式
    中介者模式（MediatorPattern）是用来降低多个对象和类之间的通信复杂性。这种模式提供了一个中介类，该类通常处理不同类之间的通信，并支持松耦合，使代码易于维护。中介者模式属于行为型模式。前段时间要租房子，不可避免的要跟中介打交道，不用中介的话，就要直接找一房东，首先不好找房东，一个房东就一个房子，这个不满意就要找下一个房东，麻烦，而且房东找的也不容易，不如全部委托给房产中介，付点中介费省
  • React 元素渲染 小晗同学 Reactreactjsprops组件化
    React学习：元素渲染元素是构成React应用的最小砖块，它描述了你在屏幕上想看到的内容。constelement=Hello,world;与浏览器的DOM元素不同，React元素是创建开销极小的普通对象。ReactDOM会负责更新DOM来与React元素保持一致。React元素是不可变对象。一旦被创建，你就无法更改它的子元素或者属性。但是将元素或属性封装到有状态组件中，就可以实现更新渲染。Re
  • 深入浅出Java Annotation(元注解和自定义注解） Josh_Persistence Java Annotation元注解自定义注解
    一、基本概述     　　 Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制，用来将任何的信息或元数据（metadata）与程序元素（类、方法、成员变量等）进行关联。   　　更通俗的意思是为程序的元素（类、方法、成员变量）加上更直观更明了的说明，这些说明信息是与程序的业务逻辑无关，并且是供指定的工具或
  • mysql优化特定类型的查询 annan211 java工作mysql
    本节所介绍的查询优化的技巧都是和特定版本相关的，所以对于未来mysql的版本未必适用。 1 优化count查询 对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看 真正的count()函数的作用到底是什么。 count()是一个特殊的函数，有两种非常不同的作用，他可以统计某个列值的数量，也可以统计行数。 在统
  • MAC下安装多版本JDK和切换几种方式 棋子chessman jdk
    环境： MAC AIR,OS X 10.10,64位   历史： 过去 Mac 上的 Java 都是由 Apple 自己提供，只支持到 Java 6，并且OS X 10.7 开始系统并不自带（而是可选安装）（原自带的是1.6）。 后来 Apple 加入 OpenJDK 继续支持 Java 6，而 Java 7 将由 Oracle 负责提供。   在终端中输入jav
  • javaScript （1） Array_06 JavaScriptjava浏览器
    JavaScript 1、运算符 　　运算符就是完成操作的一系列符号，它有七类： 　　赋值运算符（=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=）、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
  • 国内顶级代码分享网站 袁潇含 javajdkoracle.netPHP
           现在国内很多开源网站感觉都是为了利益而做的                  当然利益是肯定的,否则谁也不会免费的去做网站      &
  • Elasticsearch、MongoDB和Hadoop比较 随意而生 mongodbhadoop搜索引擎
      IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性，避免落大部队太远，我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎，它们存储着JSON文档，MongoDB存着JSON文档，或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
  • mac os 系统科研软件总结 张亚雄 mac os
    1.1 Microsoft Office for Mac 2011      大客户版，自行搜索。      1.2 Latex （MacTex）:      系统环境：https://tug.org/mactex/     &nb
  • Maven实战（四）生命周期 AdyZhang maven
    1. 三套生命周期     Maven拥有三套相互独立的生命周期，它们分别为clean，default和site。 每个生命周期包含一些阶段，这些阶段是有顺序的，并且后面的阶段依赖于前面的阶段，用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例，它包含的阶段有pre-clean, clean 和 post
  • Linux下Jenkins迁移 aijuans Jenkins
    1. 将Jenkins程序目录copy过去      源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面            tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
  • request.getInputStream()只能获取一次的问题 ayaoxinchao requestInputstream
    问题：在使用HTTP协议实现应用间接口通信时，服务端读取客户端请求过来的数据，会用到request.getInputStream()，第一次读取的时候可以读取到数据，但是接下来的读取操作都读取不到数据   原因： 1. 一个InputStream对象在被读取完成后，将无法被再次读取，始终返回-1； 2. InputStream并没有实现reset方法（可以重
  • 数据库SQL优化大总结之 百万级数据库优化方案 BigBird2012 SQL优化
    网上关于SQL优化的教程很多，但是比较杂乱。近日有空整理了一下，写出来跟大家分享一下，其中有错误和不足的地方，还请大家纠正补充。 这篇文章我花费了大量的时间查找资料、修改、排版，希望大家阅读之后，感觉好的话推荐给更多的人，让更多的人看到、纠正以及补充。 1.对查询进行优化，要尽量避免全表扫描，首先应考虑在 where 及 order by 涉及的列上建立索引。 2.应尽量避免在 where
  • jsonObject的使用 bijian1013 javajson
            在项目中难免会用java处理json格式的数据，因此封装了一个JSONUtil工具类。 JSONUtil.java package com.bijian.json.study; import java.util.ArrayList; import java.util.Date; import java.util.HashMap;
  • [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration bit1129 zookeeper
    Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API，它包含了如下几个内部类     首先分析它的内部类，从WatchRegistration开始，为指定的znode path注册一个Watcher，   /** * Register a watcher for a particular p
  • 【Scala十三】Scala核心七：部分应用函数 bit1129 scala
    何为部分应用函数？ Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
  • Tomcat Error listenerStart 终极大法 ronin47 tomcat
    Tomcat报的错太含糊了，什么错都没报出来，只提示了Error listenerStart。为了调试，我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties，内容如下 Java代码  handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
  • 不用加减符号实现加减法 BrokenDreams 实现
            今天有群友发了一个问题，要求不用加减符号(包括负号)来实现加减法。         分析一下，先看最简单的情况，假设1+1，按二进制算的话结果是10，可以看到从右往左的第一位变为0，第二位由于进位变为1。    
  • 读《研磨设计模式》-代码笔记-状态模式-State bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* 当一个对象的内在状态改变时允许改变其行为，这个对象看起来像是改变了其类 状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况 把状态的判断逻辑转移到表示不同状态的一系列类中，可以把复杂的判断逻辑简化 如果在
  • CUDA程序block和thread超出硬件允许值时的异常 cherishLC CUDA
    调用CUDA的核函数时指定block 和 thread大小，该大小可以是dim3类型的（三维数组），只用一维时可以是usigned int型的。 以下程序验证了当block或thread大小超出硬件允许值时会产生异常！！！GPU根本不会执行运算！！！ 所以验证结果的正确性很重要！！！ 在VS中创建CUDA项目会有一个模板，里面有更详细的状态验证。 以下程序在K5000GPU上跑的。
  • 诡异的超长时间GC问题定位 chenchao051 jvmcmsGChbaseswap
    HBase的GC策略采用PawNew+CMS, 这是大众化的配置，ParNew经常会出现停顿时间特别长的情况，有时候甚至长到令人发指的地步，例如请看如下日志： 2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
  • maven环境快速搭建 daizj 安装mavne环境配置
    一 下载maven 安装maven之前，要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。 maven下载地址：http://maven.apache.org/download.html，目前最新的是这个apache-maven-3.2.5-bin.zip，然后解压在任意位置，最好地址中不要带中文字符，这个做java 的都知道，地址中出现中文会出现很多
  • PHP网站安全，避免PHP网站受到攻击的方法 dcj3sjt126com PHP
    对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
  • yii中给CGridView设置默认的排序根据时间倒序的方法 dcj3sjt126com GridView
    public function searchWithRelated() {         $criteria = new CDbCriteria;         $criteria->together = true; //without th
  • Java集合对象和数组对象的转换 dyy_gusi java集合
        在开发中，我们经常需要将集合对象（List，Set）转换为数组对象，或者将数组对象转换为集合对象。Java提供了相互转换的工具，但是我们使用的时候需要注意，不能乱用滥用。 1、数组对象转换为集合对象     最暴力的方式是new一个集合对象，然后遍历数组，依次将数组中的元素放入到新的集合中，但是这样做显然过
  • nginx同一主机部署多个应用 geeksun nginx
    近日有一需求，需要在一台主机上用nginx部署2个php应用，分别是wordpress和wiki，探索了半天，终于部署好了，下面把过程记录下来。 1.   在nginx下创建vhosts目录，用以放置vhost文件。 mkdir vhosts   2.   修改nginx.conf的配置， 在http节点增加下面内容设置，用来包含vhosts里的配置文件 #
  • ubuntu添加admin权限的用户账号 hongtoushizi ubuntuuseradd
    ubuntu创建账号的方式通常用到两种：useradd 和adduser . 本人尝试了useradd方法，步骤如下： 1:useradd    使用useradd时，如果后面不加任何参数的话，如：sudo useradd sysadm 创建出来的用户将是默认的三无用户：无home directory ,无密码,无系统shell。 顾应该如下操作：  
  • 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理 jinnianshilongnian nginxlua
      JSON库   在进行数据传输时JSON格式目前应用广泛，因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能；目前Lua也有几个JSON库，本人用过cjson、dkjson。其中cjson的语法严格（比如unicode \u0020\u7eaf），要求符合规范否则会解析失败（如\u002），而dkjson相对宽松，当然也可以通过修改cjson的源码来完成
  • Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 yaerfeng1989 timerquartz定时器
    原创整理不易，转载请注明出处：Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解 代码下载地址：http://www.zuidaima.com/share/1772648445103104.htm 有两种流行Spring定时器配置：Java的Timer类和OpenSymphony的Quartz。 1.Java Timer定时 首先继承jav
  • Linux下df与du两个命令的差别？ pda158 linux
    　一、df显示文件系统的使用情况，与du比較，就是更全盘化。 　　最经常使用的就是 df -T，显示文件系统的使用情况并显示文件系统的类型。 　　举比例如以下： 　　[root@localhost ~]# df -T 　　Filesystem                   Type &n
  • [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象 ctfzh VOandroidsqlite反射Cursor
    在写DAO层时，觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了，就写了一个工具类，用到了反射，可以把查询记录的值装到对应的VO里，也可以生成该VO的List。   使用时需要注意： 考虑到Android的性能问题，VO没有使用Setter和Getter，而是直接用public的属性。 表中的字段名需要和VO的属性名一样，要是不一样就得在查询的SQL中
  • 该学习笔记用到的Employee表 vipbooks oraclesql工作
        这是我在学习Oracle是用到的Employee表，在该笔记中用到的就是这张表，大家可以用它来学习和练习。 drop table Employee; -- 员工信息表 create table Employee( -- 员工编号 EmpNo number(3) primary key, -- 姓
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他