Jannie

一、SwiftUI是什么？ 1. 定义： 简单来说，SwiftUI是苹果在 “WWDC-2019”推出的一款全新的“声明式UI” 框架。 拆开看，Swift + UI。（由...

良好习惯。 让大脑和身体充满活力，不再陷入疲于应付的环境。 养成好习惯是走向优秀的基石。 工作前的第一件事：制定清晰的待办事项或工作目标。 给大脑充电，每天3～5次的冥想，...

每个人都有坏习惯，毕竟金无足赤人无完人。 但作为一名开发人员，坏习惯会严重损害工作效率，还会影响周围的人。 杰克·坎菲尔德曾说：“习惯决定未来”。想成为一名真正的开发人员，...

通过在设计和开发之间引入一位中间节— Design Systems Ops ，建立起设计系统，让设计和开发的沟通更好，并增加项目成功的可能性。...

因为 button 元素可以使用 before/after 伪元素，所以借助伪元素，可以实现动态图中的遮盖层。 为了避免回流重绘，滑箱的运动方向是垂直方向，所以使用scal...

近两年互联网人口红利殆尽，获客成本明显提高，C端整体突飞猛进式的增长基本结束。与此同时，互联网开始赋能传统行业，企业对互联网服务需求逐年提升。今年疫情冲击之下，“新基建”迅...

前端动画场景需求多众多，面对这么多花里胡哨的动画需求，这里给大家推荐`10`个比较好用的`js动画库`，轻松实现各种花里胡哨的动画❤️...

前言 在工作中实现的一个元素上下拖拽的动效，给大家分享一下，其中用到了本地存储记录拖拽的历史坐标，用EventBus做了拖拽时锁住点击方法(防止用户在拖拽鼠标松开后触发点击...

【前言】在Web页面中，流畅的过渡动效可以增加用户体验的舒适度，让用户认知过程更为自然，同时恰当的动效也能够引导用户关注重要的信息。在WeGame大屏模式需求场景中，笔者利...

CSS3的动画相关的基础的属性基本都涉猎过了，个人认为，其中最复杂的是d:path()路径变形动画，超过3D，而位移、轨迹、旋转、缩放、斜切什么的，相对简单一些，但作为非动...

-webkit-box-reflect 是一个非常有意思的属性，它让 CSS 有能力像镜子一样，反射我们元素原本绘制的内容。 上一次写它，它的兼容性还非常非常的惨淡，但是到...

效果就更加震撼了，当然canvas实现也有一定的门槛，而且实际使用起来也略微麻烦（所有js实现的通病），这里尝试一下CSS的实现方式。 抛开js方案，还有HTML和CSS实...

JS动效其实属于前端动效的进阶了，因为大部分网页的效果使用简单的css微动效已经能够达到足够的视觉呈现效果，但当我们去浏览一些品牌页面，会发现他们的页面炫酷程度绝对不是简单...

本篇介绍了 Flutter 线条的绘制方法，掌握了线条绘制方法后，可以绘制各类曲线或折线，你也可以做出漂亮的图表效果来。...

在使用手机时，都会或多或少都会接触到 过渡动画 的使用场景。从最基本的页面切换到一个按钮的点击后的常态都是动画的应用场景。这些动画无时无刻不在 优化 （欺骗）着我们的大脑，...

喊上章鱼哥和蟹老板，我们一起去抓水母吧，“水母动画” 是我参加HarmonyOS【挑战赛第三期】的参赛作品。...

杭州的天儿是怎么个事儿啊这些天，热了一个夏天也就算了，上周天秋都立了，雨也下了，老话说的都是秋高气爽，怎么温度还上去了呢！！ 🥵...

以下是正文部分： 效果图 AE 部分 AE 部分开始之前，我们先来分析一下动画效果，可以看到大的层面上，画面的运动分为云朵的移动，星星的闪烁，还有小汽车的运动。 再来分析小...

经过短暂的迭代，起点国际版 PC，iOS，Android，M站都已火速上线，喜大普奔，普天同庆。 一个偏体验的前端程序员，今天要谈的不是代码而是起点国际的动效。 你先体验一...