20170918 前端开发周报之JS前端开发必看
1、用函数式编程对JavaScript进行断舍离
当从业20的JavaScript老司机学会函数式编程时,他扔掉了90%的特性,也不用面向对象了,最后发现了真爱啊!!!
https://www.nhooo.com/article/123958.htm
2、JavaScript作用域和闭包
作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候,却很难理解。这篇文章会用一些例子帮你理解它们。我们先从作用域开始。作用域JavaScript的作用域限定了你可以访问哪些变量。有两种作用域:全局作用域,局部作用域。
https://www.nhooo.com/article/123959.htm
3、JavaScript实现H5自动重连技术
断线重连的需求一断线重连原理二游戏内自动重连不刷新三刷新游戏自动重连重连数据Locationreplace重置url重连四实际项目中处理重连机制最后的总结断线重连的需求。尤其是手机上,会因为网络的不稳定或者其他原因,导致用户的socket链接断开。这个时候如果直接让玩家退出游戏,重新登录,无疑是非常影响用户体验的事情。所以根据这个需求,就有需要程序来实现断线后自动重连回去的技术,是用户能够再次快速开始游戏进行战斗。
https://www.nhooo.com/article/123950.htm
4、深入JavaScript数组:进化与性能
正式开始前需要声明,本文并不是要讲解JavaScript数组基础知识,也不会涉及语法和使用案例。本文讲得更多的是内存、优化、语法差异、性能、近来的演进。在使用JavaScript前,我对C、C++、C#这些已经颇为熟悉。与许多C/C++开发者一样,JavaScript给我的第一印象并不好。
https://www.nhooo.com/article/123951.htm
5、聊聊那些使用前端Javascript实现的机器学习类库
机器学习(MachineLearning)在最近几年绝对称的上是大火,越来越多的公司和资本投入了巨大资源和金钱到这个新上位的技术“新宠”中,尤其是随着更多的各种机器学习相关类库的出现和发展,更多新的技术已经被应用到了机器学习中,现在大家可以看到,Python不再是唯一个老牌机器学习的必用语言,对于现代神经网络(neuralnetworks)语言不再是一个问题,你基本可以使用任何的编程语言,包括今天我们介绍的标准前端开发语言-Javascript
https://www.nhooo.com/article/123962.htm
6、使用CSS的font-size-adjust属性改善网页排版
CSS中的font-size-adjust属性允许开发者基于小写字母的高度指定font-size,这可以有效地提高网页文字的可读性。在这篇文章中,你不仅能了解到font-size-adjust属性的重要性,并且还能学会如何在你的项目中使用它。
https://www.nhooo.com/css/577830.html
7、用Web技术实现移动监测
本文将阐述如何通过Web技术实现简易的移动监测效果,并附上一些有意思的案例。移动侦测,英文翻译为“Motiondetectiontechnology”,一般也叫运动检测,常用于无人值守监控录像和自动报警。通过摄像头按照不同帧率采集得到的图像会被CPU按照一定算法进行计算和比较,当画面有变化时,如有人走过,镜头被移动,计算比较结果得出的数字会超过阈值并指示系统能自动作出相应的处理。
https://www.nhooo.com/article/123961.htm
8、十个免费的web前端开发工具
十个免费的web前端开发工具ByJakeRocheleau网络技术发展迅速,部分技术难以保持每年都有新的工具出现,这同时也意味着许多旧的工具倒在了新技术的发展之路上。
https://www.nhooo.com/article/123965.htm
9、Facebook和GitHub两大巨头联手推出Atom-IDE
今日,GitHub宣布与Facebook合作推出了Atom-IDE——它包括一系列将类IDE功能带到Atom的可选工具包。初次发布的版本包括更智能、感知上下文的自动完成;导航功能,如大纲视图和goto-definition,以及其他有用的功能;还包括错误、警告提醒和格式化文档功能。
https://www.nhooo.com/article/123966.htm
10、JavaScript中的RegExp对象
正则表达式(regularexpression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模板,常常用作按照“给定模式”匹配文本的工具。比如,正则表达式给出一个Email地址的模式,然后用它来确定一个字符串是否为Email地址。JavaScript的正则表达式体系是参照Perl5建立的。新建正则表达式有两种方法。
https://www.nhooo.com/article/123956.htm
11、走向JavaScript函数式编程
详见:走向JavaScript函数式编程本文描述了JavaScript函数式编程的若干重要特征,以及一些实践建议。旨在帮助非函数式编程的同学,能快速切入到函数式编程的理念。
https://www.nhooo.com/article/123992.htm
12、Node.JS中如何快速扫描端口并发现局域网内的Web服务器地址(80)
在Node.JS中进行端口扫描还是比较方便的,一般会有广播和轮询两种方式。即使用广播和扫描,使用广播发出的消息有时会被路由器屏蔽,所以并不可靠。使用node.js中的net模块,可以直接尝试向目录主机的某个端口进行连接,如果能建立连接,则说明该地址存在服务器。
https://www.nhooo.com/article/123948.htm
13、BetterScroll:在移动端滚动场景的应用
BetterScroll是一款重点解决移动端各种滚动场景需求的开源插件(GitHub地址),适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。为了满足这些场景,它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置,让滚动更加流畅,同时还提供了很多API方法和事件,以便我们更快地实现滚...
https://www.nhooo.com/article/123946.htm
14、学习JavaScript:9个常见错误阻碍你进步
很多人尝试学习JavaScript,但是不久就放弃了。然后他们就告诉自己,“JavaScript太复杂了”,更有甚者说,“我不是前端开发的料”。这种情况挺让人悲伤的。其实根本不必放弃,所要做的仅仅是换一种不同的学习方法。在这篇文章中,我们将介绍一些最常见的错误学习方法,并了解如何避免这些错误。许多技巧不仅适用于JavaScript,甚至可以用到web开发上,所以也算是一种福利。
https://www.nhooo.com/article/123967.htm
15、Redux还是Mobx,让我来解决你的困惑
我在去年大量的使用了Redux,但我最近都在使用Mobx来做状态(state)管理。似乎现在社区里关于该选什么来替代Redux很自然地成为了一件困惑的事。开发者不确定该选择哪种解决方案。这个问题并不只是出现在Redux与Mobx上。无论何时,只要存在选择,人们就会好奇最好的解决问题的方式是什么。我现在写的这些是为了解决Redux和Mobx这两个状态管理库之间的困惑。
https://www.nhooo.com/article/123964.htm
16、为什么我们要做三份Webpack配置文件
时至今日,Webpack已经成为前端工程必备的基础工具之一,不仅被广泛用于前端工程发布前的打包,还在开发中担当本地前端资源服务器(assetsserver)、模块热更新(hotmodulereplacement)、APIProxy等角色,结合ESLint等代码检查工具,还可以实现在对源代码的严格校验检查。
https://www.nhooo.com/article/123968.htm
17、前端常见跨域解决方案(全)
什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:{代码...}其实我们通常所说的跨域是狭义的,是由浏览器同源策略限制的一类请求场景。
https://www.nhooo.com/article/124002.htm
18、在Node.js中使用原生ES模块
从版本8.5.0开始,Node.js开始支持原生ES模块,可以通过命令行选项打开该功能。新功能很大程度上得归功于BradleyFarias。
https://www.nhooo.com/article/124013.htm
19、探索webpack模块以及webpack3新特性
本文从简单的例子入手,从打包文件去分析以下三个问题:webpack打包文件是怎样的?如何做到兼容各大模块化方案的?webpack3带来的新特性又是什么?
https://www.nhooo.com/article/123960.htm
20、你所不知道的CSS动画技巧与细节
怕标题起的有点大,下述技巧如果你已经掌握了看看就好,欢迎斧正,本文希望通过介绍一些CSS不太常用的技巧,辅以一些实践,让读者可以更加深入的理解掌握CSS动画。废话少说,直接进入正题,本文提到的动画不加特殊说明,皆指CSS动画。
https://www.nhooo.com/css/577842.html