vue3使用最新版vue-video-player视频组件
注意： 由于增加了对React的支持，vue视频播放器包现在已重命名为@videojs播放器/vue。此外，对Vue的支持也发生了重大变化，该组件的最新版本仅支持Vue3。 上一个版本的vue视频播放器包将在v6.0中发布，它只会重新导出@...
如何使用css实现滚动贴合
网页开发一直在不断的发展，特效也是越来越多。我们经常见到的很多网站会在鼠标滚动的时候，页面会自动贴合到浏览器的顶部或者底部，例如特斯拉的官网这样，使用这种展示方式，既可以突出产品又显得非常酷炫。 以前实现这种滚动特效一般都是通过javasc...
js获取上月开始和结束时间
/** 时间格式化 */ function formatDate(val) { var date = new Date(Number(val)); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date....
压缩网页使用的字体库（附思源黑体精简版）
在做web开发会使用到非标准字体，但是通常在网页中下载的字体库非常大，并且其中大部分都是不常用到的字体。在web项目中运行时会导致缓慢，我们可以通过删除不常用字体的方式减少中文字体库体积。 精简效果 思源黑体是一款可以免费商用的字体，刚好项...
将layer的tips弹窗改为滑过显示（layui）
开发主题时使用了layer组件，在做tooltips时发现layer提供的tips弹窗默认是点击后显示的效果，想改成鼠标滑过显示滑出隐藏该怎么实现呢？可以通过mouseenter和mouseleave事件轻松实现。 注意：需要提前引入lay...
如何将网站设置为灰色（黑白色）
遇到伟人逝世或重大悼念事件时，站长们都会将自己的网站设置为灰色（黑白色），以此来表达我们的悼念之情，那么如何对自己的网站进行设置呢？ 在网页的head标签前加入下面的代码 <style type="text/css"> html...
flex布局内元素无法设置宽度
经常是否FLEX布局会遇到内部的元素无法通过white设置宽度，该如何解决？ display:flex FELX内部的子元素不能直接设置width设置宽度，需要通过flex布局指定宽度 flex:0 0 50px; flex参数说明 1、放...
使用纯CSS3实现简单涂鸦风格边框
这是一款用纯CSS3打造的自定义Tooltip边框的应用，今天的这款Tooltip却可以用CSS3来自定义边框，边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。 下面我们来分享一下实现的方法，主要由HTML...
通过CSS实现圆形动态加载条动画效果
在做前端的时候，常用到进度条显示的效果；长条形的进度条是最常见也是比较简单的，如果想独特一些，用圆形的进度条该怎么实现呢？可以用纯CSS实现吗？ 当然可以的，下面便分享完整的制作过程。 话不多说，先看最终效果图。 （最下方附成品效果源码文件...
