前端阅读笔记 2016-11-25

今天是编辑周刊的日子。所以文章很多和周刊一样。微信不能发链接，点了也木有用，所以请记得“阅读原文”~ 发个动图娱乐下：

使用 SVG 动画制作游戏

使用 GASP 补间动画加 Flexbox、SVG 技术实现一款酷炫狂拽的动画。

Node 模块加载层级优化

Node 加载依赖的探索，并提出了几种解决多级目录依赖的引用方式，在大型项目和命令行开发中非常实用。

如何使用 Vue2.0 开发富交互式 Web 应用

一个是流行的前端框架，一个富交互的在线 PPT 制作平台。它们背后有着怎样不为人知的故事呢？请看奇舞团前端工程师在 SDCC2016 上的分享。

Awesome PWA

渐进式 WebApp 资源荟萃。

解决文字和 text-decoration:underline 下划线重叠问题

曾踩过的坑，曾流过的泪。CSS 下划线那些事儿，不看不知道。

令人印象深刻的 26 个纯 CSS 构建的 Web 项目

太阳系 3D 效果，蒙娜丽莎的微笑，韩式烧烤…… 还有更多你想不到的…… 看看别人家的 CSS 是怎样的~

JavaScript 时间与日期处理实战

一篇详细总结了 JavaScript 中日期与时间细节的文章，另外还顺带讲了下 moment,js。

从 css 谈模块化 - 简书

模块化是现今我们随处都可以听到的一个名词，什么是模块化？为什么我们需要模块化？

Web开发之跨域与跨域资源共享

同源策略（same origin policy）1995年，同源政策由 Netscape 公司引入浏览器。为了防止某些文档或脚本加载别的域下的未知内容，防止造成泄露隐私，破坏系统等行为发生。同源策略做了两种限制:不能通过ajax的方法或其他脚本中的请求去访问不同源中的文档。浏览器中不同域的框架之间是不能进行js的交互操作的。现在所有的可支持javascript的浏览器都会使用这个策略。

Emoji 的编码以及常见问题的解决方法

文章内容如题所示。关于 Emoji，还可以看看《程序员提交代码的 emoji 指南》和《Emoji 可以如何改进你的代码》这两篇文章。

探索 Rx.js：带你开发一个 Github 小应用

一篇 Rx.js 实战教程，跟着做一遍，基本就知道 Rx.js 是怎么回事了。

SAM 模式：构建函数响应式前端架构过程中学到的经验

utm_source=tuicool&utm_medium=referral
SAM 模式的不同之处在于，它主要专注于恰当地实现“应用程序状态突变”。

前端自动化测试解决方案探析

关于前端自动化测试的一些总结对比，基础。

理解 JavaScript 的 async/await

异步编程解决方案 async/await。

Https原理与过程 - AllenWang的个人博客

“http协议属于明文传输协议，交互过程以及数据传输都没有进行加密，通信双方也没有进行任何认证，通信过程非常容易遭遇劫持、监听、篡改，比如我们打开一些http网站时会跳出一些不属于网站本身的弹出广告，这种情况下就是遭遇运营商的流量劫持。严重情况下，会造成恶意的流量劫持等问题。”

2016 年 11 月 12 个轻量级的 JavaScript 库

一起看看本月又涌现出哪些轻量好用的 JavaScript 库。

组件化——前端编程的选择

“在大型软件系统中，web应用的前后端已经实现了分离，而随着REST软件架构的发展，后端服务逐步倾向于微服务，简单来说就是将一个大型后端服务，拆分成多个小服务，它们分别部署，降低了开发的复杂性，而且提高了系统的可伸缩性。而前端方面，随着技术的发展，开发的复杂度也越来越高，传统开发模式总是存在着开发效率低，维护成本高等的弊端。”

Vuex 2.0 源码分析

Vuex 2.0 源码分析

周末愉快~ 欢迎关注微信公众号~