20170915 前端开发日报-前端开发博客

JavaScript作用域和闭包；JavaScript实现H5自动重连技术；Redux 还是 Mobx，让我来解决你的困惑；你真的会用 Babel 吗?；探索webpack模块以及webpack3新特性；JavaScript中的RegExp对象；前端常见跨域解决方案（全）；Sublime Text 3.0 发布，新 Logo 诸多新特性

JavaScript作用域和闭包作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。我们先从作用域开始。作用域 JavaScript的作用域限定了你可以访问哪些变量。有两种作用域：作用域和闭包在JavaScript里非常重要。但是在我最初学习JavaScript的时候，却很难理解。这篇文章会用一些例子帮你理解它们。我们先从作用域开始。作用域 JavaScript的作用域限定了你可以访问哪些变量。有两种作用域：
JavaScript实现H5自动重连技术断线重连的需求一断线重连原理二游戏内自动重连不刷新三刷新游戏自动重连重连数据Locationreplace重置url重连四实际项目中处理重连机制最后的总结断线重连的需求尤其是手机上，会因为网络的不稳定或者其他原因，导致用户的socket链接断开。这个时候如果直接让玩家退出游戏，重新登录，无疑是非常影响用户体验的事情。…
Redux 还是 Mobx，让我来解决你的困惑原文地址：Redux or MobX: An attempt to dissolve the Confusion 原文作者：rwieruch 我在去年大量的使用了 Redux，但我最近都在使用 Mobx 来做状态（state）管理。似乎现在社区里关于该选什么来替代 Redux 很自…
你真的会用 Babel 吗? 引入这个问题是对自己的发问，但我相信会有很多跟我一样的同学。对于 babel 的使用，近半年来一直停留在与 webpack 结合使用，以及在浏览器开发环境下。导致很多 babel 的包，我都不清楚他们是干嘛的。比如 babel-register，还有 bab
探索webpack模块以及webpack3新特性本文从简单的例子入手，从打包文件去分析以下三个问题：webpack打包文件是怎样的？如何做到兼容各大模块化方案的？webpack3带来的新特性又是什么？一个简单的例子 webpack配置 // webpack.config.js module.expo
JavaScript中的RegExp对象正则表达式（regular expression）是一种表达文本模式（即字符串结构）的方法，有点像字符串的模板，常常用作按照“给定模式”匹配文本的工具。比如，正则表达式给出一个 Email 地址的模式，然后用它来确定一个字符串是否为 Email 地址。JavaScript 的正则表达式体系是参照 Perl 5 建立的。新建正则表达式有两种方法。…
前端常见跨域解决方案（全）什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域： {代码…} 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。什么是同源策略…
《Sublime Text 3.0 发布，新 Logo 诸多新特性》快来看看哟~
在 Node.js 中使用原生 ES 模块原文：Using ES modules natively in Node.js作者： Axel Rauschmayer
用Web技术实现移动监测 | Aotu.io「凹凸实验室」本文将阐述如何通过 Web 技术实现简易的移动监测效果，并附上一些有意思的案例。移动侦测，英文翻译为“Motion detection technology”，一般也叫运动检测，常用于无人值守监控录像和自动报警。通过摄像头按照不同帧
基于虚拟DOM的模板引擎Vdt.js（非前端框架）一个基于虚拟DOM的模板引擎，详情请访问：Documents 功能特性
javascript之模拟类继承前言 ES6时代的来临，使得类继承变得如此的圆滑。但是，你有思考过ES6的类继承模式吗？如何去实现它呢？类继承对于JavaScript来说，实现方式与Java等类语言大不相同。熟悉JavaScript的开发者都清楚，JavaScript是基于原型
HTMLStringParser：自己撸一个Virtual DOM之前先撸一个解析器在我写完《Virtual DOM原理浅易详解》之后，我打算把Virtual DOM的体系拆解开。其中非常重要的一点，是我打算做一个HTML的解析器，在通过fetch抓取到某个网页之后，可以通过这个解析器，快速得到自己想要的数据。而这一部分，是Virtual D
React-router v4.x下的 history的一些知识的学习本文翻译自本文为本人在学习过程中的翻译，如有错误希望指出以及谅解。
#开源项目#【Vue.js 2.0 组件级懒加载方案：Vue Lazy Component】详见： Vue Lazy Component 是由迅雷前端团队出品的 Vue.js 组件级懒加载方案。它支持组件可见或即将可见时懒加载，并且可在加载组件前展示组件骨架，提高用户体验。Demo 地址：
为什么一个网站16%的JS代码属于Facebook？原文： Why 16% of the code on the average site belongs to Facebook, and what that means 作者：Ben Regenspan 翻译：无阻我飞扬摘要：文章介绍了Facebook SDK的特性，解释了为什么一般站点上16%的代码来自Facebook，也给出了一般站点如何降低Facebook SDK代码占有量的方法，以下是译文。根据 BuiltWith…
JavaScript专题之递归JavaScript 专题系列第十八篇，讲解递归和尾递归定义程序调用自身的编程技巧称为递归(recursion)。阶乘以阶乘为例： {代码…} 示意图(图片来自 wwww.penjee.com)：斐波那契数列在《JavaScript专题之函数记…
vue组件开发练习–焦点图切换1.前言 vue用了有一段时间了，开发的后台管理系统也趋于完善，现在时间比较算是有点空闲吧！这个空闲时间我在研究vue的另外的一些玩法，比如组件，插件等。今天，我就分享一个组件的练手项目–焦点图切换组件。这…
翻译 | 玩转 React 表单 —— 受控组件详解原文地址：React.js Forms: Controlled Components 原文作者：Loren Stewart 译者：小 B0Y 校对者：珂珂君本文涵盖以下受控组件：文本输入框数字输入框单选框复选框文本域下拉选择框同时也包含: 表单数据…
CVE-2016-10190 FFmpeg Http协议 heap buffer overflow漏洞分析及利用作者：栈长@蚂蚁金服巴斯光年安全实验室 ———————— 1. 背景 FFmpeg是一个著名的处理音视频的开源项目，非常多的播放器、转码器以及视频网站都用到了FFmpeg作为内核或者是处理流媒体的工具。2016年末paulcher发现FFmpeg三个堆溢出漏
JavaScript 是如何工作的：引擎、运行时间以及回调的概述原文：How JavaScript works: an overview of the engine, the runtime, and the call stack 译者：neal1991 welcome to star my articles-translator , providing you advanced articles translation. Any suggestion, please issue or contact me LICENSE: MIT 随着JavaScrip…
开发者说：HTML5将会成为下一个主流游戏平台原作者：Raul Otaolea 译者：Willow Wu Raul Otaolea是网页平台WiMi5的合作创始人和CEO。在之前的文章中，我回顾了一下前10年网页技术领域的里程碑式进展。目的就是来评估这些技术的成熟度，尝试着预测如果它要演化为游戏平台的话，未来几年要怎么发展。这一次，我打算来谈谈我个人是如何看待HTML5的未来。显…
『翻译』Node.js 调试原文链接：Node.js Debugging 不管在开发中还是部署后，适当的日志记录对于web应用来说非常有用。困难的是如何组织日志代码和输出日志，简单来说：知道每个日志的来源。我最近找到一种实用的组织和优化Node.js调试的方法。创建一个 debug 实例很简单，并且可以为每个文件创建多个 logger ： // Create multipl…
从0实现一个tiny react（三）生命周期从0实现一个tiny react（三）生命周期在给tinyreact加生命周期之前，先考虑组件实例的复用这个前置问题复用组件实例
#前端技术#【ECAMScript 中的浅拷贝和深拷贝】详见：在本文中，作者将与大家分享 ECAMScript 中的浅拷贝和深拷贝的概念、区别及其应用。
现代前端科技解析 —— Redux 及其中间件上篇文章中阐释了我对 Redux 架构及其复杂性的看法，提到了 Redux 本质是一个非常简单易懂的状态管理架构，本文将解析 Redux 的源码，并从零实现一个带有中间件系统的 Redux。注：原始链接: https://www.
你所不知道的 CSS 滤镜技巧与细节本文主要介绍 CSS 滤镜的不常用用法，对提高CSS水平大有帮助。
CSS的诞生 1 HTML
性能优化实战：百万级 WebSockets 和 Go 语言大家好！我的名字叫Sergey Kamardin。我是来自Mail.Ru的一名工程师。这篇文章将讲述我们是如何用Go语言开发一个高负荷的WebSocket服务。即使你对WebSockets熟悉但对Go语言知之甚少，我还是希望这篇文章里讲到的性能优化的思路和技术对你有所启发。 1. 介绍作为全文的铺垫，我想先讲一下我们为什么要开发这…
Node.js v8.5.0 发布，服务器端 JavaScript 运行环境