先放张最后实现效果图，大家可以看着这个效果，思考一下怎么实现的。 这里会选择按钮初始位置在中间的这种情况来讲解，因为，按钮初始位置在左边的时候就是按钮位置在中间的时候一种状态。 捕获到这些动作后，就可以针对每个动作做相应的处理，最终达到让按钮随手指移动的效果。具体的代码如下 简…

记得去年9月份的时候谷歌在上海有一次开发者大会，去参加的时候关注到了flutter，随后没过多久就发布了1.0版本。18年底的时候用flutter做了个小项目，发现flutter确实挺好用的。于是尝试在公司找个小项目上马，进行混合开发试试。 产物集成： Flutter项目单独开…

默认打开Profiler什么都没有，要点击录制按钮进行记录（跟chrome的performance挺像）。 看上去像一个柱状图，每一个柱子代表一次commit，他的颜色和高度对应执行时长，越高颜色越黄代表时间越长，反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…

在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。 在这篇文章中我将向大家介绍React Native混合开发…

react-router等前端路由的原理大致相同，可以实现无刷新的条件下切换显示不同的页面。路由的本质就是页面的URL发生改变时，页面的显示结果可以根据URL的变化而变化，但是页面不会刷新。通过前端路由可以实现单页(SPA)应用,本文首先从前端路由的原理出发，详细介绍了前端路由…

MobX是前端一个很流行的函数响应式编程，让状态变得简单可扩展。背后的哲学是： 基于观察者的MVVM框架完成了数据到UI的双向绑定。Google2017年也发布了类似思想的MVVM框架ViewModel。MVVM是数据驱动更新的框架，可以很方便地把页面和逻辑抽开，在前端很受欢迎…

1. 对于移动开发来说，可视化开发工具已经是必不可少的了。但是大多数的 iOS 和 Android 开发者，可能都没怎么用过 xCode 或 Android Studio 中的可视化工具。因为觉得通过拖拽组件的方式，在布局的时候，精准度还是会差了一些，而且可能经常会加上一些多余…