FEX 技术周刊-2015/07/20
业界会议
百度移动云直达号团队技术交流UC专场
- 前端进入跨端时代
- A FUTRUE CALLED WEB-COMPONENTS http://pan.baidu.com/s/1mg7rfTm
- 可编程的NATIVE UI设计与实现 http://pan.baidu.com/s/1dDhgVPf
- 深入HYBIRD开发
[资料]美团技术沙龙启动 O2O架构专场回顾
美团技术团队在中关村创业大街首次启动了“美团技术沙龙”活动,首场O2O技术架构与实践专题,分别由美团、58到家、滴滴打车的专家来讲述其各自行业领域的架构经验
2015iWeb峰会-上海 7.19
FEX 的此方MM也在大会上分享了HTML5移动页面构建平台技术架构相关内容,精彩不容错过 http://pan.baidu.com/s/1ntost4H
ArchSummit全球架构师峰会 - 深圳 7.17-7.18
百度 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状况盘点
其中包含了最新的 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
优秀的前端工程师除了关注最新的酷炫技术,还更关心这些「无趣」的事情。
另外还有人写了一篇 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 大会是继第一次在 非死book 总部举办后最大的 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
Edge 浏览开始开发对 Web Components 的支持了
Under the hood: Box's HHVM migration
https://code.非死book.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.油Tube.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 深入讨论
其实语言的选择和公司技术栈、应用场景、团队成员状况息息相关。最关键的时,别随便更换语言。还是鸟哥在微博中说的好:“我们要脱离语言之争的低级趣味,把有限的口水喷到更需要灌溉的地方”。
学习笔记: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
一个基于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
又一个轮子,精神可嘉。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条法则
专注、初学者心态、无我…这本书挺值得期待的。
爱动手的极客,你可能需要这么一个「随身携带」机床
极客之选带来了一部大家都可以玩的的数控机床 Pocket NC,它不仅能够解决你因为没有工具而「无从下手」的烦恼,还能让你在家就可以完成小产品的设计。
组建初创团队最常见、最致命的10个大坑
对打造非技术团队也很有借鉴意义。