前端笔记

新博客地址：http://gengliming.com

1、table-cell：宽度再大也不能超过容器；包裹性；
2、BFC；
3、最小化影响原则：http://www.zhangxinxu.com/wordpress/2011/08/css%E7%9B%B8%E5%AF%B9%E5%AE%9A%E4%BD%8Drelative%E7%BB%9D%E5%AF%B9%E5%AE%9A%E4%BD%8Dabsolute%E7%B3%BB%E5%88%97%EF%BC%88%E5%9B%9B%EF%BC%89/
4、宽度分离：http://www.zhangxinxu.com/wordpress/2011/02/css%E6%B5%81%E4%BD%93%E8%87%AA%E9%80%82%E5%BA%94%E5%B8%83%E5%B1%80%E4%B8%8B%E5%AE%BD%E5%BA%A6%E5%88%86%E7%A6%BB%E5%8E%9F%E5%88%99/

5、看看看
window.innderWidth
getBoundingClientRect
Element.ScrollHeight-clientHeight
http://stackoverflow.com/questions/22675126/what-is-offsetheight-clientheight-Element.scrollheight
window.scrollY<---->window.pageYOffet
Element.scrollTop
100vw相对于浏览器的window.innerWidth

6、background-position：x% y%
实际计算值：x-offset = （容器宽－图片宽）＊ x％
y-offset = (容器高－图片高) ＊ y％

7、spa的状态管理有两种方法：a、history.pushState/history.replaceState/window.onpopstate
b、锚点+onhashchange

8、动态REM＋1像素线：https://jirengu.com/app/watch/1868/1?vsum=118

9、==涉及到的类型转化：https://javascriptweblog.wordpress.com/2011/02/07/truth-equality-and-javascript/

10、理解react原理：
https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/

11、promise的实现：
https://www.promisejs.org/implementing/

React

1. 性能优化
   https://medium.com/dailyjs/react-is-slow-react-is-fast-optimizing-react-apps-in-practice-394176a11fba