javascript学习笔记 - DOM操作高级应用

以下内容为笔记,方便查阅。对您可能没有价值!

表格应用

  • 获取
    • tBodies - 获取tbody (array)
    • tHead - 获取表头thead (object)
    • tFoot - 获取表尾tfoot (object)
    • rows - 获取行tr (array)
    • cells - 获取数据列td (array)

var oTable = document.getElementById('table');

oTable.tBodies; //获取tbody
oTable.tHead; //获取表头thead
oTable.rows; //获取所有行tr(包含thead和tfoot中的行)
oTable.tBodies[0].rows; //获取tbody中的行tr
obj.cells; //获取数据列td

//获取oTable中第一个tbody里第一行中的第一个列
oTable.tBodies[0].rows[0].cells[0];

`

javascript学习笔记 - DOM操作应用

以下内容为笔记,方便查阅。对您可能没有价值!

创建、插入、删除元素

  • 创建DOM元素
    • createElement(标签名) //创建一个节点
    • appendChild(节点) //追加一个节点
  • 插入元素
    • insertBefore(节点,原有节点) //在已有元素前插入
  • 删除DOM元素
    • removeChild(节点) //删除一个节点

注:oUl.appendChild(oLi);
如果oLi不是新创建的对象,而是来源于一个现有元素中,appendChild相当于先将oLi在其原有父级中删除,然后在插入到新的对象oUl中。


var oUl = document.getElementById('xx');

//创建一个节点
var oLi = document.createElement('li');

//将节点插入到oUl中
oUl.appendChild(oLi);

//将节点插入到现有节点之前
oUl.insertBefore(oLi,li[0]);

//删除一个节点
oUl.removeChild(li[0]);

javascript学习笔记 - DOM基础

以下内容为笔记,方便查阅。对您可能没有价值!

DOM 节点

childNodes - 子节点


var obj = document.getElementById('xx');
obj.childNodes; // 获取obj的子节点
obj.childNodes.length; //childNodes是一个数组,有length属性

//(ie6-8) obj.childNodes.length == 元素节点数量
//(高级浏览器) obj.childNodes.length == 元素节点+文本节点数量

nodeType - 节点类型


var obj = document.getElementById('xx');
var nodeType_id = obj.childNodes[0].nodeType; //获得子节点类型

javascript学习笔记 - 定时器的使用

以下内容为笔记,方便查阅。对您可能没有价值!

定时器使用

  • 开启定时器
    • setInterval(函数名,毫秒时间) //间隔执行
    • setTimeout() //延时执行
  • 关闭定时器
    • clearInterval(id) //关闭间隔定时器
    • clearTimeout(id) //关闭延时定时器

//创建定时器
setInterval(alt,1000); //间隔1秒执行一次alt
setTimeout(alt,1000); //1秒后执行alt

//存储定时器返回值
var setIntervalId = setInterval(alt,1000);
var setTimeoutId = setTimeout(alt,1000);

//定时器返回值setIntervalId/setTimeoutId
//定时器返回值为一个数字id(该定时器被定义时的顺序号)

//取消定时器
clearInterval(setIntervalId);
clearTimeout(setTimeoutId);

function alt(){
alert('abc');
}

javascript学习笔记 - 深入JavaScript

以下内容为笔记,方便查阅。对您可能没有价值!

函数返回值 return


function sum(a,b){
return a+b;
}

alert(sum(1,2));

// 如果return为空,或没有return == undefined

函数传参

固定参数个数


function sum(a,b,c){
return xxx;
}
sum(1,2,3);

javascript学习笔记 - JavaScript基础01

以下内容为笔记,方便查阅。对您可能没有价值!

javascript 组成

  • ECMAScript //解释器
  • DOM //Document Object Model (document)
  • BOM //Browser Object Model(window)

变量类型

常用类型 number、string、boolean、function、object、undefined

Git学习笔记 - 常用命令速查

查找命令前先理解一个东西,git分为工作区、暂存区、本地仓库、远程仓库

init初始化本地仓库、add文件到暂存区、commit将文件提交到本地仓库、push将本地分支发布到远程、clone将远程仓库克隆到本地….

以下命令控制流程中的增删改、查询、推送…

此日志仅为方便自己查询使用,对新手学习无帮助!如果你是初学请移步 廖雪峰 - Git教程

Hexo Modernist 主题优化加强版!

比较喜欢Moderni这款主题,感觉这样的宽度非常适合阅读!在此先感谢一些作者!

默认安装的Modernist主题是没有widgets的。感觉不是很方便!所以自己倒腾一下,把想要的功能加上去。

修改后的主题已经放在Github上,如果你需要请点击 hexo-modernist

下面罗列我在原主题的基础上修改及增加的内容

  • 修改了部分字体大小,使模版更适合显示中文。
  • [提速]将jquery、html5shiv CDN 更换为国内地址。
  • [提速]将css中载入的google字体文件转移到本地。
  • 增加返回顶部、快速评论按钮。
  • 增加分类、标签云、最新文章 3个widgets。
  • 增加是否将widgets右置选项。
  • 增加分享功能。
  • 增加百度统计。
  • 增加多说评论功能。

以上新增项均可在模版配置文件_config.yml中配置是否开启!

github + hexo 构建免费博客/网站

打算研究nodejs的时候偶然发现Hexo!一个node的blog框架,虽然和学习node没啥大关系!提前体验一下还是不错的!

如果你和我一样,对于买主机、选程序、域名备案…这些破事一个都不想干,就连打开网站后台用编辑器写文章都感觉别扭,那推荐你来试试!

Hexo 是一个基于Node的静态博客框架。几条简单的命令就可以将您的博客部署到github上。

github + hexo + markdown + sublime 忘了网站有后台这事吧

如何安装?

这个网上教程太多,我就不啰嗦了,推荐一篇比较详细的 hexo你的博客

这里只解决你看了很多文章后依然可能存在的困惑:


1、hexo配置文件中有关github的项到底如何配置?

deploy:
  type: github
  repository: git@github.com:xxx/xxx.git
  branch: gh-pages

type - 这个不用纠结,如果你部署在github,那只有这一种可能
repository - 这个填https/ssh的地址均可
branch - 这里问题来了。到底是master还是gh-pages呢?