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


Posted in Javascript onSeptember 18, 2017

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

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

2、JavaScript作用域和闭包

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10、JavaScript中的RegExp对象

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

11、走向 JavaScript 函数式编程

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

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

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

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

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

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

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

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

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

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

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

17、前端常见跨域解决方案(全)

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

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

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

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

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

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

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

Javascript 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
Feb 17 Javascript
JS常用字符串处理方法应用总结
May 22 Javascript
js实现图片和链接文字同步切换特效的方法
Feb 20 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
Express URL跳转(重定向)的实现方法
Apr 07 Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
Apr 18 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
jQuery实现可以扩展的日历
Dec 01 jQuery
React更新渲染原理深入分析
Dec 24 Javascript
Angular中的$watch方法详解
Sep 18 #Javascript
jQuery实现的表格前端排序功能示例
Sep 18 #jQuery
node.js中使用Export和Import的方法
Sep 18 #Javascript
inner join 内联与left join 左联的实例代码
Sep 18 #Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 #Javascript
vue多种弹框的弹出形式的示例代码
Sep 18 #Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 #Javascript
You might like
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
php显示指定目录下子目录的方法
2015/03/20 PHP
举例详解PHP脚本的测试方法
2015/08/05 PHP
PHP实现中国公民身份证号码有效性验证示例代码
2017/05/03 PHP
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
js获得地址栏?问号后参数的方法
2013/08/08 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
javascript Promise简单学习使用方法小结
2016/05/17 Javascript
Google 地图叠加层实例讲解
2016/08/06 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
JS实现的DOM插入节点操作示例
2018/04/04 Javascript
微信小程序日期选择器实例代码
2018/07/18 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
JS typeof fn === 'function' && fn()详解
2020/08/22 Javascript
[00:12]2018DOTA2亚洲邀请赛 sylar表现SOLO技艺
2018/04/06 DOTA
Python cookbook(数据结构与算法)字典相关计算问题示例
2018/02/18 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
Python爬虫实现获取动态gif格式搞笑图片的方法示例
2018/12/24 Python
python数据预处理 :样本分布不均的解决(过采样和欠采样)
2020/02/29 Python
Burt’s Bees英国官网:世界领先的天然个人护理品牌
2020/08/17 全球购物
植树节标语
2014/06/27 职场文书
学生安全责任书模板
2014/07/25 职场文书
开业庆典活动策划方案
2014/09/21 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
2015年党支部公开承诺书
2015/01/22 职场文书
装修公司管理制度
2015/08/05 职场文书
志愿服务心得体会
2016/01/15 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android
九大龙王魂骨,山龙王留下躯干骨,榜首死的最憋屈(被捏碎)
2022/03/18 国漫