一步走

之前做运营活动的时候，写了一个比较有趣的打开盲盒的交互动画。怎么实现的呢？由此聊聊前端的动画方案，掰一掰Lottie！...

背景 业务需要求上要获取文字的宽度，根据这个来测算表单label和input之间的间距，然后进行label左对齐。 解决方案 怎么获取文字的像素宽度呢，有几种方案。 直接测...

我们经常会遇到这样的需求，根据用户的浏览器来做一些特殊的处理，比如通过浏览器的UA来判断用户的设备，从而给用户提供不同的体验，那它是怎么实现的呢...

在学习Next.js13的新特性时发现部分浏览器已经支持了原生的图片懒加载。前段时间研究了一下这个属性并做个总结。...

我们在日常开发中，常常会写一些自认为不错的代码，然而现实情况是，你这个就是个辣鸡。作为一个程序员，有一个通病就是觉得别人写的代码都是垃圾，自己写的都是优雅的，其实啊，多学习...

详细介绍纯CSS和JS创建漂亮的波浪输入框占位文本动画：逐字显示、颜色渐变和波浪上移的动态效果。为网页提供生动、有趣的输入体验用户在输入时获得更好的视觉反馈。贝塞尔函数给过...

点击微信扫码支付按钮，会弹出扫码支付弹框，在弹框中部显示一个微信支付的二维码。 用户打开微信扫码并支付成功后，就会关闭弹框，弹出成功消息提示，并刷新表格数据，更新对应订单的...

需要一个输入框，支持 KQL 语法，支持智能匹配，前提条件纯前端实现。 该功能详见 kibana es7 版本。有条件的可以去使用一下，感受一番。来，一起去实现一个上千行代...

在之前的文章中，我们在代码里都使用了setup的语法糖，写起来十分简洁方便，但是有些小伙伴对它的用法不是很了解，私信说希望能讲一讲；本文我们就结合typescript，详细...

前言 我们在 vue 项目的目录中经常看到 env 开头的文件，在文件内声明一些变量，这些变量就是一些配置变量，在不同环境下可使用的变量。 环境 项目的运行不止在我们敲代码...

解决前端部署之后，通知用户系统有新版本【version-polling】,设计目的 为了解决前端项目部署之后，如何通知用户系统有新版本，并引导用户刷新页面以加载最新资源的问...

因为大环境不好，增量的前端工作，相比两年前少了一半以上，但还有很多存量的前端项目，需要开发维护，这就需要负责这些工作的前端要足够靠谱。...