## 深阅读 **如何用 fis3 来开发 React?** [http://fex.baidu.com/blog/2016/04/develop-react-with-fis3/](http://fex.baidu.com/blog/2016/04/develop-react-with-fis3/) 当下 react + redux + es6 + node_modules 的技术选型非常流行，相信有不少同学都想去尝试，然后 webpack 并不是唯一的选择，用 fis 一样也能支持得很好，你依然可以继续使用 fis 的资源定位、cnd 部署、资源加 md5 戳和 css 雪碧图等其他实用的功能 **React v15.0** [https://facebook.github.io/react/blog/2016/04/07/react-v15.html](https://facebook.github.io/react/blog/2016/04/07/react-v15.html) We would like to thank the React community for reporting issues and regressions in the release candidates on our issue tracker. Over the last few weeks we fixed those issues, and now, after two release candidates, we are excited to finally release the stable version of React 15. **ES6 module loading: More complicated than you think** [https://www.nczonline.net/blog/2016/04/es6-module-loading-more-complicated-than-you-think/](https://www.nczonline.net/blog/2016/04/es6-module-loading-more-complicated-than-you-think/) 本文介绍了 scripts 和 modules 的区别，以及从 parsing 和 loading 这2个方向来解释为什么无法判断出一个js文件是 script 或 module **豆瓣混合开发实践** [http://lincode.github.io/Hybrid-Rexxar](http://lincode.github.io/Hybrid-Rexxar) Hybrid 又要开始 **The Definitive Guide to Linux System Calls** [http://blog.packagecloud.io/eng/2016/04/05/the-definitive-guide-to-linux-system-calls/](http://blog.packagecloud.io/eng/2016/04/05/the-definitive-guide-to-linux-system-calls/) This blog post explains how Linux programs call functions in the Linux kernel. It will outline several different methods of making systems calls, how to handcraft your own assembly to make system calls (examples included), kernel entry points into system calls, kernel exit points from system calls, glibc wrappers, bugs, and much, much more. **我的编程之路** [https://github.com/icepy/_posts/issues/32](https://github.com/icepy/_posts/issues/32) 一位前端工程师的成长之路，坎坷中展现出作者的不平凡之处，这份对技术的热忱和探索精神值得学习。 **淘宝首页性能优化实践** [http://www.barretlee.com/blog/2016/04/01/optimization-in-taobao-homepage/](http://www.barretlee.com/blog/2016/04/01/optimization-in-taobao-homepage/) 代码的性能优化是一个精细活，如果你要在一个庞大的未经优化的页面上做性能优化，可能会面临一次重构代码。本文从淘宝首页个性化引出的问题出发，从微观到宏观讲述了页面的优化实践，提出了几条可以借鉴的「黄金法则」，希望对你有所启发。 **什么是函数式编程思维？** [http://www.zhihu.com/question/28292740/answer/40336090](http://www.zhihu.com/question/28292740/answer/40336090) 函数式编程是一种编程范式，我们常见的编程范式有命令式编程（Imperative programming），函数式编程，逻辑式编程，常见的面向对象编程是也是一种命令式编程。命令式编程是面向计算机硬件的抽象，有变量（对应着存储单元），赋值语句（获取，存储指令），表达式（内存引用和算术运算）和控制语句（跳转指令），一句话，命令式程序就是一个冯诺依曼机的指令序列。而函数式编程是面向数学的抽象，将计算描述为一种表达式求值，一句话，函数式程序就是一个表达式。 **前端通信进阶** [https://segmentfault.com/a/1190000004682473#rd](https://segmentfault.com/a/1190000004682473#rd) 可以了解下前端与服务端交互相关的各种方式 **What are CSS Modules and why do we need them?** [https://css-tricks.com/css-modules-part-1-need](https://css-tricks.com/css-modules-part-1-need) [https://speakerdeck.com/vjeux/react-css-in-js](https://speakerdeck.com/vjeux/react-css-in-js) 最近很火热的CSS 模块化的概念，文中阐述了什么是CSS模块化以及这样做会带来什么好处 **使用Gulp构建网站小白教程** [http://blog.h5jun.com/post/gulp-build.html](http://blog.h5jun.com/post/gulp-build.html) 月影科普 Gulp。 **Moving from HTML Grid Systems to CSS Grid Systems** [http://zellwk.com/blog/from-html-grids-to-css-grids/](http://zellwk.com/blog/from-html-grids-to-css-grids/) In this article, we learned how to move from a HTML-based grid system (that most frameworks Bootstrap provide) to a CSS-based grid system that we coded up. **理解Android进程创建流程** [http://gityuan.com/2016/03/26/app-process-create/](http://gityuan.com/2016/03/26/app-process-create/) 基于Android 6.0的源码剖析， 分析Android进程是如何一步步创建的。 **Angular 2 核心模块剖析** [http://mp.weixin.qq.com/s?__biz=MzIzMzEzODYwOA==&mid=417397225&idx=1&sn=99fc7f7401606c3a47b31b88827c9239](http://mp.weixin.qq.com/s?__biz=MzIzMzEzODYwOA==&mid=417397225&idx=1&sn=99fc7f7401606c3a47b31b88827c9239) 来着 AlloyTeam 的同学的分享。 **利用图片传输数据的另类思路** [https://imququ.com/post/use-image-to-transfer-data.html](https://imququ.com/post/use-image-to-transfer-data.html) 讲了一个利用图片传输数据来绕过 Mixed Content 规范限制，从而实现在 HTTPS 网站中获取 HTTP 接口数据的方案。 **怎么消除JavaScript中的代码坏味道** [https://github.com/gaohailang/blog/issues/5](https://github.com/gaohailang/blog/issues/5) 通过具体例子说明如何优化代码 **微信Android客户端后台保活经验分享** [http://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=403254393&idx=1&sn=8dc0e3a03031177777b5a5876cb210cc](http://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=403254393&idx=1&sn=8dc0e3a03031177777b5a5876cb210cc) 微信在网络方面做了许多细致的工作，很值得参考 **用typescript写react和node是怎样的一种体验** [https://segmentfault.com/a/1190000004880645](https://segmentfault.com/a/1190000004880645) TypeScript 看起来越来越值得尝试了 **4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them** [https://auth0.com/blog/2016/01/26/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/](https://auth0.com/blog/2016/01/26/four-types-of-leaks-in-your-javascript-code-and-how-to-get-rid-of-them/) 作者介绍了几种常见的客户端js代码导致的内存泄露的场景，以及如何用 Chrome 的开发者工具来找到这些问题 **Swift Runtime分析：还像OC Runtime一样吗？** [http://mp.weixin.qq.com/s?__biz=MzA4MjA0MTc4NQ==&mid=403068491&idx=1&sn=c95f07e3d38c92ba56933502cc3e1800#rd](http://mp.weixin.qq.com/s?__biz=MzA4MjA0MTc4NQ==&mid=403068491&idx=1&sn=c95f07e3d38c92ba56933502cc3e1800#rd) 深度解析 Swift 的运行时特性 ## 新鲜货 **Google is said to be considering Swift as a ‘first class’ language for Android** [http://thenextweb.com/dd/2016/04/07/google-facebook-uber-swift/](http://thenextweb.com/dd/2016/04/07/google-facebook-uber-swift/) Google’s Android operating system currently supports Java as its first-class language, and sources say Swift is not meant to replace Java, at least initially. While the ongoing litigation with Oracle is likely cause for concern, sources say Google considers Swift to have a broader “upside” than Java. **Node.js最新Web技术栈（2016年4月）** [https://cnodejs.org/topic/56fdf66ec5f5b4a959e91771](https://cnodejs.org/topic/56fdf66ec5f5b4a959e91771) 有些新东西，喜欢折腾的可以看看 **ES6 Succinctly** [http://kamranahmed.info/blog/2016/04/04/es6-in-depth/](http://kamranahmed.info/blog/2016/04/04/es6-in-depth/) 对ES6的主要新特性和语法做了一个简要的介绍，没接触过的同学可以快速过一遍 **Grunt 1.0.0 released** [http://gruntjs.com/blog/2016-04-04-grunt-1.0.0-released](http://gruntjs.com/blog/2016-04-04-grunt-1.0.0-released) Grunt 坚强的走到了 1.0 版本 **now: realtime node.js deployments** [https://zeit.co/now](https://zeit.co/now) now allows you to take your JavaScript (Node.js) powered websites, applications and services to the cloud with ease, speed and reliability. In practical terms, any directory that contains a package.json file can be transported to the cloud with one command: now. Every time you deploy a project, now gives you a unique URL to it (even before build processes are complete!). These URLs look like this: my-app-sknncqwaoc.now.sh. When it’s time to take your deployment to production, you simply pick an appropriate alias. **Bash on Ubuntu on Windows – Download Now!** [https://blogs.msdn.microsoft.com/commandline/2016/04/06/bash-on-ubuntu-on-windows-download-now-3/](https://blogs.msdn.microsoft.com/commandline/2016/04/06/bash-on-ubuntu-on-windows-download-now-3/) 微软终于在 win10 上支持 bash 了。另附：[逆天的Ubuntu on Windows 10](http://mp.weixin.qq.com/s?__biz=MzA3NTM1MzE4Nw==&mid=402133519&idx=1&sn=3c850fb55842935827fcf755f03d1ac3) **Android Studio 2.0** [http://android-developers.blogspot.com/2016/04/android-studio-2-0.html](http://android-developers.blogspot.com/2016/04/android-studio-2-0.html) Android Studio 2.0 is the fastest way to build high quality, performant apps for the Android platform, including phones and tablets, Android Auto, Android Wear, and Android TV. As the official IDE from Google, Android Studio includes everything you need to build an app, including a code editor, code analysis tools, emulators and more. This new and stable version of Android Studio has fast build speeds and a fast emulator with support for the latest Android version and Google Play Services. **GitLab Pages** [http://pages.gitlab.io/](http://pages.gitlab.io/) 和github pages一样，gitlab pages也问世了 **What’s new in webpack 2** [https://gist.github.com/sokra/27b24881210b56bbaff7](https://gist.github.com/sokra/27b24881210b56bbaff7) 简单的介绍了 webpack 2 的一些新特性 **React Storybook** [https://github.com/kadirahq/react-storybook](https://github.com/kadirahq/react-storybook) [https://voice.kadira.io/introducing-react-storybook-ec27f28de1e2](https://voice.kadira.io/introducing-react-storybook-ec27f28de1e2) React Storybook allows you to develop UI components rapidly without worrying about the app. It will improve your team’s collaboration and feedback loop.You just load your UI components into the React Storybook and start developing them. **react-dropzone** [https://github.com/okonet/react-dropzone](https://github.com/okonet/react-dropzone) Simple HTML5 drag-drop zone for files with React.js. **react-native-desktop** [https://github.com/ptmt/react-native-desktop](https://github.com/ptmt/react-native-desktop) Build OS X desktop apps using React Native and Cocoa. **2016年 最火的 15 款 HTML5 游戏引擎** [http://diycode.cc/topics/16](http://diycode.cc/topics/16) 作者整理了各个游戏引擎目前的 Star 及贡献者数等指标 **Houdini：也许是你从未听过的在CSS领域最令人兴奋的发展** [http://www.w3cplus.com/css/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of.html](http://www.w3cplus.com/css/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of.html) [https://wiki.css-houdini.org/](https://wiki.css-houdini.org/) Houdini是一个新的W3C工作组，他们致力于让这些问题永远消失。他们计划通过引入一整套API来让开发者首次拥有扩展CSS的权利，并且会提供出一套工具来与浏览器的渲染引擎的样式与布局进行挂钩。另附 w3cplus 的一个关于无障碍设计的文章：[WAI-ARIA 无障碍Web规范](http://www.w3cplus.com/wai-aria/wai-aria.html) **Visual Studio Code 使用文档** [http://i5ting.github.io/vsc/](http://i5ting.github.io/vsc/) 适合入门，另附：[VS Code Improves JavaScript Editing Abilities](http://www.infoq.com/news/2016/03/vscode-march) **在Microsoft Word中，Node是如何替代宏的** [http://www.infoq.com/cn/news/2016/04/Node-for-Office](http://www.infoq.com/cn/news/2016/04/Node-for-Office) VBA 终于要挂了 **Sketchpad–A simple sketchpad library.** [http://yiom.github.io/sketchpad/](http://yiom.github.io/sketchpad/) 一款简单的素描库，同时支持在画板中的绘制路径的动画回放 **sed-command-error-on-macos-x** [http://stackoverflow.com/questions/14846304/sed-command-error-on-macos-x](http://stackoverflow.com/questions/14846304/sed-command-error-on-macos-x) 当sed命令在 MAC OS X上运行时，会和linux上不一样，例如 `i`、`c`。所以有可能看着console反复的的报错却不知道自己错在了哪。页面中的第二个答案形象且完美的解决了问题，推荐一下。 **popper.js** [https://github.com/FezVrasta/popper.js/](https://github.com/FezVrasta/popper.js/) Popper.js is a library used to create poppers in web applications. **iphone-inline-video** [https://github.com/bfred-it/iphone-inline-video](https://github.com/bfred-it/iphone-inline-video) Make videos playable inline on Safari on iPhone and iPod touch. **cli-spinners** [https://github.com/sindresorhus/cli-spinners](https://github.com/sindresorhus/cli-spinners) 50多个spinners任你挑选 ## 产品及其它 **做卧底，如何不动声色的毁掉对手的产品** [http://zhuanlan.zhihu.com/p/20726620](http://zhuanlan.zhihu.com/p/20726620) 《人人都是产品经理》作者总过一个话题“如果你到了对手公司做卧底，如何毁掉一个产品”总结了一些产品研发中的反模式，挺值得引以为戒的。 **Vivaldi：可高度定制的先进浏览器** [https://vivaldi.com/](https://vivaldi.com/) Opera 的前 CEO 和创始人 Jon von Tetzchner 正式回来了——带着他新公司 Vivaldi 的新产品——还是个浏览器。Vivaldi 浏览器是为适应用户而生，而非与此相反。你想把标签栏放在屏幕底部或者侧边？或者想把地址栏换个位置？在 Vivaldi 里你可以对此任意设置；此外还有更多可能性：键盘快捷键、鼠标手势…… **iOS App上架流程——记我的第一个项目上架的苦泪史** [http://blog.treney.com/index.php/archives/ToAppStore.html](http://blog.treney.com/index.php/archives/ToAppStore.html) 不得不说 ios app 上架流程的体验真的很一般。 **七年阿里老人谈新人成长** [http://geek.csdn.net/news/detail/65891](http://geek.csdn.net/news/detail/65891) 大神君山的经验之谈，值得学习。不管你是刚走出校园，还是大咖加入新的环境，前期精力都应该放到具体的小事上。先以事服人，再以德服人。 **架构师是什么？** [http://weibo.com/p/1001603961220511224428](http://weibo.com/p/1001603961220511224428) 蔡学镛老师的观点是：简单来说，架构师就是设计架构的专家。软件架构就是「关键」代码的组织与交互方式。 **怀疑精神 – 写给前端小伙伴们的善意提醒** [http://weibo.com/ttarticle/p/show?id=2309403962040120138364](http://weibo.com/ttarticle/p/show?id=2309403962040120138364) 阿当老师又引发了轩然大波，真不容易。感觉这个观点才是文章的关键：对知识的敬畏是必要的基本态度。兼听则明吧，比怀疑精神更重要的是好奇心、探索精神以及独立思考的能力。