线上简历

解决一个问题的关键就是先着手解决这个问题,你要学会在不懂的情况下搞定它

stick navbar 粘连导航

1. onscroll滚动事件 onmousewheel滚动鼠标事件
2. window.scrollY 文档从顶部开始滚动过的像素值

auto highlight navbar 自动高亮导航条

auto scroll smoothly 自动滚动顺滑

1. tween.js
2. 同样时间位移相同，就是匀速运动
3. 缓动是个函数，描述时间与速度的变化关系
4. setTimeout就动一次，var id=setInterVal 每隔一段时间动一次 widow.clearInterVal(id) 清除计时器
5. a.href是被浏览器处理过得，会带HTTP协议的，a.getAttribute(‘href’)是写什么就是什么，不会做处理
6. element.getBoundingClientRect()方法返回元素的大小和相对于视口的位置
7. element.offsetTop就是这个元素距离页面最顶端的值
8. scrollTo(x,y) 页面滚动到
9. querySelectAll接受一个选择器，返回选择器对应的所有元素

navbar menu 导航条菜单

1. 浮动定位，元素占用空间能多瘦就多瘦

2. 用户操作的元素和我们监听的元素有可能不是同一个元素

   function(e){
       e.currentTarget //获得正在事件的元素
   }
   
   function(e){
       e.preventDefault //禁止默认动作
   }

3. nodeType 1.一个元素节点 3.元素或者属性中实际的文字

4. tagName 一定是返回大写字母
5. white-space:nowrap;禁止文字换行

auto hide aside 自动隐藏侧边栏

gapless slides 无缝滚动

loading animation 载入动画

animate when scroll 当滚动到时才动作

git commit –amend -v . 修改上次的commit内容