时乐

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画后，可以使用 AE 的扩展程序 Bodymovin 导出一份 JSON 格式的动画数据，然后开发同学可以通…

笔者初次接触微前端在2020年7月，是从同事的口中听说的。虽然不算是一个早期接触者，但是也确实的推动和跟进了内部某大型项目的开发和落地。也希望能把一些走过的坑和一些思考分享给大家。文内所指应用均为PC网页应用。此文不进行移动端M页讨论。 当时网上信息也不是很多，百度搜索微前端的…

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

早上刚上班就被老板甩了截图，原因是老板新买的iphone12页面底部安全区竟然没有适配。 看看自己手里的iphoneX没问题，刚想反驳，理智阻止了我。难道因为没钱买12，连代码都写不好啦。 果断升级iOS 14，发现曾经完美适配iphoneX+的安全区,又出问题了... 刚想甩…

实现1、添加模版文件如：/public/demo.html如：src/pages/demo2/demo2.html2、创建vue.config.js文件3、配置pages字段具体配置可以参考vue-c

在电商产品中（可以打开你的淘宝、天猫、京东App），通过对商品的曝光进行数据埋点，就能反推出用户的行为和交互习惯，从而优化推荐和搜索算法以及交互，最终的目的当然是为了增加用户购买力。 这两种办法都能用，但是getBoundingClientRect这个API是会引起页面回流的，…

我们平常实现的垂直居中不是真正的垂直居中？何出此言！很多时候，往往自己明明正确的实现了垂直居中，但是 UI/UX 依旧说你的垂直居中有问题，然后自己仔细一看确实好像在视觉效果上存在一些偏差，但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解…

最近在恶补css的知识，看到《css揭秘》一书，如获至宝。下面节选一部分笔记。 对于哪些较小的、难以瞄准的控件来说，如果不能把它的视觉尺寸直接放大，将其可点击区域向外扩大也能大幅度提升用户体验。因为一个点来点去都点不到的按钮可不招人喜欢。 只要加上cursor: pointer…

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。 下面分别使用 hash 和 history 两种实现方式回答上面的两个核心…