前端每周清单第 5 期

front-end

Web 前端开发的将来

用户指望上升，咱们构建再也不是页面，而是系统，本机和 Web 之间的界限模糊不清，URL仍然是一个杀手锏，CSS 将更加模块化，CSS 预处理将逐渐消失，精通 HTML 和 CSS 仍然相当重要，构建流程将得到竞争等

经常使用的 ES6 功能简介

若是您尚未频繁使用ES6，这是对七个最有用的概念的全面##### 《现代 JavaScript 教程》：从基础到高级主题，简单但详细的说明

现代 JavaScript 应用程序的解剖

在本文中，我将向您介绍现代 JavaScript。咱们将看看最新的语言发展，并概述当前用于编写前端Web应用程序的工具和技术。 若是你刚刚开始学习这门语言，或者几年没有碰到它，而且想知道你之前知道的 JavaScript 发生了什么，这篇文章是给你的

从 react 切换到 Vue.js

React 和 Vue 相似可乐和百事可乐，在 React 中你能够作的不少，你也能够在 Vue 作。 有一些重要的概念上的差别，其中一些反映了 Angular 对 Vue 的影响

O(logn) 时间复杂度到底该怎么理解

咱们不只要知道算法的复杂性，还要知道知道这样的缘由

chrome dev tools 性能工具大直观

Google 官方出品的 dev tools 性能工具详细介绍，文章比较长，介绍了几乎全部 dev tools 内涵的性能工具，包含如何打开、录制，如何解读结果，发现问题，若是你真的想学会性能诊断，把这个加到学习列表吧

11 个阅读 flexbox 规范的收获

flexbox 很是容易使用 - 它是多年的浮动和清理以后的新鲜空气，我阅读了它的源代码并写下了这篇文章

picodom: 1kb 虚拟 DOM 构建器和补丁算法

Picodom 是一个 1kb 的虚拟 DOM 构建器和补丁算法

Flexbox Cheatsheet：单击将 Flexbox 属性复制到剪贴板

虽然目前不少编辑器都有代码提示，可是这个网页仍是颇有创意的

JavaScript 单元测试框架比较：Jasmine，Mocha，AVA，Tape 和 Jest

在开始新的前端项目时，咱们经常会考虑应该使用哪个单元测试框架，或者考虑应该为哪些代码添加单元测试。而本文则对于经常使用的 Web 开发中的单元测试框架 Jasmie、Mocha、AVA、Tape 以及 Jest 进行了横向对比，而且基于本身的经验给出了不一样应用场景与需求下不一样的单元测试框架选项建议

Vue 2017 现状与展望 | 视频+PPT+速记快速回顾

5 月 20 日，在全球首届 VueConf 上，Vue.js 做者尤雨溪介绍了 Vue.js 2017 的现状，并对 Vue 的将来作了展望。本文是对这次演讲的回顾

back-end

Node.js V8 的重要功能和修复

随着 Node.js 版本 8 的发布（5月30日下午12点发布），咱们得到了最新的 LTS（长期支持）变体，具备一系列新功能和性能改进

如何使用 MongoDB 与 Node.js

这是研究推进现代网络和移动应用程序发展的技术的一系列博客文章中的第二篇

发布可持续集成的可维护的 NPM 模块

您将学习如何构建，测试和发布一个 JavaScript 模块到 NPM，以及如何使用将自动测试和发布新版本的持续集成进行更新。 这篇文章将专一于测试，构建和发布模块，而第二部分将重点关注设置更新模块的持续集成

如何构建和部署多功能 Twitter 机器人

这个机器人从三个例子中拼凑起来，我还将详细介绍如何使用 Zeit 如今的平台将机器人部署到服务器上

使用 ES6 和现代语言工具来编程 MIDI 控制器

为 Mixxx DJ 软件建立灵活且可定制的 MIDI 控制器映射

tad: 用于查看和分析表格数据的桌面应用程序

Tad 是用于查看和分析表格数据（如CSV文件）的桌面应用程序

SQL Source Control：跟踪 SQL Server 数据库的每一个更改

版本控制模式和参考数据，回滚更改，并维护数据库的引用完整性。 解决其余数据库挑战，如部署而不会丢失数据

Hyperloop，让发布简洁高效

Hyperloop 是服务于美团点评客户端的组件发版、持续集成、App 打包构建、资源调度等各个环节的发布调度系统。名称起源于美国 Elon Musk 构想的 Hyperloop 超级高铁，象征着现代、简洁、高效

pix2code：从图形用户界面生成代码截图

pix2code 依赖于深度学习技术未来自于设计师的界面图片转化为 iOS 等客户端中的代码

Tool

Wallaby.js: 集成的 JavaScript 连续测试工具

当您更改代码时，它会当即向其代码编辑器报告代码覆盖率和其余结果。 Wallaby.js 很是快，由于它只执行受代码更改影响的测试，而且并行运行测试。 不管您是作 TDD / BDD 仍是使用其余方法，该工具都能提升生产效率

Chrome devtools 扩展用于调试 Vue.js 应用程序

若是页面使用 Vue.js 的生产/最小化构建，默认状况下将禁用 devtools 检查，所以Vue窗格将不会显示。要使其经过 file：// 协议打开的页面工做，您须要在 Chrome 的扩展管理面板中选中此扩展名的“容许访问文件URL”

Firefox Screenshots: 一个新的 In-Beta Web 屏幕截图工具

屏幕截图变得简单。 拍摄，保存和分享截图而不用离开 Firefox

Visualization

vue-recyclinglerview：用 Vue 渲染大列表的快速方式

掌握大型列表与 vue-recyclinglerview

react-native-animatable: 为 react native 定制的动画库

高仿 animate.css，可是专门为 react native 定制， 各类动画都定义成了组件，动画声明方式也都是声明式的，参数能够直接经过节点 props 来控制

伸缩/挤压的 CSS 文字阴影

寻找灵感，使您的头条脱颖而出？不要再犹豫了！ 这个免费的美丽长文字阴影集合包括字体，颜色和 CSS 代码，以便为您本身的网站呈现。由现代字体发生器 Mixfont 带给您的