TOC 生成工具 与开发规范

javascript

--

还有的是平滑滚动插件。另外做一个。可以把两个分开火鹤合起来用

js 插件开发 规范

http://trevordavis.net/blog/jquery-one-page-navigation-plugin/ 顺滑滚动，高亮当前项，jquery
http://www.quirksmode.org/dom/getElementsByTagNames.html(此扩展，嗯，值得学习) http://www.quirksmode.org/dom/toc.html 利用缩进
https://ruby-china.org/topics/17028 MD转化与生成，没值得看的
http://www.cnblogs.com/xdp-gacl/p/3718879.html 使用dt dd 自带缩进的的HTML标签

几个JQuery插件
http://projects.jga.me/toc/
http://gregfranko.com/jquery.tocify.js/#GettingStarted
http://plugins.compzets.com/animatescroll/# 顺滑的滚动，jquery

正则的实现与深入，几乎没有能力来写正则表达式

1： 索引所有的人标签，判断是否是h，node[i].nodeName == "h2".toUpperCase() 注意返回的元素节点名是大写的

高亮当前项 ： 判断谁与浏览器顶部距离最小就高亮谁，事件监听： addEventListener

header 里 有span等标签，需去掉 ： nodes[i].innerHTML.replace(/<\/?[^>]+>/g,"");

对几种不同需求做分解，判断需要做的功能。

http://stackoverflow.com/questions/187619/is-there-a-javascript-solution-to-generating-a-table-of-contents-for-a-page

http://stackoverflow.com/questions/5819807/any-good-codes-to-generate-toc-from-html-heading-elements-in-javascript
https://github.com/gajus/contents
https://github.com/idiotWu/jQuery-TOC 完美多级标题的生成

早TM该在github里面搜索了。

DOM选择器。方法 。 等很多 querySelector

TODO list ：

• 高亮当前项
• smooth scroll （几种不同的方法，以及其中涉及的方法，与获取的各种属性）

Array.prototype.slice.call
Array.prototype.forEach.call
Math.min.apply()
关于apply 和 call 的活用
原型方法的使用与扩展

Flatten an array of arrays 数组扁平化（不知道翻译对不对）

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) {
  return a.concat(b);
}, []);
// flattened is [0, 1, 2, 3, 4, 5]

看来打我的基础实在是差啊

-1 == true
//false
1 == true
//true

文章：

1. 只有二级标题生成
2. dl dt html格式生成二级标题，其实也是缩进
3. 利用缩进生成多级标题
4. 完美生成多级标题