木羽
> * 原文地址：[React Performance Fixes on Airbnb Listing Pages](https://medium.com/airbnb-engineering/recent-web-performance-fixes-on-airbnb-listing-pages-6cd8d93df6f4) > * 原文作者：[Joe Lencioni](https://medium.com/@lencioni?source=post_header_lockup) > * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner) > * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO/recent-web-performance-fixes-on-airbnb-listing-pages.md](https://github.com/xitu/gold-miner/blob/master/TODO/recent-web-performance-fixes-on-airbnb-listing-pages.md) > * 译者：[木羽 zwwill](https://github.com/zwwill) > * 校对者：[tvChan](https://github.com/tvChan), [atuooo(史金炜)](https://github.com/atuooo) # 针对 Airbnb...
 > 本不想写此引导性博文的，但个人在创建第一个Demo时确实出现了太多坑，且官方并未给出很好但入门引导。顾撰写此文，希望对初学者有所帮助，不至于出现“从入门到弃门而去”的现象。文中若有不当之处，还请不吝指正。 # 开发环境 根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问题，你只需要先选一个平台开始，另一个平台的环境搭建只是稍有不同。 - 开发IOS应用需要MacOS系统 - 开发Android应用，MacOS、Linux、Window均可 下面以IOS开发环境为例进行介绍 ## 必须安装的软件 ### Homebrew [Homebrew](http://brew.sh/), Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。 ``` /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" ``` 译注：在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local...
> * 原文地址：[Announcing Ant Design 3.0](https://medium.com/ant-design/announcing-ant-design-3-0-70e3e65eca0c) > * 原文作者：[Meck](https://medium.com/@yesmeck?source=post_header_lockup) > * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner) > * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO/announcing-ant-design-3-0.md](https://github.com/xitu/gold-miner/blob/master/TODO/announcing-ant-design-3-0.md) > * 译者：[木羽zwwill](https://github.com/zwwill) > * 校对者：[Usey95](https://github.com/Usey95)、 [swants](http://www.swants.cn) # Ant Design 3.0 驾到  > **[Ant...
## 前言 iPhone X 上市也一月有余了，「齐刘海」的设计给全世界的 IOS 和 M 站开发人员出了一道兼容题目，默认效果问题虽不严重，但是足以逼疯强迫症患者。幸得项目「空窗期」，实践下 iPhone X 的适配。还记得之前的一篇文章吗？[《【Weex】网易严选 App 感受 Weex 开发》](https://github.com/zwwill/blog/issues/3)，此处将以此 demo 为基础做展开 Weex 适配。Native 和 H5 的适配此处就不再做赘述了。「专业 IOS 开发同学就当个笑话看看吧，反正你都会，此文是写给不会原生的朋友的」 ## 默认的样子 如果不仔细看，还以为是 iPhone 7...
 # 前言 遇到这种问题实属无奈，前端的浏览器兼容性一直是一个让人头痛的问题 仅以此文记录如此尴尬无奈的一天。拿来替大伙儿解闷T_T # 场景再现 > 同事：快来！快来！线上出问题了！！ > 我：神马?! 咩?! WHAT?! なに?! > 同事：是这次发布造成的吗？ > 我：回滚！回滚！（为什么要在快吃饭的时候掉链子！顾不上肚子了！快查吧） > ...... 一通混乱的对话后只能静下心来“扫雷”了。 回滚、代理、抓包、对比、单因子排查。。。 一套组合拳打完，大概一炷香的时间，终于找到了破绽，竟然是 ajax 同步回调的问题！不合理啊！不应该啊！还有这种操作？！ # 问题复现 ## 一句话概括问题 >...
 # 一句话概要 > Native、Web App、Hybrid、ReactNative（后面以RN简称）、WEEX间的异同点 # APP常用开发模式【简介】 此处APP为应用，application，并非我们通常讲的手机App [常用的几种APP开发模式-脑图](http://naotu.baidu.com/file/6af15fcbb72f89926043779811b1ea44?token=df0378691ecdcef2) ## Native App 传统的原生APP开发模式，有IOS和AOS两大系统，需要各自语言开发各自APP。 **优点**：性能和体验都是最好的 **缺点**：开发和发布成本高 **举个栗子**：[网易管家APP](https://id.163.com/gj/) （Tab1，Tab2） **应用技术**：Swift，OC，JAVA ## WebApp 移动端的网站，常被称为H5应用，说白了就是特定运行在移动端浏览器上的网站应用。一般泛指 SPA(Single Page Application)模式开发出的网站，与MPA（Multi-page Application，再后面做介绍）对应。 **优点**：开发和发布成本最低 **缺点**：性能和体验不能讲是最差的，但也受到浏览器处理能力的限制，多次下载同样会占用用户一定的流量 **举个栗子**：[网易管家APP](https://id.163.com/gj/)（Tab3） **应用技术**：ReactJS，RegularJS等...
 > ReactNative的文档地址有多个，如果你英文够好，就去研读[官方的文档](http://facebook.github.io/react-native/docs/getting-started.html)吧， 如果读原文比较吃力，[中文官网](http://reactnative.cn/docs/0.45/getting-started.html)也是不错的选择。 *下面是我个人记录的一些笔记，仅供初学者入门参考* # 预科 入门React Native前需要了解一下知识，这样能帮助你更快的掌握RN Node：[Node.js 教程](http://www.runoob.com/nodejs/nodejs-tutorial.html) ReactJS：[《React 入门实例教程》](http://www.ruanyifeng.com/blog/2015/03/react.html) ES6：[《ECMAScript 6 入门》](http://es6.ruanyifeng.com/) # 环境 ## 系统环境要求 IOS : ``MacOS``, ``黑苹果`` Android :``MacOS``, ``Linux``, ``Windows`` ## 配置...
## 前言 关于灰度发布的意义此处就不进行介绍了，可以先读下这两篇文章 [《微服务部署：蓝绿部署、滚动部署、灰度发布、金丝雀发布》](https://juejin.im/entry/5bc006376fb9a05d02611804/detail) [《灰度发布：灰度很简单，发布很复杂》](https://juejin.im/entry/5bb99d1af265da0abb144c0f/detail) 灰度方案说白了就是，分配一定比例或者筛选有特殊身份的用户，让这部分用户提前试用产品的最新版本，以便尽早发现问题也可将问题的影响最小化。不同公司都有自己独特的灰度流程，此处仅仅讨论灰度方案中的其中一个小环节，用户分配。 ## 灰度流程  粗粒度灰度流程图（存在细节问题） 粗粒度的流程看上去似乎没有多大问题，但如果往细里考究，就会看到，漏洞百出 - 首次访问的时候无 cookie 必然走 online 集群，但如果命中灰度，接下来的异步请求将被分流到 beta 集群，资源错乱 - beta 集群下 cookie 过期后（浏览器自动清理），接下来的异步请求将会从新被灰度分配，如果未命中灰度，接下来的异步请求将被分流到 online 集群，资源错乱 - 失效时间如果设置较短，则达不到灰度的目的 接下来，优化是必然的 ##...
使用refresh组件时想使用binding绑定外层组件的scroll进行动画，发现ios下list有负值偏移，android没有，两者实现不一致。请问后期是否可以统一。