Html&Css - 随笔分类 - echo_lovely

ruoyi-vue axios通过接口请求wav、mp3音频二进制数据

摘要：实现方式在axios请求中注明responseType: 'blob'，headers的Accept: 'audio/wav'不清楚要不要写，我加上了(请求接口) 在接口返回值中，使用Blob的构造方法将数据转换成Blob对象 (封装Blob对象&形成URL) 将得到的Blob对象通过URL.cr 阅读全文

posted @ 2024-03-04 15:37 echo_lovely 阅读(1112) 评论(0) 推荐(0)

绝对定位和相对定位以及伪元素

摘要：## Code 1. HTML ```HTML 相对定位与绝对定位以及伪元素 ``` 2. CSS ```CSS body { margin: 0; padding: 0; width: 100vw; height: 100vh; /* flex布局：使居中 */ display: flex; al 阅读全文

posted @ 2023-08-24 14:32 echo_lovely 阅读(152) 评论(0) 推荐(0)

axios 发送 form-data 请求和 x-www-form-urlencoded请求以及相关问题

摘要：

axios 发送 form-data 请求和 x-www-form-urlencoded请求以及相关问题阅读全文

posted @ 2023-05-12 09:49 echo_lovely 阅读(1753) 评论(0) 推荐(0)

css的度量单位：px、em、rem、vh、vw、vmin、vmax、百分比

摘要：

css的度量单位 px，像素数量，适用于比较固定的场景，比如边框宽度，分割线宽度 em em：是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；它相对的是父元素的字体大小，如果父元素是根的1.5，当前元素是父元素1.5，则当前元阅读全文

posted @ 2023-04-28 10:55 echo_lovely 阅读(370) 评论(0) 推荐(0)

Javascript 显示当前滚动条滚动的百分比

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>奇奇怪怪的滚动条显示</title> </head> <style> #progress { position: fixed; top: 0; left: 0; height: 3 阅读全文

posted @ 2023-03-17 13:40 echo_lovely 阅读(362) 评论(0) 推荐(0)

javascript addEventListener

摘要：addEventListener EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。 1.1 EventTarget可以是一个文档上的元素 Element、Document 和 Wi 阅读全文

posted @ 2023-03-16 17:58 echo_lovely 阅读(206) 评论(0) 推荐(0)

css 各种居中

摘要：

1. 内部容器居中 flex <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <style> body { width: 100vw; height: 100vh; } .parent{ 阅读全文

posted @ 2023-03-16 10:24 echo_lovely 阅读(21) 评论(0) 推荐(0)

OpenLayers 绘制带箭头的LineString

摘要：

posted @ 2023-03-13 10:46 echo_lovely 阅读(1141) 评论(0) 推荐(0)

openlayers 在地图上绘制矩形框，非鼠标框选

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title data-i18n="resources.title_tiledMapLayer3857"></title> <script type="text/javascript" sr 阅读全文

posted @ 2023-02-23 09:47 echo_lovely 阅读(855) 评论(0) 推荐(0)

div剩余高度自动填充满

摘要：这边采用弹性布局来处理在需要被填充满的div上设置display:flex;，然后根据你所需要填充宽度（flex-direction:column;）高度（flex-direction:row;）设置flex-direction 然后用来填充的div上设置flex: auto <!DOCTYPE 阅读全文

posted @ 2023-02-17 14:18 echo_lovely 阅读(1169) 评论(0) 推荐(0)

当openlayers的地图所在的div的尺寸发生变化后，鼠标滚轮缩放地图发生偏移问题以及地图变形问题解决

摘要：当地图的尺寸发生变化后，要调用map.updateSize()方法，强制使openlayers重新计算地图视口 updateSize() Force a recalculation of the map viewport size. This should be called when third- 阅读全文

posted @ 2023-02-08 10:06 echo_lovely 阅读(1080) 评论(7) 推荐(0)

鼠标移入，图片放大

摘要：

效果之前：之后 Code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <div class="rect"> <img src="https: 阅读全文

posted @ 2022-09-30 14:15 echo_lovely 阅读(557) 评论(0) 推荐(2)

echo

随笔分类 - Html&Css

公告