vuepress-theme-vdoing-doc
发表于|更新于
|浏览量:
劝说常比强迫更为有效。——伊索
分享vuepress-theme-vdoing的文档站：vuepress-theme-vdoing-doc
GitHub：https://github.com/xugaoyi/vuepress-theme-vdoing-doc
运行：
1 | git clone https://github.com/xugaoyi/vuepress-theme-vdoing-doc.git |
相关推荐
2025-03-18
文本精准对齐
即使饱含泪水，我仍旧将它们擦干；即使不被信任，我仍旧相信。就是这样，也将是这样。——保罗·科埃略的《阿莱夫》 CSS 如何让文本随背景图等比例缩放？背景在响应式布局中，我们经常需要让文本标注准确地贴合背景图，并且在窗口缩放时，文本应 保持相对位置不变，同时等比例缩放。然而，传统的 position: absolute 方式往往会导致文本发生 偏移，影响对齐。 最佳实践：position + transform在 CSS 中，最简单且稳定的方法是结合： 1234position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); 这能确保文本始终居中，不随容器缩放而偏移。 原理解析 position: absolute 确定参考点 文本相对于 position: relative 的父元素 进行绝对定位。 left: 50%; top: 50% 让文本的左上角 位于背景图 50% 的位置。 transform: translate(-50%, -50%) 精准居中 向左移动自身宽度 50% (t...
2022-07-30
ant motion
一个人的行动，比他所说的话，更有详细的表现。——卡耐基 分享一个动画库ant-motion 官方文档：https://motion.ant.design/index-cn 提供的效果也是非常好看 是一个值得一试的动画库
2020-12-25
live2d看板娘之自定义网站篇
失去信用而赚的钱应结算在损失里。——罗马 通过这篇文档配置 首先我们下载项目：项目地址 然后复制到我们项目中 创建页面并放入代码 12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 引用看板娘交互所需的样式表 --> <link href='Pio/static/pio.css' rel='stylesheet' type='text/css'/></head><body><div class="pio-container left"> <d...
2024-01-02
调试js事件小技巧
万人都要将火熄灭，我一人独将此火高高举起。——海子 分享一个js调试事件小技巧 123456789<!DOCTYPE html><html><head> <title>Event Monitor Trigger</title></head><body> <button id="myButton">Click Me</button></body></html> 这里一个按钮，啥都没有 我们运行一下，给它在chrome console里添加事监听 12// 先用选中元素光标选一下按钮，这样$0就会指向按钮monitorEvents($0) 这时候我们触发其任何事件都会有输出 针对某一事件的话就传入该事件 1monitorEvents($0, ["click"])
2023-03-30
图片懒加载（二）
何以息谤？曰：“无辩”。何以止怨？曰：“无争”。——王通 之前写了图片懒加载 今天来一种方式： https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-loading 采取loading="lazy"方式 延迟加载图像，直到它和视口接近到一个计算得到的距离（由浏览器定义）。目的是在需要图像之前，避免加载图像所需要的网络和存储带宽。这通常会提高大多数典型用场景中内容的性能。 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width...
2022-09-24
echarts关系图
交一个读破万卷书邪士，不如交一个不识一字端人——金缨 案例地址：https://echarts.apache.org/examples/zh/editor.html?c=graph&version=5.3.3 点击下方下载示例即可下载： 我这里也根据文档写了个demo： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120<!-- 此示例下载自 https://echarts.apache.org/examples/zh/editor.html?c=graph--><!DOCTYPE html>&l...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog