2017.12. 值得注意的问题

1. loader和插件的区别

1. loader 用于加载某些资源文件。 因为webpack 本身只能打包commonjs规范的js文件，对于其他资源例如 css，图片，或者其他的语法集，比如 jsx， coffee，是没有办法加载的。 这就需要对应的loader将资源转化，加载进来。从字面意思也能看出，loader是用于加载的，它作用于一个个文件上。2. plugin 用于扩展webpack的功能。它直接作用于 webpack，扩展了它的功能。当然loader也时变相的扩展了 webpack ，但是它只专注于转化文件（transform）这一个领域。而plugin的功能更加的丰富，而不仅局限于资源的加载。

2. webpack分块
3. 如何实现垂直居中

1. css3 flex box, flex: align-item
2. 已知长和宽
   position: relative; /* 相对定位或绝对定位均可 /
   width:500px;
   height:300px;
   top: 50%;
   left: 50%;
   margin: -150px 0 0 -250px; / 外边距为自身宽高的一半 */
3. 未知长和宽
   position: absolute; /* 相对定位或绝对定位均可 */
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);

4. html5相关
5. 经常浏览的前端论坛
6. web站点如何做性能优化
7. Ajax是什么？

Ajax就是局部刷新，不需要只要刷新数据就要完全加载整个页面。只要是JS调用异步操作件并使用格式化的数据来更新web页面上的内容或操作过程，那么我们用的方法就可算是AJAX。

如何简单实现一个AJAX?

第一步，new出一个XMLHttpRequest对象：
var xhr = new XmlHttpRequest()
第二步，处理服务器上面返回的响应：
xhr.onReadyStateChage() = function() {...}
第三步，创建一个请求，第一个参数是请求的类型get或者post，第二个参数就是请求的路径，第三个参数叫做是否使用异步机制：
xhr.open('post','abc.net',true);
如果为post请求，需要在发送请求前设置一下header：
xhr.setRequestHeader();
第四步：发送请求
xhr.send(...);

8. 怎么把页面分成四等分
9. 上下margin重叠会怎样

垂直方向上，相邻的两个块的margin会重叠。
解决方法：
(1) 浮动元素、inline-block 元素、绝对定位元素的 margin 不会和垂直方向上其他元素的 margin 折叠
总结一点就是触发了BFC的元素，满足下面任一条件的元素，会触发为 BFC ：
浮动元素，float 除 none 以外的值
绝对定位元素，position（absolute，fixed）
display 为以下其中之一的值 inline-blocks，table-cells，table-captions
overflow 除了 visible 以外的值（hidden，auto，scroll）

10. css3新特性

http://blog.csdn.net/lxcao/article/details/52797914

11. CORS和Jsonp

http://www.jianshu.com/writer#/notebooks/12685836/notes/21369605/preview

12. js实现单页应用

pushState + Ajax => pjax
https://www.helloweba.com/view-blog-386.html

13. 网格布局的优势？

网格布局是在CSS中实现而不是在HTML中实现，同时还可以依赖于媒体查询根据不同的上下文得新定义布局。这对于喜欢响应式设计的同学来说是一个绝对利好的消息。因为你不在需要再担心你的HTML结构而影响你的布局。网格布局还可以让我们摆脱现在布局中存在的文档流限制，换句话说，你的结构不需要根据设计稿从上往上布置了。这也意味着您可以自由地更改页面元素位置。这最适合你在不同的断点位置实现你最需要的布局，而不再需要为响应你的设计而担心HTML结构的问题。
https://www.w3cplus.com/css3/line-base-placement-layout.html

14. margin, padding设成百分比会针对哪一层？

margin, padding 的百分比是针对父层的宽度

top, bottom，left， right呢？

top和bottom会针对父层的高度。
left，right会针对父层的宽度

15. JS实现多线程？
16. 怎么理解JavaScript单线程？
17. HTTP缓存机制
18. 协程和多线程
19. position是不是只针对块级元素？

position使用时，不管父级是块级或者内联级别。

20. Angular里面模块很多时，如何管理与优化

21.写一个算法找出一个对象的最大层级
22.rxjs常用操作符及相关区别
23.数组里的方法，以及哪些会导致数组变化，哪些不会
24.移动端1像素问题

25. 怎么保证弹框后的背景不滚动
26. 如何确认在一个页面上的停留时间

https://www.cnblogs.com/slly/p/7991474.html
http://www.webhek.com/post/page-visibility.html

27. 如何判断一个变量是不是对象?
28. 说说重汇与重排.
29. Angular2+的AOT与摇树优化
30. JS实现深拷贝
31. 一道rxjs的开放题

https://www.jianshu.com/p/867fe8db2ef7

32. Angular1与Angular2+的比较，react，angular，vue的比较
33. Angular1 $digest, $apply区别，说说$digest循环。
34. 在写angular1的时候，优化性能的一些方法。