router作为当前盛行的单页面应用必不可少的部分，今天我们就以React-Router V4为例，来解开他的神秘面纱。本文并不专注于讲解 Reacr-Router V4 的基础概念，可以前往官方文档了解更多基础知识 Q1. 为什么我们有时看到的写法是这样的 Q2. 为什么v4…

本文翻译自《Stay updated in JS fatigue universe》，并对内容有所补充和修改。 我的许多同事都想知道我是如何设法保持最新的状态，并且仍能完成我的日常工作。在这篇文章中，我将分享我的日常生活，并告诉你如何找到有用的信息。 我的许多资源来自twitt…

Redis 是一个内存型「数据库」，除存储之外，它还有许多强大的命令，使之远远超出了数据库的定义，所以官方称之为「data structure store」，数据结构存储系统。 通过 Redis 提供的指令，我们可以实现缓存、消息队列、事件通知、排行榜、库存管理、分布式锁等功能…

蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序，业务复杂度类比Excel等桌面应用，业务前端代码量在几万行～几十万行，随着产品不断完善，破百万指日可待。管理好10万行级甚至百万行级代码的前端应用，是我们团队的核心挑战之一。 团队的架构方案是多个产品经历…

随着前端构架工具的不断发展，提供了很多提高我们的开发体验和开发效率的能力，同时构建已经成为前端技术栈中常见的技术。 webpack 也是众多构建工具中崭露头角一员，早期的 webpack 配置复杂难懂，随着其发展，相关配置也不断简化，性能也不断提高，但是对于深入使用的开发人员，…

最近看到一篇文章，文章讲到输入框有被 注入代码攻击 的危险，自己做了一个小示例，发现确实有这样的情况。 在输入框中输入 <script> alert(0); </script> ，然后提交。 我们会发现没有弹窗，这里没有执行 JavaScript 程序的原因是：HTML 5 中…

由于前端技术的蓬勃发展和你自身的不断努力，很多小伙伴已经打通了任督二脉，做到了前后端通吃。你们就是自己程序世界里的神，在这里你们无所不能，创造世界，制定规则和逻辑。当一个属于你的世界做好后，你需要展示给朋友，发布于众人，让爱你的人欣赏。这时候我们需要一个强有力的服务器作为容器，…

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

最近项目基本都是用 React，今天总结分享 React Component 常见的几种形式，如果你在写 React 时经常不知道怎么拆分代码，这篇文章或许对你有所帮助。 为了更充分理解 React，先搞懂平时写的 JSX 是什么。初学的时候有比较大困惑，这是一门新语言吗？大部…