前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具库，相比与 lodash，更

众所周知，前端H5中浏览器打开相机打开的是原生相机，无法在相机的界面上覆盖自定义的元素，可以使MediaDevices.getUserMedia媒体流来实现该功能。

页面引导功能是 web 开发中常见的一个功能。通过页面引导功能，你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js

周报将 Web 动画大致分为三类：CSS 动画、SVG 动画 和 WebGL/Canvas 动画。所有的动画将按类别展示，方便读者有针对性的学习。 1. 《3D 折叠收据》 作者：Kriszta 一个制作很精美的 CSS 3D 折叠动画。被折叠的部分其实是两个伪元素，这样可以减…

有时候我们做一个普普通通的后台网站，犯不上惊动UI，就想弄个凑合过得去的登录背景，当然，最好炫酷一点的。 1. WebGL流体模拟 不过，官方的这个不支持ES import，仅支持鼠标点击触发特效，不支持设置背景图片，透明也不是真的透明。 2. 随机微粒（可交互） 3. 随机三角

左右两边的图片比例有点固化，因为一开始就是平分效果，放大是在平分的基础上完成的。所以如果要求左右两边的图片大于整体的三分一，效果就非常不好了。 显示的个数不固定，大屏幕和小屏幕显示的个数一样，即使是使用百分比也不能保证显示的效果一样。 参数不好调整，为了跟设计稿一个大小，调试了…

引入Vue-Awesome-Swiper有两种方式，一种是全局引入，一种是组件内引入。如果你的项目里只有一个地方要用到这玩意，那就在用到的那个页面引入就行，如果多个地方要用到，那就全局引入吧。 配置参数那里，init我是设置的false，我是想在项目挂载完成后，获取到了接口数据…

npm（用的版本3）效果图htmljscss