带反馈提示的文字复制效果,无依赖,兼容现代浏览器,代码极简,即插即用。
无需任何其他元素辅助,直接一个孤零零的<img>标签就可以实现图像的拉伸效果。
划词评论核心功能的实现,大家可以基于此项目的demo结合自己业务完成最终的开发。
div模拟富文本编辑框,借助tributejs实现,里面有可交互的 @ 提及功能。
很多新人在开发的时候,不注意点击区域的大小,尤其在移动端,这会影响用户的交互体验,所以做了个这样的检测工具,如果有点击事件所在元素的区域太小,就会红色轮廓高亮提醒。
支持连续播放的 MP3/Wav 音频播放器,基于 howler.js 实现
使用纯CSS和HTML <hr>元素实现各式各样的分隔线效果
Polyfill吊炸天的CSS attr()新语法
指定图像在特定范围内高斯模糊,并且模糊的边缘是柔化的,兼容 IE 浏览器
任意元素匹配单复选框元素的checked状态,从而cover绝大多数的点击交互效果,低成本高产出。
兼容 IE 和移动端的极简拖拽效果实现,全局暴露,即插即用
借助废弃的html import语法实现HTML或者其他代码片段的include功能。
判断图像,或者图像部分区域是不是在视觉上接近纯色,ES6+
本项目适用于支持匿名自定义元素,但是不支持内置自定义元素的浏览器场景,主要就是Safari浏览器。
Polyfill CSS offset-path属性中的circle()、ellipse()、inset()、polygon()函数。
借助IntersectionObserver API实现文档标题的自动导航能力,带实验性质,不适合在正式项目中使用。