slidev单文件页面
发表于|更新于
|浏览量:
一个家庭中没有书籍，等于一间房子没有窗子。——约翰森
安装：
1 | npm i -g @slidev/cli |
启动：
1 | slidev slides.md |
对应的文件slides.md
1 |
相关推荐
2023-06-18
CamanJS
过分宽大的法律，不易使人服从；太严厉的法律，则绝少被遵守。——富兰克林 分享一个前端基于canvas的图片js库 http://camanjs.com/ https://github.com/meltingice/CamanJS 安装 1npm install caman 用法： 1234567Caman('#my-image', function () { this.brightness(10); this.contrast(30); this.sepia(60); this.saturation(-30); this.render(); }); html 12345<img data-caman="brightness(10) contrast(30) sepia(60) saturation(-30)" data-caman-hidpi="/path/to/image@2x.jpg" src="path/to/image.jpg&q...
2023-01-17
headroom.js
寡言省谤，寡欲保身——佚名 昨天说到了enquire.js 作者还有一个更加多stars的项目headroom.js，目前有10.9K stars https://github.com/WickyNilliams/headroom.js 官网网址：https://github.com/WickyNilliams/headroom.js 这个项目就是一个简单的头部，往下滑头部会收起来，往上又出现
2023-04-07
sketch.js
生活中，谅解是可以温厚的宽恕；谅解可以换回感情上的损失。——佚名 分享一个前端项目：https://soulwire.github.io/sketch.js 用途是可以做一些鼠标特效，例如其官网有很多例子： https://soulwire.github.io/sketch.js/ 非常的有趣
2021-05-12
vue子组件调用父组件方法
强迫学习的东西是不会保存在心里的。——《柏拉图论教育》 首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button，点击后执行callSuper函数 里面这行this.$emit('parentEvent', '我的');表示 调用在父组件 引用子组件时 传入的事件 例如我这里调用了parentEvent，传入了个“我的”...
2021-07-12
cursor
生命是一个说故事的人，而每一刻间的故事都是新鲜的。——朱光潜 我们有时候会在页面上定义鼠标移入某个元素时的效果 请把鼠标移动到单词上，可以看到鼠标指针发生变化： auto crosshair default e-resize help move n-resize ne-resize nw-resize pointer progress s-resize se-resize sw-resize text w-resize wait 123456789101112131415161718<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">auto</span><br><span style="cursor:crosshair">crosshair</span><br><span style="cursor:default">default</sp...
2023-06-05
js获取当前浏览器是否采用深色主题
荣誉在于劳动的双手。——达芬奇 代码如下： 1window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches 对应的mdn： https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia