20170918 前端开发周报之JS前端开发必看

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

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

https://www./article/123958.htm

2、JavaScript作用域和闭包

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

https://www./article/123959.htm

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

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

https://www./article/123950.htm

4、深入 JavaScript 数组：进化与性能

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

https://www./article/123951.htm

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

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

https://www./article/123962.htm

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

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

https://www./css/577830.html

7、用Web技术实现移动监测

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

https://www./article/123961.htm

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

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

https://www./article/123965.htm

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

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

https://www./article/123966.htm

10、JavaScript中的RegExp对象

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

https://www./article/123956.htm

11、走向 JavaScript 函数式编程

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

https://www./article/123992.htm

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

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

https://www./article/123948.htm

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

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

https://www./article/123946.htm

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

很多人尝试学习 JavaScript ，但是不久就放弃了。然后他们就告诉自己，“JavaScript 太复杂了”，更有甚者说，“我不是前端开发的料”。 这种情况挺让人悲伤的。其实根本不必放弃，所要做的仅仅是换一种不同的学习方法。 在这篇文章中，我们将介绍一些最常见的错误学习方法，并了解如何避免这些错误。许多技巧不仅适用于 JavaScript，甚至可以用到 web 开发上，所以也算是一种福利。

https://www./article/123967.htm

15、Redux 还是 Mobx，让我来解决你的困惑

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

https://www./article/123964.htm

16、为什么我们要做三份 Webpack 配置文件

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

https://www./article/123968.htm

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

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

https://www./article/124002.htm

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

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

https://www./article/124013.htm

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

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

https://www./article/123960.htm

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

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

https://www./css/577842.html

# js  # 前端开发  # 利用Angularjs和Bootstrap前端开发案例实战  # 浅谈JavaScript前端开发的MVC结构与MVVM结构  # JavaScript前端开发之实现二进制读写操作  # 前端开发必须知道的JS之闭包及应用  # 前端开发必须知道的JS之原型和继承  # 是一种  # 尤其是  # 在这  # 适用于  # 要做  # 正则表达式  # 有两种  # 开发工具  # 的是  # 新特性  # 是一个  # 类库  # 就会  # 如果你  # 文档  # 让人  # 会有  # 我在  # 在我  # 还可以 

相关文章： 如何快速搭建虚拟主机网站？新手必看指南  建站之星如何快速更换网站模板？  制作证书网站有哪些,全国城建培训中心证书查询官网？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  建站主机服务器选购指南：轻量应用与VPS配置解析  制作网站哪家好,cc、.co、.cm哪个域名更适合做网站？  建站之星安装后如何自定义网站颜色与字体？  如何在云主机快速搭建网站站点？  再谈Python中的字符串与字符编码（推荐）  如何在万网自助建站中设置域名及备案？  完全自定义免费建站平台：主题模板在线生成一站式服务  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  javascript中的try catch异常捕获机制用法分析  安徽网站建设与外贸建站服务专业定制方案  大连网站设计制作招聘信息,大连投诉网站有哪些？  代购小票制作网站有哪些,购物小票的简要说明？  *服务器网站为何频现安全漏洞？  如何在阿里云ECS服务器部署织梦CMS网站？  在线教育网站制作平台,山西立德教育官网？  Thinkphp 中 distinct 的用法解析  如何用景安虚拟主机手机版绑定域名建站？  如何自定义建站之星网站的导航菜单样式？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  手机怎么制作网站教程步骤,手机怎么做自己的网页链接？  北京建设网站制作公司,北京古代建筑博物馆预约官网？  如何快速生成可下载的建站源码工具？  制作ppt免费网站有哪些,有哪些比较好的ppt模板下载网站？  如何快速生成专业多端适配建站电话？  香港网站服务器数量如何影响SEO优化效果？  黑客入侵网站服务器的常见手法有哪些？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  油猴 教程,油猴搜脚本为什么会网页无法显示？  企业微网站怎么做,公司网站和公众号有什么区别？  linux top下的 minerd 木马清除方法  建站之星安装提示数据库无法连接如何解决？  网站制作大概多少钱一个,做一个平台网站大概多少钱？  建站之星如何取消后台验证码生成？  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面？  企业网站制作公司网页,推荐几家专业的天津网站制作公司？  一键网站制作软件,义乌购一件代发流程？  如何在万网自助建站平台快速创建网站？  如何用PHP快速搭建高效网站？分步指南  电脑免费海报制作网站推荐,招聘海报哪个网站多？  如何配置WinSCP新建站点的密钥验证步骤？  制作网站的公司有哪些,做一个公司网站要多少钱？  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗？  制作门户网站的参考文献在哪,小说网站怎么建立？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  免费视频制作网站,更新又快又好的免费电影网站？  5种Android数据存储方式汇总