20170917 前端开发周报:JavaScript函数式编程、做用域和闭包

一、用函数式编程对JavaScript进行断舍离

当从业20的JavaScript老司机学会函数式编程时，他扔掉了90%的特性，也不用面向对象了，最后发现了真爱啊！！！

https://juejin.im/entry/59b86...

二、JavaScript做用域和闭包

做用域和闭包在JavaScript里很是重要。可是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。咱们先从做用域开始。做用域 JavaScript的做用域限定了你能够访问哪些变量。有两种做用域：全局做用域，局部做用域。

http://www.zcfy.cc/article/ja...

三、JavaScript实现H5自动重连技术

断线重连的需求一断线重连原理二游戏内自动重连不刷新三刷新游戏自动重连重连数据Locationreplace重置url重连四实际项目中处理重连机制最后的总结断线重连的需求。尤为是手机上，会由于网络的不稳定或者其余缘由，致使用户的socket连接断开。这个时候若是直接让玩家退出游戏，从新登陆，无疑是很是影响用户体验的事情。因此根据这个需求，就有须要程序来实现断线后自动重连回去的技术，是用户可以再次快速开始游戏进行战斗。

http://www.uml.org.cn/AJAX/20...

四、深刻 JavaScript 数组：进化与性能

正式开始前须要声明，本文并非要讲解 JavaScript 数组基础知识，也不会涉及语法和使用案例。本文讲得更多的是内存、优化、语法差别、性能、近来的演进。在使用 JavaScript 前，我对 C、C++、C# 这些已经颇为熟悉。与许多 C/C++ 开发者同样，JavaScript 给个人第一印象并很差。

http://www.zcfy.cc/article/di...

五、聊聊那些使用前端Javascript实现的机器学习类库

机器学习（Machine Learning）在最近几年绝对称的上是大火，愈来愈多的公司和资本投入了巨大资源和金钱到这个新上位的技术“新宠”中，尤为是随着更多的各类机器学习相关类库的出现和发展，更多新的技术已经被应用到了机器学习中， 如今你们能够看到， Python再也不是惟一个老牌机器学习的必用语言， 对于现代神经网络（neural networks）语言再也不是一个问题， 你基本可使用任何的编程语言， 包括今天咱们介绍的标准前端开发语言 - Javascript

http://www.igeekbar.com/igeek...

六、使用 CSS 的 font-size-adjust 属性改善网页排版

CSS 中的 font-size-adjust 属性容许开发者基于小写字母的高度指定 font-size ，这能够有效地提升网页文字的可读性。在这篇文章中，你不只能了解到 font-size-adjust 属性的重要性，而且还能学会如何在你的项目中使用它。

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

用Web技术实现移动监测 本文将阐述如何经过 Web 技术实现简易的移动监测效果，并附上一些有意思的案例。移动侦测，英文翻译为“Motion detection technology”，通常也叫运动检测，经常使用于无人值守监控录像和自动报警。经过摄像头按照不一样帧率采集获得的图像会被 CPU 按照必定算法进行计算和比较，当画面有变化时，若有人走过，镜头被移动，计算比较结果得出的数字会超过阈值并指示系统能自动做出相应的处理。

https://aotu.io/notes/2017/06...

八、学习 JavaScript：9 个常见错误阻碍你进步

不少人尝试学习 JavaScript ，可是不久就放弃了。而后他们就告诉本身，“JavaScript 太复杂了”，更有甚者说，“我不是前端开发的料”。 这种状况挺让人悲伤的。其实根本没必要放弃，所要作的仅仅是换一种不一样的学习方法。 在这篇文章中，咱们将介绍一些最多见的错误学习方法，并了解如何避免这些错误。许多技巧不只适用于 JavaScript，甚至能够用到 web 开发上，因此也算是一种福利。

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

九、十个免费的web前端开发工具

十个免费的web前端开发工具 By Jake Rocheleau 网络技术发展迅速，部分技术难以保持 每一年都有新的工具出现，这同时也意味着许多旧的工具倒在了新技术的发展之路上。

https://juejin.im/entry/59b8a...

十、Facebook 和 GitHub 两大巨头联手推出 Atom-IDE

今日，GitHub 宣布与 Facebook 合做推出了 Atom-IDE —— 它包括一系列将类 IDE 功能带到 Atom 的可选工具包。 初次发布的版本包括更智能、感知上下文的自动完成；导航功能，如大纲视图和 goto-definition，以及其余有用的功能；还包括错误、警告提醒和格式化文档功能。

https://juejin.im/entry/59b89...

十一、JavaScript中的RegExp对象

正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，经常用做按照“给定模式”匹配文本的工具。好比，正则表达式给出一个 Email 地址的模式，而后用它来肯定一个字符串是否为 Email 地址。JavaScript 的正则表达式体系是参照 Perl 5 创建的。 新建正则表达式有两种方法。

https://microzz.com/2017/08/2...

十二、走向 JavaScript 函数式编程

详见：走向JavaScript函数式编程 本文描述了 JavaScript 函数式编程的若干重要特征，以及一些实践建议。旨在帮助非函数式编程的同窗，能快速切入到函数式编程的理念。（做者：Jeremy_young）

http://www.jianshu.com/collec...

1三、Node.JS中如何快速扫描端口并发现局域网内的Web服务器地址（80）

在 Node.JS 中进行端口扫描仍是比较方便的，通常会有广播和轮询两种方式。即便用广播和扫描，使用广播发出的消息有时会被路由器屏蔽，因此并不可靠。使用node.js中的net模块，能够直接尝试向目录主机的某个端口进行链接，若是能创建链接，则说明该地址存在服务器。

http://ourjs.com/detail/59b7a...

1四、BetterScroll：在移动端滚动场景的应用

BetterScroll 是一款重点解决移动端各类滚动场景需求的开源插件（ GitHub地址 ），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了知足这些场景，它不只支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了不少 API 方法和事件，以便咱们更快地实现滚...

http://www.tuicool.com/articl...

1五、Redux 仍是 Mobx，让我来解决你的困惑

我在去年大量的使用了 Redux，但我最近都在使用 Mobx 来作状态（state）管理。彷佛如今社区里关于该选什么来替代 Redux 很天然地成为了一件困惑的事。开发者不肯定该选择哪一种解决方案。这个问题并不仅是出如今 Redux 与 Mobx 上。不管什么时候，只要存在选择，人们就会好奇最好的解决问题的方式是什么。我如今写的这些是为了解决 Redux 和 Mobx 这两个状态管理库之间的困惑。

https://segmentfault.com/a/11...

1六、为何咱们要作三份 Webpack 配置文件

时至今日，Webpack 已经成为前端工程必备的基础工具之一，不只被普遍用于前端工程发布前的打包，还在开发中担当本地前端资源服务器（assets server）、模块热更新（hot module replacement）、API Proxy 等角色，结合 ESLint 等代码检查工具，还能够实如今对源代码的严格校验检查。

https://juejin.im/entry/59b8a...

1七、前端常见跨域解决方案（全）

什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另外一个域下的资源，这里跨域是广义的。 广义的跨域： {代码...} 其实咱们一般所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。

https://segmentfault.com/a/11...

1八、在 Node.js 中使用原生 ES 模块

从版本 8.5.0 开始，Node.js 开始支持原生 ES 模块，能够经过命令行选项打开该功能。新功能很大程度上得归功于 Bradley Farias。

https://zhuanlan.zhihu.com/p/...

1九、探索webpack模块以及webpack3新特性

本文从简单的例子入手，从打包文件去分析如下三个问题：webpack打包文件是怎样的？如何作到兼容各大模块化方案的？webpack3带来的新特性又是什么？

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

20、你所不知道的 CSS 动画技巧与细节

怕标题起的有点大，下述技巧若是你已经掌握了看看就好，欢迎斧正，本文但愿经过介绍一些 CSS 不太经常使用的技巧，辅以一些实践，让读者能够更加深刻的理解掌握 CSS 动画。 废话少说，直接进入正题，本文提到的动画不加特殊说明，皆指 CSS 动画。

https://github.com/chokcoco/i...

喜欢这篇文章的朋友，欢迎关注、收藏、分享、评论，帮我上热门，你的支持，是我每日更新的动力！

喜欢前端的朋友能够点击关注一下我，每日分享精彩的前端文章！

今日更多精彩文章：http://caibaojian.com/fe-dail...