FEX 技术周刊-2015/07/20

业界会议

百度移动云直达号团队技术交流UC专场

http://div.io/topic/1153

• 前端进入跨端时代
• A FUTRUE CALLED WEB-COMPONENTS http://pan.baidu.com/s/1mg7rfTm
• 可编程的NATIVE UI设计与实现 http://pan.baidu.com/s/1dDhgVPf
• 深入HYBIRD开发

[资料]美团技术沙龙启动 O2O架构专场回顾

• http://weibo.com/p/1001603864952376002030
• http://www.slideshare.net/meituan/presentations

美团技术团队在中关村创业大街首次启动了“美团技术沙龙”活动，首场O2O技术架构与实践专题，分别由美团、58到家、滴滴打车的专家来讲述其各自行业领域的架构经验

2015iWeb峰会－上海 7.19

• http://2015.html5dw.com/shanghai

FEX 的此方MM也在大会上分享了HTML5移动页面构建平台技术架构相关内容，精彩不容错过 http://pan.baidu.com/s/1ntost4H

ArchSummit全球架构师峰会 - 深圳 7.17-7.18

• http://sz2015.archsummit.com/
• http://www.stuq.org/ppt/qcon2015/2a5d9377caceed899f1c2d14097285fc

百度 Web 技术专栏

ES Decorators简介

http://efe.baidu.com/blog/introduction-to-es-decorator/

Decorators是ECMAScript现在处于Stage 1的一个提案。当然ECMAScript会有很多新的特性，特地介绍这一个是因为它能够在实际的编程中提供很大的帮助，甚至于改变不少功能的设计。

HTML代码风格检查工具对比

http://efe.baidu.com/blog/comparison-of-html-linting-tool/

本文选择了 Bootlint、AriaLinter、htmllint、HTMLHint 及 htmlcs 这五个目前最活跃的相关项目进行对比。除此之外还存在如 tidy、W3C/Mozilla HTML validator 等工具，但它们专注于 HTML 规范，几乎不涉及代码风格上的检查，这里就不做比较。

深阅读

QuestMobile2015上半年App状况盘点

http://mp.weixin.qq.com/s?__biz=MjM5MDk2NzM0Ng==&mid=208448540&idx=1&sn=6fcc772ea3c481e2b65f7e76a939a7b4#rd

其中包含了最新的 APP 用户使用及留存数据，很值得参考

函数式编程指南

https://github.com/DrBoolean/mostly-adequate-guide

我们一直都说 JavaScript 借鉴了很多函数式编程的思想，然而提到函数式编程，大家的第一印象往往是生涩难懂的，最近在 Github 出现了一本倍受好评的使用 JavaScript 进行函数式编程的书籍，告诉大家如何在日常工作中更好的利用函数式编程的特性。

浅谈移动前端的最佳实践

http://www.cnblogs.com/yexiaochai/p/4219523.html

梳理了移动 Web 的各个库及框架、性能优化方法及 Hybrid 开发实践

Building With Node.js 系列

• At The New York Times https://www.talentbuddy.co/blog/building-with-node-js-at-the-new-york-times/
• At Netflix https://www.talentbuddy.co/blog/building-with-node-js-at-netflix/
• At eBay https://www.talentbuddy.co/blog/building-with-node-js-at-ebay/

Pure-UI

http://rauchg.com/2015/pure-ui/

作者结合项目实践介绍了对 ui 组建实现的思考。

The boring front-end developer

http://thebfed.com/

优秀的前端工程师除了关注最新的酷炫技术，还更关心这些「无趣」的事情。

另外还有人写了一篇 The Cool Front-End Developer 作为回应。

微信公众平台的设计与开发之道

http://www.infoq.com/cn/articles/wechat-design-dev

揭秘微信公众平台中的一些设计细节

曾探：爱JavaScript再多，它也只是生活的一部分（图灵访谈）

http://www.ituring.com.cn/article/199456

AlloyTeam 前端团队的高级工程师曾探访谈

Digging into the TurboFan JIT

http://v8project.blogspot.jp/2015/07/digging-into-turbofan-jit.html

V8 最新 JIT 编译器 TurboFan 的实现细节介绍

ReactEurope Conf 参会感想

https://github.com/dfguo/blog/issues/1

React 带来的革命性创新是前端世界过去几年最激动人心的变化。自从接触 React 以来，我深信 React 会改变客户端开发者（包括前端、iOS 和 Android）的开发体验。这次在巴黎举办的 ReactEurope Conf 大会是继第一次在 Facebook 总部举办后最大的 React 活动。超过10位来自React、GraphQL、Relay 团队的核心技术成员也出席大会进行分享。这次代表 Strikingly（似乎也是国内唯一家公司）去参加，想写下一些参会感想。

Android UXSS阶段性小结及自动化测试

http://drops.wooyun.org/tools/3186

WebView(网络视图)android中加载显示网页的重要组件，可以将其视为一个浏览器。在kitkat（android 4.4）以前使用WebKit渲染引擎加载显示网页，在kitkat之后使用谷歌自家内核chromium。Uxss(Universal Cross-Site Scripting通用型XSS)UXSS是一种利用浏览器或者浏览器扩展漏洞来制造产生XSS的条件并执行代码的一种攻击类型。可以到达浏览器全局远程执行命令、绕过同源策略、窃取用户资料以及劫持用户的严重危害。

Bringing componentization to the web: An overview of Web Components

http://blogs.windows.com/msedgedev/2015/07/14/bringing-componentization-to-the-web-an-overview-of-web-components/

Edge 浏览开始开发对 Web Components 的支持了

Under the hood: Box’s HHVM migration

https://code.facebook.com/posts/1607907626123431/under-the-hood-box-s-hhvm-migration/

Box 迁移到 HHVM 上的实践

The Web’s Cruft Problem

http://developer.telerik.com/featured/the-webs-cruft-problem/

当开发者却越来越喜欢 Web 了的时候，用户越来越讨厌 Web 了……

The disadvantages of Single Page Applications

• http://adamsilver.io/articles/the-disadvantages-of-single-page-applications/
• https://news.ycombinator.com/item?id=9879685

可重点看看 hn 的讨论，赞同这个：As with everything, if you’re going to do SPA, you should do it well.

H5动画60fps之路

http://weibo.com/p/1001603865643593165786

科普了如何利用新特性来提升动画性能，包括如何性能分析。

手机百度云端架构设计与实践

http://www.infoq.com/cn/presentations/design-and-practice-of-mobile-baidu-cloud-architecture-part1

手机百度云端在PHP架构对超级APP的支持方面具有领先技术。 本题目引导传统PHP工程师开拓眼界、提升能力。从传统Web系统工程师的思想开始引导，逐步切入到超级APP的服务端设计模式，循序渐进向读者展示手机百度宏大的云端架构，及其稳定高效迭代和运维的秘密。

解读CSS布局之-水平垂直居中

http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/

这是一个经典话题，似乎有多了一些玩法。

Functor, Applicative, 以及 Monad 的阐释

• http://jiyinyiyong.github.io/monads-in-pictures/
• https://www.youtube.com/watch?v=ZhuHCtR3xq8
• http://www.ruanyifeng.com/blog/2015/07/monad.html

函数式编程的几个重要概念。

How to receive a million packets per second

• https://blog.cloudflare.com/how-to-receive-a-million-packets/
• http://people.netfilter.org/hawk/presentations/LCA2015/net_stack_challenges_100G_LCA2015.pdf

On Linux, how hard is it to write a program that receives 1 million UDP packets per second? Hopefully, answering this question will be a good lesson about the design of a modern networking stack.

PHP vs Node.js 深入讨论

http://mp.weixin.qq.com/s?__biz=MjM5OTMxMzA4NQ==&mid=216864949&idx=2&sn=3d14f14862326266ffff876b1b8bfd2f

其实语言的选择和公司技术栈、应用场景、团队成员状况息息相关。最关键的时，别随便更换语言。还是鸟哥在微博中说的好：“我们要脱离语言之争的低级趣味，把有限的口水喷到更需要灌溉的地方”。

学习笔记：The Log

http://blog.jobbole.com/88301/

这是一篇学习笔记。学习的材料来自Jay Kreps的一篇讲Log的博文。原文很长，但是我坚持看完了，收获颇多，也深深为Jay哥的技术能力、架构能力和对于分布式系统的理解之深刻所折服。同时也因为某些理解和Jay哥观点吻合而略沾沾自喜。

新鲜货

Push notifications

https://curiosity-driven.org/push-notifications

本文简短的介绍了在浏览器端 Push API 与 Notifications API 的使用方法

V8 JavaScript Engine: V8 4.5 release

http://v8project.blogspot.jp/2015/07/v8-45-release.html

4.5 版本的 V8 引擎支持跟多 ES6 特性，并优化了之前性能不好的 with 等特性

Markdown UI

http://jjuliano.github.io/markdown-ui/

像写 Markdown 那样制作响应式 UI

Styleguide

http://hugeinc.github.io/styleguide/index.html

方便维护自己内部样式指南的工具

HHVM 3.8.0

http://hhvm.com/blog/9803/hhvm-3-8-0

WordPress 性能提升了 9.7%

WebVR

http://mozvr.github.io/webvr-spec/webvr.html

Web 虚拟现实规范

Incremental DOM

https://medium.com/google-developers/introducing-incremental-dom-e98f79ce2c5f

通过增量修改 DOM 内容来提升性能，功能类似 Virtual DOM，主要用于前端模板

PostCSS

https://github.com/postcss/postcss

功能强大的 CSS 预处理工具，有很多插件

XHP-JS

https://github.com/hhvm/xhp-js

Hack 中方便调用 JavaScript 的库，不过不是很看好

VexFlow - Music Engraving in JavaScript and HTML5

http://www.vexflow.com/

一个基于JavaScript的乐谱渲染引擎：写代码就可以渲染出漂亮的乐谱，就像用LaTeX渲染公式一样一样的，非常优雅.

WICG: 从头开始设计新一代Web

http://siusin.github.io/translation/WICG/blog/index.html

WICG的目标有：

• 尽可能简单地让开发者提出Web平台新特性，实现《可扩展Web宣言》的精神；
• 提供开发者和实现者的Web平台新特性交流空间；
• 培育新的想法，给没有参与过标准贡献（当然，也包括那些贡献过的!:D）的开发者提供技术指导、必要支持和周到的环境；并且最终把这些想法转化到W3C工作组里进入正式到标准化流程（也就是说，成就一份“W3C正式推荐规范”）；
• 把规范化Web平台新特性的过程变得更现代化（耶！摆脱邮件列表了…除非你真的想用邮件交流）；
• 提供一套法律保障架构，让所有的贡献变得免费和开放。 简而言之，我们希望成为一个立志规范化Web的支持性组织。我们希望能提供你所须的一切帮助，来把你的想法或提案引领到下一阶段。

2015年度开源项目新秀和荣誉榜公布

http://www.freebuf.com/news/72466.html

有很多值得一看的优秀项目

前端MVVM框架Knot.js

http://www.knotjs.com/

又一个轮子，精神可嘉。knotjs和AngularJS等解决的是一样的问题，不过Knot.js有一些非常有用的创新，使之在AngularJS这样的对手面前依旧有不错的吸引力。

faker.js

https://github.com/Marak/faker.js

generate massive amounts of fake data in the browser and node.js

H5交互页编辑器AEditor发布

http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/

AEditor是一个方便广大web开发者进行H5动画交互页开发的工具，开发者可以在AEditor上对交互动画以进行编辑，最终导出页面项目。与面向大众的H5交互页编辑平台（如玉兔，易企秀等）不同的是，AEditor面向开发者，在提供预设动画模式的同时，支持对动画进行帧的编辑，事件通知模型，以及可二次开发的特性，从而让开发者能更灵活地实现各种自定义的动画交互需求。更多类似工具：http://next.36kr.com/posts/collections/61

Writing iOS & Android Apps in Go

https://sourcedna.com/blog/20150712/golang-on-ios.html

竟然还有这么玩的。

数据库内核月报 － 2015 / 07

http://mysql.taobao.org/monthly/2015/07/

Two.js

https://jonobr1.github.io/two.js/

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

产品及其它

你在公司项目里面看到过哪些操蛋的代码

http://www.zhihu.com/question/30776912

一起看看神代码吧。

程序员禅的10条法则

http://mp.weixin.qq.com/s?__biz=MzA3NTIzMzIxNQ==&mid=207997621&idx=1&sn=d70709daabe747be876d8354ce86d042

专注、初学者心态、无我…这本书挺值得期待的。

爱动手的极客，你可能需要这么一个「随身携带」机床

http://mp.weixin.qq.com/s?__biz=MzA5MTMyNTYzNA==&mid=207719385&idx=1&sn=0dbc138c3dc9d17f5e074fa4460a8fb1#rd
极客之选带来了一部大家都可以玩的的数控机床 Pocket NC，它不仅能够解决你因为没有工具而「无从下手」的烦恼，还能让你在家就可以完成小产品的设计。

组建初创团队最常见、最致命的10个大坑

http://mp.weixin.qq.com/s?__biz=MjM5OTAzMjc4MA==&mid=209786824&idx=1&sn=5acfc3fe9b6ff3a001921f1d6d32c2e4

对打造非技术团队也很有借鉴意义。