菲麦前端周刊第 002 期

前端技术迭代速度之快，让前端从业者应接不暇，甚至焦虑不已，怎么破？加强自己的基础功底，稳住基本盘，以期触类旁通；时刻关注行业前沿资讯，力求速度掌握要领，感兴趣来几个小 demo。没有时间？经济学解决效率问题
原文由此去

菲麦自研

1）钩子函数的运行机理@小虫巨蟹

钩子（hook）就是一些具有既定生命周期的框架工具，在生命周期的各个阶段预留给用户执行一些特定操作的口子，这其实是一种面向切面编程

抽丝剥茧

1）React Diff 算法@睁眼闭眼哦

React 是 facebook 出的一个前端框架. 设计的关键处就是性能问题。在本文中，我主要是介绍 Diff 算法以及 React 渲染 ，这样你可以更好的优化你的应用程序。

2）如果有人问你爬虫抓取技术的门道，请叫他来看这篇文章@5u9ar

web是一个开放的平台，这也奠定了web从90年代初诞生直至今日将近30年来蓬勃的发展。然而，正所谓成也萧何败也萧何，开放的特型、搜索引擎以及简单易学的html、css技术使得web成为了互联网领域里最为流行和成熟的信息传播媒介；但如今作为商业化软件，web这个平台上的内容信息的版权却毫无保证，因为相比软件客户端而言，你的网页中的内容可以被很低成本、很低的技术门槛实现出的一些抓取程序获取到，这也就是这一系列文章将要探讨的话题—— 网络爬虫 。

3）深入浅出 - vue变化侦测原理@berwin

关于变化侦测首先要问一个问题，在 js 中，如何侦测一个对象的变化，其实这个问题还是比较简单的，学过js的都能知道，js中有两种方法可以侦测到变化，Object.defineProperty 和 ES6 的proxy

实践指南

1）3D WebGL入门之几何体@miaoYu

所有的3D模型（或者说网格）可以被分解成一个个的三角形。你可以通过制定顶点的位置来构造几何体，好消息是Three.js提供了一系列方法来帮你创建各种形状。

2）一个炫酷大屏展示页的打造过程@韩永豪

今年的11月初，我们公司参加了「2017年亚洲幼教年会(APEAC)」并取得了很不错的成果。本人有幸负责关于这次展示页的前端开发，特以此文记录开发过程中的关键环节。

前沿资讯

1）“小心！有人在偷看你手机！”谷歌搞了个被偷窥提醒算法@量子位

在地铁上，有没有经常担心旁边或背后有人偷瞄你的手机？现在，谷歌人开发出了一个AI小工具，可以随时提醒你，是sei在偷看你手机。同时马上中断原来界面，保护用户的隐私。

2）Egg 2.0 正式发布，性能提升 30%，拥抱 Async@天猪（刘勇）

Egg 是阿里 Node.js 的核心基础框架，面向『企业级的 Web 基础框架』这个领域，提供了「微内核 + 插件机制 + 框架定制能力」，完美达成生态共建和差异化定制的平衡点

3）PWA 将带来新一轮大前端技术洗牌？@彭星

按照当前的发展趋势，PWA 将会带来 Web App 的大量需求，新一轮大前端技术洗牌很可能近在眼前了。

光荣与梦想

1）城市的繁荣与伟大@理性乐观派

一座城市，一座能称得上是大城市的地方，这里应该有着来自全国各地的人，这里应该是自由和宽容的，不管是在经济层面还是文化环境。人们在这里努力，积极地生活成长，奋斗了半生，酸甜苦辣，结局也各不相同，但即使是所谓的失败者，他们也不会觉得是被任何人有意阻挠了，可以恨运气不佳，但不会有怨气。在每一个当下，他们的奋斗是有盼头的，至少不用担心突然在寒冷的冬天被驱赶。这才是真正的中国梦。这才是一个伟大城市应有的品格。