1、Aptana简介

Aptana是一个非常强大,开源,专注于JavaScript的Ajax开发IDE它的特性包括

1、JavaScript,JavaScript函数,HTML,CSS语言的Code Assist功能

2、Outliner(大纲):显示JavaScript,HTML和CSS的代码结构

3、支持 JavaScript,HTML,CSS代码提示,包括JavaScript 自定函数

4、代码语法错误提示。

5、支持Aptana UI自定义和扩展。

6、调试JavaScript

7、支持流行AJAX框架的 Code Assist功能:JQuery   ext js   dwr

2、Aptana插件在eclipse中安装

3、Aptana插件在MyEcpise中安装

4、Aptana增加提示功能

5、浏览器的对象树  ---  BOM

6、浏览器的对象含义

)Navigator对象:

浏览器对象,包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。

)Window对象:

表示的是浏览器窗口,最顶层的对象, window的属性对应于整个窗口 。

)Document对象:

文档对象是JavaScript 中window 和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从<head>到</body>的内容。

)Frame 对象:

是 window 对象。用最容易理解的话说,每一个HTML 文件占用一个 window 对象, 包括定义框架的网页 (“框架网页”)

)Location对象:

地址对象 它描述的是某一个窗口对象所打开的地址。

* window.location = “链接地址”;

)History对象:

历史对象包含了用户已浏览的 URL 的信息,是指历史对象指浏览器的浏览历史。

* back() 后退,跟按下“后退”键是等效的。

* forward() 前进,跟按下“前进”键是等效的。

)Links对象:

是一个数组, 包含了文档中所有连接标记 (包含 href 属性的<a>标记和<map>标记段里的<area>标记),按照在文档中的次序,从 0 开始给每个连接标记定义了一个下标。

)Archors对象:

是一个数组,包含了文档中所有锚标记(包含 name 属 性的<a>标记), 按照在文档中的次序, 从 0 开始给每个锚标记定义了一个下标。

)Forms对象:

是一个数组,包含了文档中所有的表单(<form>)。要引用单个表单,可以用 document.forms[x],但是一般来说,人们都会这样做:在<form>标记中加上“name=”...“”属性,那么直接用“document.<表单名>”就可以引用了。

)Images对象:

图片对象 document.images[] 是一个数组,包含了文档中所

有的图片(<img>)。

)每个对象有它自己的属性、方法和事件。

)对象的属性是反映该对象某些特定的性质的。

例如:字符串的长度、图像的长宽等等。

)对象的方法能对该对象做一些事情。

例如:表单的“提交”(Submit)等等。

)对象的事件就 能响应发生在对象上的事情。

例如:提交表单产生表单的“提交事件”。

7、window对象常用方法

)alert(‘信息’) :      消息框

)prompt(‘提示信息’,默认值): 标准输入框

)confirm( )  :      确认框

)open( )      :      打开一个新窗口

)close( )      :     关闭窗口

8、Form表单对象

访问表单的方式:

*  document.forms[n]

*  document.表单名字

表单对象常用的属性

action  <from action=”xxx”>表单提交的目的地址

method<form method=”xxx”>表单提交方式

name  <form name=”xxx”>表单名称

9、javaScript定义函数的三种方式

)正常方法

function print(msg){

document.write(msg);

}

对函数进行调用的几种方式:

,传递给函数的参数2,….)

,传递给函数的参数2,….)

对于有返回值的函数调用,也可以在程序中直接使用返回的结果,例如:alert("sum=“ + square(2,3));

不指定任何函数值的函数,返回undefined

)构造函数方法  new Function();

//构造函数方式定义javascript函数 注意Function中的F大写

var add=new Function('a','b','return a+b;');

//调用上面定义的add函数

var sum=add(3,4);

alert(sum);

注:接受任意多个字符串参数,最后一个参数是函数体。

如果只传一个字符串,则其就是函数体。

)函数直接量定义函数

//使用函数直接量的方式定义函数

var result=function(a,b){return a+b;}

//调用使用函数直接量定义的函数

var sum=result(7,8);

alert(sum);

注:函数直接量是一个表达式,它可以定义匿名函数

10、DOM

DOM :DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,使得你可以访问页面其他的标准组件

D:文档 – html 文档 或 xml 文档

O:对象 – document 对象的属性和方法

M:模型

DOM 是针对xml(html)的基于树的API。

DOM树:节点(node)的层次。

DOM 把一个文档表示为一棵家谱树(父,子,兄弟)

DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面

11、DOM的结构

12、节点及其类型

)节点

*  由结构图中我们可以看到,整个文档就是一个文档节点。

*  而每一个HMTL标签都是一个元素节点。

*  标签中的文字则是文本节点。

*  标签的属性是属性节点。

*  一切都是节点……

)节点树

节点树的概念从图中一目了然,最上面的就是“树根”了。节点之间有父子关系,祖先与子孙关系,兄妹关系。这些关系从图中也很好看出来,直接连线的就是父子关系了。而有一个父亲的就是兄妹关系……

13、查找元素节点

)getElementById()

寻找一个有着给定 id 属性值的元素,返回值是一个有着给定 id 属性值的元素节点。如果不存在这样的元素,它返回 null.

var oElement = document.getElementById ( sID )

该方法只能用于 document 对象

input type=“text” value=“传智播客5周年" id="tid">

function test(){

var usernameElement=document.getElementById(“tid");

//获取元素的值

alert("usernameElement.value: "+usernameElement.value)

//获取元素的类型

alert("usernameElement.type: "+usernameElement.type)

}

)getElementsByName()

寻找有着给定name属性的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定name属性的所有元素的总个数。

<form name="form1">

<input type="text" name="tname" value="国庆60年_1" /><br>

<input type="text" name="tname" value="国庆60年_2" /><br>

<input type="text" name="tname" value="国庆60年_3" /><br>

<input type="button" name="ok" value="保存" id="ok"  onclick="test();">

</form>

function test(){

var tnameArray=document.getElementsByName("tname");

alert(tnameArray.length);

for(var i=0;i<tnameArray.length;i++){

window.alert(tnameArray[i].value);

}

}

<input type="text" name="username" value="国庆60年_1" /><br>

<input type="text" name="username" value="国庆60年_2" /><br>

<input type="text" name="username" value="国庆60年_3" /><br>

<input type="button" name="ok" value="保存" id="ok"><br>

<script language="JavaScript">

//该方法返回是数组类型

var usernameElements=document.getElementsByName("username");

for (var i = 0; i < usernameElements.length; i++) {

//获取元素的类型

//alert(usernameElements[i].type)

//获取元素value的值

//alert(usernameElements[i].value);

//采用函数直接量的方法

usernameElements[i].onchange = function(){

alert(this.value);

}

}

</script>

)getElementsByTagName()

寻找有着给定标签名的所有元素,这个方法将返回一个节点集合,这个集合可以当作一个数组来处理。这个集合的 length 属性等于当前文档里有着给定标签名的所有元素的总个数。

var elements = document.getElementsByTagName(tagName);

var elements = element.getElementsByTagName(tagName);

该方法不必非得用在整个文档上。它也可以用来在某个特定元素的子节点当中寻找有着给定标签名的元素。

var container =   document.getElementById(“sid”);

var elements = container.getElementsByTagName(“p”);

alert(elements .length);

//   //处理input

// var inputElements=document.getElementsByTagName("input");

//     //输出input标签的长度

// //alert(inputElements.length);

//  for(var i=0;i<inputElements.length;i++){

//   if(inputElements[i].type!='button'){//submit

// alert(inputElements[i].value);

// }

//  }

//处理select

//   //获取select标签

//   var selectElements=document.getElementsByTagName("select");

//   //获取select下的子标签

//   for(var j=0;j<selectElements.length;j++){

//    var optionElements=selectElements[j].getElementsByTagName("option");

//   for(var i=0;i<optionElements.length;i++){

//   alert(optionElements[i].value);

//   }

//   }

var textareaElements=document.getElementsByTagName("textarea");

alert(textareaElements[0].value);

var inputElements=document.getElementsByTagName("input");

for(var i=0;i<inputElements.length;i++){

if (inputElements.type != 'submit') {

inputElements[i].onchange = function(){

alert(this.value)

};

}

var selectElements=document.getElementsByTagName("select");

for (var i = 0; i < selectElements.length; i++) {

selectElements[i].onchange=function(){

alert(this.value);

}

}

var textareaElements=document.getElementsByTagName("textarea");

for (var i = 0; i < textareaElements.length; i++) {

textareaElements[i].onchange = function(){

alert(this.value);

};

}

14、查看是否存在子节点

hasChildNodes()

该方法用来检查一个元素是否有子节点,返回值是 true 或 false.

var booleanValue = element.hasChildNodes();

文本节点和属性节点不可能再包含任何子节点,所以对这两类节点使用 hasChildNodes 方法的返回值永远是 false.

如果 hasChildNodes 方法的返回值是 false,则 childNodes,firstChild,lastChild 将是空数组和空字符串。

var selectElements=document.getElementsByTagName("select");

alert(selectElements[0].hasChildNodes())

var inputElements=document.getElementsByTagName("input");

for(var i=0;i<inputElements.length;i++){

alert(inputElements[i].hasChildNodes());

}

15、DOM 属性 -- nodeName

)文档里的每个节点都有以下属性。

)nodeName:一个字符串,其内容是给定节点的名字。

var name = node.nodeName;

* 如果节点是元素节点,nodeName返回这个元素的名称

* 如果是属性节点,nodeName返回这个属性的名称

* 如果是文本节点,nodeName返回一个内容为#text 的字符串

)注:nodeName 是一个只读属性。

16、DOM 属性 -- nodeType

)nodeType:返回一个整数,这个数值代表着给定节点的类型。

nodeType 属性返回的整数值对应着 12 种节点类型,常用的有三种:

Node.ELEMENT_NODE    ---1    -- 元素节点

Node.ATTRIBUTE_NODE  ---2    -- 属性节点

Node.TEXT_NODE       ---3    -- 文本节点

)nodeType 是个只读属性

17、DOM 属性 -- nodeValue

nodeValue:返回给定节点的当前值(字符串)

如果给定节点是一个属性节点,返回值是这个属性的值。

如果给定节点是一个文本节点,返回值是这个文本节点的内容。

如果给定节点是一个元素节点,返回值是 null

nodeValue 是一个 读/写 属性,但不能对元素节点的 nodeValue 属性设置值,

但可以为文本节点的 nodeValue 属性设置一个值。

var li = document.getElementById(“li”);

if(li.firstChild.nodeType == 3)

li.firstChild.nodeValue = “传智播客”;

18、元素节点

//测试元素节点,输出节点名称,节点的类型,节点的值

var liElements=document.getElementsByTagName("li");

for(var i=0;i<liElements.length;i++){

alert(liElements[i].nodeName);

alert(liElements[i].nodeType);

alert(liElements[i].nodeValue);

}

19、属性节点

//测试属性节点,输出属性节点名称,节点的类型,节点的值

var liElements=document.getElementsByTagName("li");

for(var i=0;i<liElements.length;i++){

var attrElement=liElements[i].getAttributeNode("value")

alert("attrElement.nodeName "+attrElement.nodeName);

alert("attrElement.nodeType "+attrElement.nodeType);

alert("attrElement.nodeValue "+liElements[i].getAttribute("value"));

}

20、文本节点

//测试元素节点,输出节点名称,节点的类型,节点的值

var liElements=document.getElementsByTagName("li");

for(var i=0;i<liElements.length;i++){

alert(liElements[i].childNodes[0].nodeName);

alert(liElements[i].childNodes[0].nodeType);

alert(liElements[i].childNodes[0].nodeValue);

liElements[i].childNodes[0].nodeValue="南京";

alert(liElements[i].childNodes[0].nodeValue);

//另一种读取方法

alert(liElements[i].firstChild.nodeName);

alert(liElements[i].firstChild.nodeType);

alert(liElements[i].firstChild.nodeValue);

}

21、替换节点

replaceChild()

把一个给定父元素里的一个子节点替换为另外一个子节点

var reference = element.replaceChild(newChild,oldChild);

返回值是一个指向已被替换的那个子节点的引用指针。

如果被插入的子节点还有子节点,则那些子节点也被插入到目标节点中

//方法一

//  var cityElement=document.getElementById("city");

//  var loveElement=document.getElementById("love");

//  var cityChildElement=document.getElementById("beijing");

//  var loveChildElement=document.getElementById("fankong");

//  var oldElement=cityElement.replaceChild(loveChildElement,cityChildElement);

//  loveElement.appendChild(oldElement);

//  alert(oldElement.getAttribute("id"));

var cityElement=document.getElementById("city");

cityElement.onclick=function(){

var cityChildElement=document.getElementById("beijing");

var loveChildElement=document.getElementById("fankong");

var oldElement=cityElement.replaceChild(loveChildElement,cityChildElement);

loveElement.appendChild(oldElement);

alert(oldElement.getAttribute("id"));

}

22、查找属性节点

getAttribute()

返回一个给定元素的一个给定属性节点的值

var attributeValue = element.getAttribute(attributeName);

给定属性的名字必须以字符串的形式传递给该方法。

给定属性的值将以字符串的形式返回,如果给定属性不存在,getAttribute() 将返回一个空字符串.

通过属性获取属性节点

getAttributeNode(属性的名称)--Node

<li name="beijing" id="bj">北京</li>

//通过属性名获取属性的值

var  bjElement=document.getElementById("bj");

var attributeValue=eduElement.getAttribute("name");

alert("attributeValue    "+attributeValue);

//通过属性名获取属性的节点

var  bjNode=eduElement.getAttributeNode("name");

alert(eduNode.nodeValue);

alert(eduNode.nodeType);

alert(eduNode.nodeName);

23、设置属性节点

setAttribute()

将给定元素节点添加一个新的属性值或改变它的现有属性的值。

element.setAttribute(attributeName,attributeValue);

属性的名字和值必须以字符串的形式传递给此方法

如果这个属性已经存在,它的值将被刷新;

如果不存在,setAttribute()方法将先创建它再为其赋值。

<li  id="bj" >北京</li>

//获取元素的引用

var bjElement=document.getElementById("bj");

//设置属性值

bjElement.setAttribute("name","beijing");

//获取设置的属性值

var nameValue=bjElement.getAttribute("name");

alert("nameValue "+nameValue);

24、创建新元素节点

createElement()

按照给定的标签名创建一个新的元素节点。方法只有一个参数:将被创建的元素的名字,是一个字符串.

var reference = document.createElement(element);

新元素节点不会自动添加到文档里,新节点没有 nodeParent 属性,它只是一个存在于 JavaScript 上下文的对象.

var pElement = document.createElement("p");

25、设置属性节点

//创建一个新的元素

var pElement=document.createElement("li");

//设置属性值

pElement.setAttribute("id","pid");

//获取父元素

var loveElement=document.getElementById("love");

//在父元素中增加子元素

loveElement.appendChild(pElement);

//通过id获取刚创建的元素

var pidElement=document.getElementById("pid");

alert(pidElement.getAttribute("id"));

26、创建新文本节点

createTextNode()

创建一个包含着给定文本的新文本节点。这个方法的返回值是一个指向新建文本节点引用指针。

var textNode = document.createTextNode(text);

方法只有一个参数:新建文本节点所包含的文本字符串

方法的返回值:是一个指向新建节点的引用指针。它是一个文本节点,所以它的 nodeType 属性等于 3.

新元素节点不会自动添加到文档里,新节点没有 nodeParent 属性

var pElementText=document.createElement("li");

var textElement=document.createTextNode("南京");

pElementText.appendChild(textElement);

27、插入节点

)appendChild()

为给定元素增加一个子节点:

var newreference = element.appendChild(newChild).

给定子节点 newChild 将成为给定元素节点 element 的最后一个子节点。

方法的返回值是一个指向新增子节点的引用指针。

该方法通常与 createElement() createTextNode() 配合使用

新节点可以被追加给文档中的任何一个元素

var newliElement=document.createElement("li");

var textNode=document.createTextNode("北京");

newliElement.appendChild(textNode);

document.body.appendChild(newliElement);

var liElement=document.getElementsByTagName("li");

var textValue=liElement[0].firstChild.nodeValue;

alert(textValue);

)insertBefore()

把一个给定节点插入到一个给定元素节点的给定子节点的前面

var reference =  element.insertBefore(newNode,targetNode);

节点 newNode 将被插入到元素节点 element 中并出现在节点 targetNode 的前面.

节点 targetNode 必须是 element 元素的一个子节点。

该方法通常与 createElement() 和 createTextNode() 配合使用

<ul id="city">     <li value="beijing^" id="beijing">北京</li>        </ul>

<ul id="city01">   <li value="shanghai^" id="shanghai">上海</li>          </ul>

//获取父节点

var parentCityNode=document.getElementById("city");

//获取子节点

var beijingNode=document.getElementById("beijing");

var shanghaiNode=document.getElementById("shanghai");

//插入

parentCityNode.insertBefore(shanghaiNode,beijingNode);

<ul id="city">

<li value="beijing^" id="beijing">北京</li>

</ul>

//获取父节点

var parentCityNode=document.getElementById("city");

//获取子节点

var beijingNode=document.getElementById("beijing");

//创建节点newShanghaiNode

var newShanghaiNode=document.createElement("li");

//创建newShanghaiNode节点的文本节点

var newTextNode=document.createTextNode("上海");

//在创建的节点上增加文本

newShanghaiNode.appendChild(newTextNode);

//插入节点

parentCityNode.insertBefore(newShanghaiNode,beijingNode);

)DOM 没有提供 insertAfter() 方法

function insertAfter(newElement,targetElement){

//获取目标元素的父节点

var parentElement=targetElement.parentNode;

//如果目标元素是最后一个元素,则新元素插入到目标元素的后面

if(parentElement.lastChild==targetElement){

parentElement.appendChild(newElement);

}else{//如果目标元素不是最后一个元素,则新元素插入到目标元素的的

//下一个兄弟节点的前面,即目标元素的后面

parentElement.insertBefore(newElement,targetElement.nextSibling);

}

}

28、删除节点

)removeChild()

从一个给定元素里删除一个子节点

var reference = element.removeChild(node);

返回值是一个指向已被删除的子节点的引用指针。

某个节点被removeChild()方法删除时,这个节点所包含的所有子节点将同时被删除。

<ul id="city">  <li value="beijing^" id="beijing">北京</li> </ul>

var ulElement=document.getElementById("city");

var liElement=document.getElementById("beijing");

ulElement.removeChild(liElement);

如果想删除某个节点,但不知道它的父节点是哪一个,parentNode 属性可以帮忙。

<ul id="city">  <li value="beijing^" id="beijing">北京</li> </ul>

var liElement=document.getElementById("beijing");

var parentElement=liElement.parentNode;

parentElement.removeChild(liElement);

29、遍历节点树

ChildNodes:返回一个数组,这个数组由给定元素节点的子节点构成:

var nodeList = node.childNodes;

文本节点和属性节点都不可能再包含任何子节点,所以它们的 ChildNodes 属性永远会返回一个空数组。

如果想知道某个元素有没有子节点,可以用 hasChildNodes 方法。

如果想知道某个元素有多少个子节点,可以用 childNodes 数组的 length 属性。

childNodes 属性是一个只读属性。

30、获取第一个子节点

firstChild:该属性返回一个给定元素节点的第一个子节点,返回这个节点对象的指针。

var reference = node.firstChild;

文本节点和属性节点都不可能包含任何子节点,所以它们的 firstChild 属性永远会返回 null。

某个元素的 firstChild 属性等价于这个元素的 childNodes 节点集合中的第一个节点,即:

var reference = node.ChildNodes[0];

firstChild 属性是一个只读属性。

31、获取最后一个子节点

)lastChild:对应 firstChild 的一个属性。

)nextSibling: 返回一个给定节点的下一个兄弟节点。

)parentNode:返回一个给定节点的父节点。

parentNode 属性返回的节点永远是一个元素节点,因为只有元素节点才有可能包含子节点。

document 节点的没有父节点。

(4)previousSibling:返回一个给定节点的上一个兄弟节点

32、innerHTML属性

)浏览器几乎都支持该属性,但不是 DOM 标准的组成部分。

)innerHTML 属性可以用来读,写某给定元素里的 HTML 内容。

<div id="city"></div>

var divElement=document.getElementById("city");

divElement.innerHTML="<li value='beijing^'' id='beijing'>北京</li>";

33、显示弹出窗口

)语法:(建立模式对话框显示指定的文档)

vReturnValue = window . showModalDialog ( sURL,vArguments , sFeatures )

)参数说明:

sURL--必选参数,用来指定对话框要显示的文档的URL。

vArguments--可选参数,用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。

sFeatures--可选参数,用来描述对话框的外观等信息,可以使用一个或几个,用分号“;”隔开。

)建立无模式对话框显示指定的文档:

vReturnValue = window . showModelessDialog ( sURL , vArguments , sFeatures )

)window.opener 的用法

window.opener 返回的是创建当前窗口的那个窗口的引用,比如点击了a.htm上的一个链接而打开了b.htm,然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的text中,就可以写为: 
    window.opener.document.getElementById("name").value = "输入的数据";

JavaScript加强的更多相关文章

  1. JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  2. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  3. Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收

    执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...

  4. 探究javascript对象和数组的异同,及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  5. 读书笔记:JavaScript DOM 编程艺术(第二版)

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  6. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  7. JavaScript权威指南 - 函数

    函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...

  8. JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...

  9. JavaScript进阶之路(一)初学者的开始

    一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...

  10. 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画

    CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...

随机推荐

  1. Android O 获取APK文件权限 Demo案例

    1. 通过 aapt 工具查看 APK权限 C:\Users\zh>adb pull /system/priv-app/Settings . /system/priv-app/Settings/ ...

  2. JavaScript 闭包(Closure)

    闭包(closure)是掌握Javascript从人门到深入一个非常重要的门槛,它是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现. 闭包-无处不在  在前端编程中,使 ...

  3. 学习生活必须知道的网站或者App

    转载自:https://www.douban.com/group/topic/89798480/ 学习方面: 1.网易公开课(http://v.163.com/special/test/alltest ...

  4. (TOJ 4413)IP address

    描述 To give you an IP address, it may be dotted decimal IP address, it may be 32-bit binary IP addres ...

  5. Spring Boot 商城项目

    Spring Boot 商城项目 angularJS Demo1 <html> <head> <title>angularJS Demo1</title> ...

  6. beetl的内置函数 (如strutil 工具类)

    转自:http://ibeetl.com/guide/ 2.19. 函数调用 Beetl内置函数请参考附录,以下列出了常用的函数 date 返回一个java.util.Date类型的变量,如 date ...

  7. CentOS 6U7分区大于2TB的磁盘以及挂载大于16TB分区磁盘的解决方案

    一.内容介绍1.问题描述1).问题一 CentOS 6.x 在格式化大于16TB的ext4分区时,会提示如下错误: mke2fs 1.41.12 (17-May-2010)mkfs.ext4: Siz ...

  8. 关于keyGenerator,KeyPairGenerator,SecretKeyFactory的解析

    Java加密的常用的加密算法类型有三种 1单向加密:也就是不可逆的加密,例如MD5,SHA,HMAC 2对称加密:也就是加密方和解密方利用同一个秘钥对数据进行加密和解密,例如DES,PBE等等 3非对 ...

  9. Zabbix忘记登录密码重置

    Zabbix忘记登录密码了 登录MySQL查看用户 select * from users\G 重置密码 mysql> use zabbix; mysql> update users se ...

  10. TOP100summit 2017:小米唐沐等大咖精心挑选的100个年度研发案例实践

    2017年,机器学习.大数据.人工智能等词汇成为软件研发行业的主流,大前端.DevOps.区块链等技术方式成为热点方向:2017年,智能硬件开始成为新的焦点,这一年更被称为智能音箱井喷的一年:2017 ...