LemonI

1.柱状图柱状图拆分来看的话，是由两个平行四变形和一个矩形组成，如下：为了让柱状图更加美观，我们加上阴影、和渐变色、缓慢上升的效果：效果图代码链接：pen/KKKEQvy2...

今年刚好是欧阳三十而立之年，虽然没有立起来。这篇文章来聊聊我从一名军工厂电气工程师到某知名互联网公司程序员，这期间我吃饭的家伙都有哪些。...

上周五晚上8点，开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求，并且维护这一块业务的同事已经下班走了，所以只有我来做。虽然内心一万头草泥马在狂奔，...

介绍一个比较常见的动画效果。 在日常开发中，为了强调凸显某些文本或者元素，会加一些扫光动效，起到吸引眼球的效果，比如文本的 或者是一个卡片容器，里面可能是图片或者文本或者任...

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无...

最近有一个需求，要我实现一个动画效果，效果如下 简单分析了一下效果，是一个3d的效果，首先是一个圆，接着是两段圆环，第三层是一堆小圆环，最里面是一些线上运动，有着渐变色的矩...

「庆余年2」 马上就要开播了~最近起点读书APP内上架了庆余年典藏书，最大的特色是里面新加入了全新的阅读皮肤，一个拟物化的卷轴滚动效果，效果如下 就是在拖动页面时，卷轴会随...

今天我们来学习一个有意思的多行文本输入打字效果，像是这样： 这个效果其实本身并非特别困难，实现的方式也很多，在本文中，我们更多的会聚焦于整个多行打字效果最后的动态光标的实现...

需求背景 这几天开发项目，做了一个可滚动的表格，表格用的是公司的组件。正常情况下，一切滚动行为正常。 但，当我通过页面内的操作改变表格高度时，bug出现了！如图，可以清楚的...

很多人在从事企业信息化的工作中，经常会用到word的解析。 有人会纳闷，我们都是用word编辑文字，你却去解析它。你今天必须解释一下，这个解析到底是什么意思？...

消息通知竖向无缝轮播组件的实现！另类的无缝轮播实现方式！！！最近有个需求需要做一个无缝轮播的消息通知，并且需要抽离成通用组件，记录下实现这个组件的历程。...

在古茗日常业务中，经常会给加盟商下发各种资料，例如：奶茶的配方、设备的清洗、卫生的标准等等等。这些资料都是一些内部资料，从信息安全维度不能被泄露和盗取出去。所以会给下发的资...

用相对较简单通俗的话，来解释同异步，宏任务与微任务，事件循环及其机制和执行循序。内附测试小题。贼拉简单，难度不高。...

一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开...

前言 两年的时间都在写 react, 太久没有接触 vue 的项目了，对于其的生态也变的更加的陌生了。 比如： 以前的 vuex，针对 vue3 出来，有所变动，没有了解过...