1.自定义数据属性‘data-xx':HTML5规定可以为元素添加非标准的属性,但要添加前缀data-,如何获取元素的自定义属性呢?可以通过元素的dataset属性访问,其属性值是一个名值对的映射,但是访问dataset中属性时,记得没有’data-‘前缀哦!
为什么要使用自定义属性呢?当需要给元素添加一些不可见的数据以便进行其他处理时,就要用到自定义属性了。
https://github.com/kythen/cart.git,一个简单viewer层的图片切换,使用angular框架,data-自定义属性在其中的作用不可小觑哦。
2.element traversal API:之前操作DOM节点之间的关系可以使用的元素属性有childNodes、parentNode、firstChild、lastChild、nextSibling、previousSibling等,但是文本节点也被计算在内,然而通常情况下我们希望得到的是元素节点啊,Element Traversal API为DOM元素添加了以下无关属性:
childElementCount:返回子元素的个数
firstElementChild:返回第一个子元素;firstChild的元素版
lastElementChild:返回最后一个子元素;lastChild的元素版
previousElementSibling:指向前一个同辈元素;previousSibling的元素版
nextElementSibling:指向后一个同辈元素;nextSibling的元素版
-----------------------------------------------------------------------------------------------------------------
children属性返回元素的所有元素子节点,这个属性是HTMLCollection的实例
var childCount = element.children.length; 这值应该等于 element.childElementCount 吧
接下来就是一些个人见解了,jquery的特点就是可以通过css选择器快速定位元素节点,并且容易操作元素节点,从我这篇和上篇博客可以感觉到元素JS也完全可以快速简单的完成这些动作。
querySelector、classList、dataset、element traversal API,利用这些属性和方法就可以快速操作元素节点了。今天被childNodes里的文本节点困的一米啊。
3.history对象用来管理历史记录
history.go(1、-1、number) 模拟浏览器的前进、回退操作
history.back() 回退
history.forward() 前进
4.navigator对象,现在已经成为识别客户端浏览器的事实标准。
//判断是否为移动设备
function isMobile(){
if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
return true;
}else{
return false;
}
}
//判断Android 或 IOS
var ua = navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua))
{ //alert("iphone");}
else if (/android/.test(ua))
{ alert("android");}
5.ng-bind 绑定:今天遇到的问题是判断对象中是否有某个变量,如果有绑定当前变量,没有则绑定另一变量。用法如下:
ng-bind="someParam ? someParam: anotherParam",昨天也提到了ng-class也可以这样用啦,等号后面跟表示式就ok了。
tip:①:nth-child(index)-当前元素的父元素的第index个元素,index是从1开始计算的
②. ng-repeat -变量$index ,是从0开始计算的哦。
6.一丢丢关于git的知识:git branch localbranch 创建本地分支
git checkout locakbranch 切换到分支
git push --set-upstream origin originbranch 将本地分支和远程分支绑定,这样就又创建了个远程分支了。
ok,今天的总结到此结束,明天周五啦!么么哒