给网站加一个图片预览的功能。

,热度48 °C

${_.title}

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

前端使用 Flip 做元素动画思路。

,热度19 °C

${_.title}

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

JS 事件委托你可能不知道的一些事情。

,热度25 °C

${_.title}

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

UPUP举牌小人生成器。

,热度209 °C

${_.title}

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