fucntion upper(n) {
  n = '' + n;
  if (!/(^[1-9]\d*$)/) {
    return '非法数字';
  }
  var uppercase = '千百亿千百十万千百十个';
  var nLength = n.length;
  var newStr = '';
  if (uppercase.length - nLength < 0) {
    return '数字过长';
  }
  uppercase = uppercase.substr(uppercase.length - nLength);
  for (var i = 0; i < nLength; i++) {
    newStr += '零一二三四五六七八九'.charAt(n[i]) + uppercase.charAt(i);
  };
  newStr = newStr.substr(0, newStr.length - 1);
  console.log(n,newStr);
  return newStr;
}

锚伪类
在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

- 阅读剩余部分 -

html两个比较重要的概念————块级元素和行内元素，默认情况下块级元素会始终占居一行，而行内元素并不会。除了 table 元素的 display 属性比较特殊以外，基本上所有的 HTML 元素的 display 的属性值要么是 block，要么是 inline。作者的一个思想是，无论你想了解哪个 HTML 元素，第一个要问的问题就是：它是块级元素还是行内元素，然后在编写标记的时候预想到这个元素在初始状态下是如何定位的，这样才能进一步想好将来怎么用 CSS 重新定位它，因为块级元素和行内元素在定位上有很大的区别，后面的拓展会详细说明。

- 阅读剩余部分 -

什么是函数节流与函数防抖
举个栗子，我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时，在人眼的视觉中就会形成一个连贯的动画，所以在电影的播放（以前是，现在不知道）中基本是以每秒 24 张的速度播放的，为什么不 100 张或更多是因为 24 张就可以满足人类视觉需求的时候，100 张就会显得很浪费资源。再举个栗子，假设电梯一次只能载一人的话，10 个人要上楼的话电梯就得走 10 次，是一种浪费资源的行为；而实际生活正显然不是这样的，当电梯里有人准备上楼的时候如果外面又有人按电梯的话，电梯会再次打开直到满载位置，从电梯的角度来说，这时一种节约资源的行为（相对于一次只能载一个人）。

- 阅读剩余部分 -

先了解几个关键词：

（1）滚动条到顶部的位置：scrollTop

（2）当前窗口内容可视区：windowHeight

（3）滚动条内容的总高度：scrollHeight

- 阅读剩余部分 -