课多周刊第3期_html/css_WEB-ITnose

请允许我召唤神龙：wwdc召开发布了新的 safari 10.0 新特性，越来越像理想中的浏览器了。

CSS

• 【译】用 CSS 隐藏页面元素的 5 种方法

为什么我们要有这么多技术来隐藏元素，而它们看起来都实现的是同样的效果？阅读完这篇文章你就明白。

• 瞅瞅Facebook是怎么保证CSS代码质量的

本文讲述了FB是通过哪些方式来保障CSS代码质量的，值得借鉴。

• Flexbox adventures

讲解Flexbox的运用，很有意思。

Javascript

• 设计模式—状态模式在web 前端中的应用

什么是状态模式，以及状态模式帮助我们解决了什么问题。

立即学习“前端免费学习笔记（深入）”；

• 抽象语法树在 JavaScript 中的应用

典型的例子：Babel。在计算机科学中，抽象语法树（abstract syntax tree 或者缩写为 AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。树上的每个节点都表示源代码中的一种结构。之所以说语法是「抽象」的，是因为这里的语法并不会表示出真实语法中出现的每个细节。

• 编写“纯粹”的JavaScript代码

铭记这些原则，并明智地运用它们，你的代码可以变得更加可靠，这就是编写“纯粹”的JavaScript代码。

Lumen5

一个在线视频创建平台，AI将博客文章转换成视频

105

查看详情

• 「大概可能也许是」目前最好的 JavaScript 异步方案 async/await

构建一个应用程序总是会面对异步调用，不论是在 Web 前端界面，还是 Node.js 服务端都是如此，且让我们看一看async和await。

React && React Native

• React Native 从入门到原理

本文分为两个部分：上半部分用通俗的语言解释了相关的名词，重点介绍 React Native 出现的背景和试图解决的问题，适合新手对 React Native 形成初步了解。

• redux middleware 详解

这是 redux 作者 Dan 对 middleware 的描述，middleware 提供了一个分类处理 action 的机会，在 middleware 中你可以检阅每一个流过的 action，挑选出特定类型的 action 进行相应操作，给你一次改变 action 的机会。

Node.js

• 深入理解Node.js：核心思想与源码分析

Node.js 的源码分析，基于node v6.0.0。源码分析包括（libuv, v8）, 需要有一定的 C、C++基础。

HTML5

• 视频播放的那些事

现在直播那么火，说不定你用的上。

工具

• JavaScript 堆内存分析新工具 OneHeap

OneHeap 关注于运行中的 JavaScript 内存信息的展示，用可视化的方式还原了 HeapGraph，有助于理解 v8 内存管理。

• 使用原理视角看 Git

非常入门的读物，建议每个开发者都要熟练使用Git。

• npm 搜索引擎

比官方还好用的npm包搜索引擎。