前端周报：前端面试题及答案总结；JavaScript参数传递的深

Paste_Image.png

1、2017前端面试题及答案总结

|掘金技术征文 "金三银四，金九银十"，用来形容求职最好的几个月。但是随着行业的饱和，初中级前端er就业形势不容乐观。 行业状态不可控，我们能做的当然只是让自己变得更加具有竞争力。 今年自己也用了几个月的时间来准备笔记面试，巩固基础知识。特此将自己在这个过程总结的题目分享出来，希望对于求职和准备求职的同学有所帮助。

https://juejin.im/post/59be99a0f265da0644289dde

2、两行 JavaScript 代码

最近看到了两行 JavaScript 代码，很受启发。 1. 封装 DOM 属性 在 JavaScript 中，我们可以获取HTML元素的属性值，例如 element.id 。但是，因为 for 和 class 是 JavaScript 中的关键字，所以在 JavaScript 中这两个属性名称分别用 htmlFor 和 className 代替，于是在封装的时候需要先对这两个属性进行特殊判断。

http://www.tuicool.com/articles/vyeQnqr

3、JavaScript参数传递的深入理解

今天看到《JavaScript高级程序设计》里面关于参数传递的章节时，有点懵。本着“打破砂锅问到底”的精神，看了些别人写的博客和知乎上一些大神的解释，算是对参数传递有了个比较全面的了解。在讲参数传递前，先要理解变量在内存中的存放方式。

https://juejin.im/post/59be85735188256bd733cc10

4、新一代Node.js的Web开发框架Koa2

从零开始nodejs系列文章 ，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线更低。

http://www.tuicool.com/articles/22uQjqm

5、前端工程-从原理到轮子之JS模块化

目前，一个典型的前端项目技术框架的选型主要包括以下三个方面： JS模块化框架。(Require/Sea/ES6 Module/NEJ) 前端模板框架。(React/Vue/Regular) 状态管理框架。(Flux/Redux) 系列文章将从上面三个方面来介绍相关原理，并且尝试自己造一个简单的轮子。 本篇介绍的是 JS模块化 。

https://juejin.im/post/59c31a0a6fb9a00a67614596
6、2017 年 9 月：15 个有趣的 JS 和 CSS 库

迎来了金秋 9 月，在这收获的季节，Tutorialzine 又为我们带来了哪些新鲜、有趣的前端资源呢？前端开发者们，一起来看看有木有你需要的前端库。 1. DisplayJS DisplayJS 是一个帮助你渲染 DOM 的简易框架。使用它，你可以更容易地将 JS 变量遍历到特定的 HTML 元素中，类似于 React 或 Vue.js 处理模版的方式...

http://www.jianshu.com/p/ec9ff744eb20

7、HTTP请求中的Form Data与Request Payload的区别

前端开发中经常会用到AJAX发送异步请求，对于POST类型的请求会附带请求数据。而常用的两种传参方式为：Form Data 和 Request Payload。 GET请求 使用get请求时，参数会以key=value的形式拼接在请求的url后面。

https://juejin.im/post/59c1b3c76fb9a00a636a488b

8、浅谈HTML5 Web Worker

Javascript是运行在单线程环境中，也就是说无法同时运行多个脚本。假设用户点击一个按钮，触发了一段用于计算的Javascript代码，那么在这段代码执行完毕之前，页面是无法响应用户操作的。但是，如果将这段代码交给Web Worker去运行的话，那么情况就不一样了：浏览器会在后台启动一个独立的worker线程来专门负责这段代码的运行，因此，页面在这段Javascript代码运行期间依然可以响应用户的其他操作。

https://juejin.im/post/59c1b3645188250ea1502e46

9、Vue.js填坑记

前言 上一篇文章主要介绍了我们团队的「Vue.js项目模板」的搭建过程，这只是第一步。作为新手，在实际开发过程中，还会遇到各种各样奇怪的问题。本文主要介绍问题的原因以及解决方式。

http://www.heeroluo.net/article/detail/138/vuejs-problems-during-usage

10、前端 排序算法总结

排序算法可能是你学编程第一个学习的算法，还记得冒泡吗？ 当然，排序和查找两类算法是面试的热门选项。如果你是一个会写快排的程序猿，面试官在比较你和一个连快排都不会写的人的时候，会优先选择你的。那么，前端需要会排序吗？答案是毋庸置疑的，必须会。现在的前端对计算机基础要求越来越高了，如果连排序这些算法都不会，那么发展前景就有限了。本篇将会总结一下，在前端的一些排序算法。

https://segmentfault.com/a/1190000011294349

11、前端面试题 V2.0

详见： 这是一份集合了多家公司面试题的问答列表，涵盖底层原理、网络知识、性能优化等众多方面的内容，旨在帮助中、高级前端工程师检测知识点掌握情况，了解面试的各种套路。

http://hawx1993.github.io/Front-end-Interview-Questions/#/

12、我从Angular 2转向Vue.js, 也没有选择React

我们曾经不喜欢，现在依然不喜欢的就是Angular 2 默认使用Typescript作为开发语言。我知道Angular 2可以直接使用JavaScript，但是在Angular 2中使用JavaScript几乎等于重写整个项目。我不认为Typescript为开发增加了附加值，甚至更加糟糕了。我发现我们的编码速度反而变慢了。在JavaScript中很简单的事情，比如定义一个对象，如果使用Typescript就会变得复杂。在你决定使用Typescript之前，我强烈建议你读读下面这两篇文章。Typescript并不是每个人的最佳选择。

https://blog.fundebug.com/2017/09/20/why-we-moved-from-angular2-to-vue

13、纯 JS 实现的懒加载器：Lozad.js

详见： Lozad.js 是一个高性能、可配置的纯 JS 实现的懒加载器。它基于 IntersectionObserver API，没有任何依赖，支持动态懒加载添加元素。

https://github.com/ApoorvSaxena/lozad.js

14、Nodejs流学习系列之一: Readable Stream

nodejs网关开发或多或少都会牵扯到流的使用，但每次的使用都是迷迷糊糊、懵懵懂懂，总是踩完坑后才知道怎么使用，所以有必要深入学习一下Nodejs的流。学习是为了实践，因此这篇文章将利用两个很常用的demo来学习理论并实践。本来只打算一篇文章就写完的,后来看官网文档,越看越觉得一篇文章解决不来,于是打算使用3篇文章来阐述清楚nodejs流的原理.

http://tech.dianwoda.com/2017/09/20/nodejsliu-xue-xi-xi-lie-zhi-readable-stream

15、优酷 HTML5 播放器扩展：Youku-HTML5-Player

详见： Youku-HTML5-Player 是一个 Youku HTML5 播放器扩展，帮助你从此告别 Flash 和广告。同时，它具备智能记忆、弹幕、视频下载等功能。

https://github.com/esterTion/Youku-HTML5-Player

16、JavaScript 与 异步编程

按照维基百科上的解释：独立于主控制流之外发生的事件就叫做异步。因为 setTimeout 的存在，至少在被 ECMA 标准化的那一刻起，JavaScript 就支持异步编程了。与其他语言的 sleep 不同，setTimeout 是异步的——它不会阻挡当前程序继续往下执行。然而异步编程真正发展壮大，Ajax 的流行功不可没。Ajax 中的 A（Asynchronous）真正点到了异步的概念——这还是 IE5、IE6 的时代。

https://segmentfault.com/a/1190000011296630

17、Nodejs流学习系列之四: Nodejs流的应用例子

前言 理论花了三篇文章，也算是基本讲完了Nodejs流的一些基础知识，理论是给实践服务的，我们这篇文章也就没有那么多知识了，通过两个小应用来解决我在实际项目中遇到的两个问题。实际情况当然比这里的demo复杂，这里是我简化过的，所以大家清楚解决思路即可，无须纠结内在的一些细节哈。

http://www.tuicool.com/articles/auuyQfJ

18、React Native源码分析原理（二）(基于0.48版本)

上一篇文章大家如果仔细阅读揣摩对RN有了一个初步的认识了，接下来将基于上一篇文章的这种初步认识然我们详细了解一下RN的启动过程

http://www.tuicool.com/articles/BbaYFry

19、Vue:渲染、指令和事件

如果要我用一句话描述使用 Vue 的经历，我可能会说“它如此合乎常理”或者“它提供给我需要的工具，而且没有妨碍我的工作”。每当学习 Vue 的时候，我都很高兴，因为很有意义，而且很优雅。Vue 相比其它框架的优势有: 简洁，提供更多语义化的 API ， 比 React 的表现稍好，不像 Polymer 那样使用 polyfill，相比 Angular 有独立的视图。

http://www.cnblogs.com/nzbin/p/6363827.html

20、html2canvas将HTML内容写入Canvas生成图片

html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当前页面渲染成一个canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。 #前端开发博客#

http://caibaojian.com/html2canvas.html

喜欢这篇文章的朋友，欢迎关注、收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！
喜欢前端的朋友可以点击关注一下我，每日分享精彩的前端文章！

更多文章：http://caibaojian.com/fe-daily-20170924.html

Paste_Image.png