不知道大家有没有遇到这样的需求或者说看到类似的效果，就是列表进去详情看轮播图的时候，当手指滚动轮播图时轮播的高...度容器会自适应，这样下面的内容就向上挤，滑动的过程会计算高度，释放的时候也会滚到下一张，也会计算对应图片的高度，然后做一个缓动的动画效果。就像下面这张图的样子。

新网站再做，重写了之后考虑的不是那么多花里花哨的，而是简洁好用耐看更快极致，当然这都建立的我以为。这次就再做的...需要图片展示的时候多花点了时间，由于平时工作也没多少时间，闲下来不是打游戏就是写写代码，很难静下心来做一件事情，但这次疫情的原因和政策的大放开，我有幸可以在家里居家办公，顺便也琢磨一点我自己的事情。为了提前拿出来我把这现在用的图片预览插件换成自己写的尝试一下，废话不多说，先看效果。

一般在开发的过程中，很多时候都会有动画夹杂里面，不管是交互上还是体验，对使用者来说都是不错的，但是当我们真正的去写动画的时候又发现并不是那么简单的，涉及到的css 和 js 的计算等一些处理包括边界条件的处理都是比较麻烦，做出来了很多时候也会不尽如人意。可以借鉴使用一下现在很流行，至少前端也有必要去了解的动画 Flip 模式。

前言最近在一个弹窗插件，看了比较多的图片弹窗预览插件源码，有一个弹窗插件也是网站正在用的 fancybox 插...件，看了源码实数写的巧妙，可以说绝大部分插件都是需要 new 一个实例，然后传入参数初始化的，但是这个却可以直接引入就可以点击初始化弹窗，看里面的做法是监听了文档加载事件，再去监听全局点击，判断点击的元素是否含有自定义属性 data-fancybox，然后做一些操作，最后在代码里面实现动态的 new 实例。但是本片不讲插件的处理，说一下点击的获取监听的部分，事件委托。

因为之前一直都是做移动端开发的项目，所以忽视了现在主流的PC上的后台管理端，导致前段时间在重新找工作的时候吃了...个大亏，不是技术上不会，而且PC端确实做的少，存在一些架构或者解决方案的不了解，这就间接的被误认为技术不咋地或者给人感觉不行的错觉...自认为本人还是比较好学的，平时也会看看新技术或者练习一些好玩的代码尝试，对着代码其实也是有热爱和关注的，但就这次的面试经历来说其实是不友好的，第一个本人不善言辞，知道的东西也不会说的很全，第二就是不会夸大吹牛，当然这肯定不好的，但有句话是这样说的 ”唬得住30k，唬不住3k“ ，这也说明很多东西也需要一些表达成分的，再就是项目涉及上，一直以移动为主的话，PC上的管理项目确实有待欠缺。撑着工作之余还是重新沉下心看了先阶段的明星前端框架 vue-element-admin和一些其他比较主流的前端架构实现，自己也写了一个初级的架构。

上文中主要说了一下 Promise 的简单运行，实现了 then 方法的调用以及多个 then 方法的处理，但...是还没有做到如何在使用 then 的形式链式调用，也没有做错误处理，接来下本文就加上错误处理以及没有做的链式调用和 all 方法实现废话不多数，接上文。

前言前段时间网上冲浪的时候发现一个好玩的网站，就这个https://upuptoyou.com/，有意思的是在...选择 play 的时候会填写一句话，输入的文字会创建一张图片里面的小人会举起手来，眼前一亮，有点意思。想着自己能不能也搞一个玩玩，之前项目紧，这次放假花两天时间整一个。