对于C端业务偏多的公司来说，在增长、运营等各方同学的摧残下永远绕不过去的一个坑就是大量的H5页面开发，它可能是一个下载、需求告知、产品介绍、营销活动等页面。此类需求都有几个明显的缺点： 开发性价比极低、上线时间紧，每次需要指派单独同学支持。 沟通成本高，而业务逻辑高度相似。 有…

有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

一. 前言 对于登录/注册的设计如此精雕细琢的目的，当然是想让这个作为应用的基础能力，有足够的健壮性，避免出现全站性的阻塞。 同时要充分考虑如何解耦和封装，在开展新的小程序的时候，能更快的去复用能力，避免重复采坑。 登录注册这模块，就像个冰山，我们以为它就是「输入账号密码，就完…

微信小游戏是一个不同于浏览器的 JavaScript 运行环境，没有 BOM 和 DOM API。然而pixi.js是用 JavaScript 结合其他 HTML5 技术来显示媒体，创建动画或管理交互式图像。是依赖浏览器提供的 BOM 和 DOM API 的。所以如果要在微信小…

登录，私人Fm，歌单，专辑，歌手，排行榜，MV，视频，评论，搜索，用户，动态，粉丝，关注，云盘，收藏... 路由导向，局部刷新，首页栏目调整并持久化... ... 点击下载应用。 拖动对话框的身影在项目中还是挺常见的，如首页中的栏目调整对话框，收藏歌单等。 然而Ant Desi…

经一位前辈提点，问了一个在Flutter中如何实现瀑布流效果的问题。能力有限，自己实在无法徒手造轮子实现。只能求助github，万幸找到了一个开源的flutter_staggered_grid_view。发现相关资料很少，写篇文章小小的解读一下。 之后使用StaggeredGr…

在我们日常生活中经常使用的App比如微信、微博、QQ等，基本上都是使用首页底部多个Tab可切换页面，加上可侧滑的菜单这种布局方式来组合。基于Flutter的开源中国客户端也是使用这种布局组合来实现的App。本篇要实现的页面效果如下图所示： 下面一步步来完成这个布局框架的搭建。 …

1. 展示舞台 2. Flow出场 3. FlowDelegate出场 4. paintChildren方法和FlowPaintingContext对象 1. paintChild与Matrix4 2. Flow布局的封装 3. 圆形的Flow布局