Cloudflare 默认代理发往下列 HTTP/HTTPS 端口的流量。 Cloudflare 支持的 HTTP 端口: 80 8080 8880 2052 2082 2086 2095 Cloudflare 支持的 HTTPS 端口: 443 2053 20...
解决vuedraggable与页面样式zoom冲突的问题
vuedraggable毫无疑问很好用,在搭建项目的时候,临时接到一个需求,画布中的元素需要进行缩放 然后问题就来了,在缩小到0.6左右的时候,vuedraggable的拖放失灵了 分析后发现是当画布 使用了zoom:0.6这样的样式...
css实现透明网格背景
.transparent{ background-color: #fff; background-image: linear-gradient( 45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc ), ...
一种适合H5屏幕适配方案
一、动态rem适配方案:适合H5项目的适配方案 1. @media媒体查询适配 首先,我们需要设置一个根元素的基准值,这个基准值通常根据视口宽度进行计算。可以在项目的 CSS 文件中,通过媒体查询动态调整根元素的 f...
【动画进阶】CSS 也能实现完美的文字轮播与图片轮播效果
今天,分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画,配合补间动画实现一个无限循环的轮播效果,像是这样: 看到上述示意图,有同学不禁会发问,这不是个非常简单的位移动画么? 我们来简单分...
【elementplus】解决改变屏幕大小时el-table报错ResizeObserver loop limit exceeded
该报错虽然不影响项目运行,但是影响开发效率,总是弹出报错的黑框很烦人 该报错原因:new ResizeObserver包裹的方法,在布局发生变化时,...
利用Navidrome+Alist动手搭建一个属于自己的音乐服务器
实现方法:Navidrome+Alist,通过alist挂载其他网盘,如阿里云盘,百度云盘等,实现听歌自由。 1.首先需要有一个云服务器或者其他安装了linux的机器,安装好docker,docker安装教程参考(https://doc...
解决KindEditor无法安装flash插件实现图片批量上传
(转载.源代码有修改,复制即可用) 由于现在无法下载使用flash插件,导致KindEditor有的功能丧失,无法使用,本文主要解决图片无法批量上传的问题。 由于公司项目是混编项目,比较老旧且业务复杂,使用KindEd...
【布局技巧】Flex 布局下居中溢出滚动截断问题
在页面布局中,我们经常会遇到/使用这么一类常见的布局,也就是列表内容水平居中于容器中,像是这样: ul class="g-contaner"> li>li> li>li> ul> ul { width: 500px;...
Threejs 地图3D可视化
可以直接去github github.com/1023byte/3Dmap 前言 threejs小练习,从头实现如何加载地理数据,并将其映射到三维场景中的对象上。 获取数据 在开始绘制图形前,需要一份包含地理信息数据,我们可以从阿...