最近看到自如团队发布的自如客APP裸眼3D效果的实现，随即按照自己的思路用 Flutter 实现一遍，本文会着重介绍我在实现过程中的思路和设计，无论是FE/iOS/Android/都可以参考

1. if多条件判断 2. if...else... 3. Null, Undefined, 空值检查 4. foreach循环 5. 函数条件调用 6. switch条件 7. 多行字符串 8. 隐式返回 9. 重复字符串多次 10. 幂乘

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

想法是使 <textarea> 更像 <div>，因此它的高度可以扩展以包含当前值。这几乎是奇怪的，没有一个简单的原生解决方案，不是吗？ 现在我得到了一个非常好的原生解决方案。 诀窍是，你要准确地将 <textarea> 的内容复制到一个可以自动展…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

当程序员谈论开发设计时，常常会聊到非常多的定律，而 GitHub 上的一个名为「hacker-laws」的仓库收录了一些最常见的定律、原则等，获得了 16.5k 的 Star。 还记得所有AI教程必提的「奥卡姆剃刀原则」吗？即：如无必要，勿增实体。 这条原则也被收藏，还有一些不…

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

无论是小程序还是h5飞入购物车无非就是平抛 ，或者是上抛两种情况，对于这两种情况，初中就开始学习抛物线理论知识是完全可以搞定的，高中一年级物理学的自由落体运动，平抛运动就是抛物线理论的具体实现。 此方案的本质就是，根据购物车起点和终点，分别做为抛物线的两点，这样一个感念就是要以…