高级特性完整展示
使用方向键导航 | 按 S 查看演讲者备注 | 按 ESC 查看概览
Fragment 动画
我第三个出现
我第一个出现
我第二个出现
代码高亮
def fibonacci(n):
"""计算斐波那契数列"""
if n <= 1:
return n
return fibonacci(n-1) + fibonacci(n-2)
# 调用示例
result = fibonacci(10)
print(f"第10个斐波那契数是: {result}")
// 定义函数
function greet(name) {
// 生成问候语
const message = `Hello, ${name}!`;
console.log(message);
// 返回结果
return message;
}
自动动画
标题会移动
位置和颜色平滑过渡
let count = 0;
let count = 0;
function increment() {
count++;
console.log(count);
}
increment();
垂直导航
按 ↓ 深入了解各个技术
// 简单的内存缓存
const cache = new Map();
function memoize(fn) {
return (...args) => {
const key = JSON.stringify(args);
if (!cache.has(key)) {
cache.set(key, fn(...args));
}
return cache.get(key);
};
}
// 图片懒加载示例
const images = document.querySelectorAll('img[data-src]');
const imageObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const img = entry.target;
img.src = img.dataset.src;
imageObserver.unobserve(img);
}
});
});
images.forEach(img => imageObserver.observe(img));
数学公式
爱因斯坦的质能方程：$E = mc^2$
勾股定理：$a^2 + b^2 = c^2$
二次方程求根公式：
$$x = \frac{-b \pm \sqrt{b^2-4ac}}{2a}$$
积分示例：
$$\int_{0}^{\infty} e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$$
多种布局
左侧文字说明
"任何足够先进的技术都与魔法无异。"— Arthur C. Clarke
→ / Space |
下一张 |
← |
上一张 |
S |
演讲者视图 |
ESC |
概览模式 |
F |
全屏 |
? |
帮助 |
Reveal.js - 让演示更精彩
📚 文档: revealjs.com
💻 GitHub: github.com/hakimel/reveal.js