Java最新程序员写PPT的小技巧，springaop实现原理面试题

2401_84006757

于 2024-05-11 23:15:11 发布

阅读量1k

点赞数 25

分类专栏：程序员文章标签： java 面试学习

本文链接：https://blog.csdn.net/2401_84006757/article/details/138733216

版权

程序员专栏收录该内容

196 篇文章 0 订阅

订阅专栏

最后

无论是哪家公司，都很重视基础，大厂更加重视技术的深度和广度，面试是一个双向选择的过程，不要抱着畏惧的心态去面试，不利于自己的发挥。同时看中的应该不止薪资，还要看你是不是真的喜欢这家公司，是不是能真的得到锻炼。

针对以上面试技术点，我在这里也做一些分享，希望能更好的帮助到大家。

本文已被CODING开源项目：【一线大厂Java面试题解析+核心总结学习笔记+最新讲解视频+实战项目源码】收录

需要这份系统化的资料的朋友，可以点击这里获取

程序员的 PPT 小技巧

居然可以用 js 写 PPT

用powerpoint或者keynote写演示文稿，对于代码、数学公式等的支持一直是个痛点。而且对于前端同学来说，一身的css功力用不上也是个痛点。对于使用markdown来写文档的同学来说，将文档转成ppt需要重新排版也是件重复性的工作量。

于是我们需要一个基于web技术的ppt框架，reveal.js在这个领域成名已久了，而且上个月还有发布新版本，维护得还蛮好，第一步我们就选它了。

▐ 将reveal.js运行起来

首先clone一份reveal.js最新的代码：

git clone https://github.com/hakimel/reveal.js

我们照抄一份index.html，比如叫做study.html：

<!doctype html> reveal.js

Slide 1

Slide 2

在reveal.js目录下运行npm install, 然后运行npm start就可以启动一个server来查看上面的ppt网页。默认使用8000端口，如果被占用了可以通过指定port参数换一个，比如我们换成30800吧：

npm start – --port=30800

然后通过访问浏览器的127.0.0.1:30800/study.html就可以看到我们的ppt啦：

▐ reveal.js step by step

上面这个网页其实挺容易懂的，不用react或vue框架，也不需要配置webpack。其核心内容部分其实非常简单，就是每一页演示文稿对应一个p。

Slide 1

Slide 2

▐ 支持markdown

reveal.js的第一个强大功能是直接可以使用markdown来写演示文稿。在我们上面默认的html模板中已经加载了RevealMarkdown插件。所以我们要做的就是在下面的模板上写markdown就好。

我们来看个例子：

推荐系统的主要算法包括：- 矩阵分解- 线性模型- 树模型- 深度学习模型

生成的幻灯片如下：

▐ 换个主题

如果觉得黑底白字的太丑了，我们可以换个主题。

主题就是个css，在这条语句里引用：

换成dist/theme/下面其它的css主题，或者干脆自己撸一个。

比如改成：

效果变成这样：

▐ 支持数学公式

支持数学公式的js库和插件默认并没有包含在默认模板中，我们需要将其增加进来。

我们先把数学公式库的js引进来：

然后在初始化时Reveal.initialize增加对于数学公式的配置,并且引入cdn上的mathjax库：

Reveal.initialize({hash: true, math: { mathjax:“https://cdn.jsdelivr.net/gh/mathjax/mathjax@2.7.8/MathJax.js”, config: “TeX-AMS_HTML-full”, // pass other options into MathJax.Hub.Config() TeX: { Macros: { RR: “{\bf R}” } }, },

最后，在plugins中增加RevealMath插件：

plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealMath], });

完整的代码如下：

plugins: [RevealMarkdown, RevealHighlight, RevealNotes, RevealMath], });

插件引入之后我们就可以在幻灯片中写公式了。

可以直接在p中写：

\[\begin{aligned} \ MAE(X,h)=\frac{1}{m} \sum_{i=1}^m|h(x^i)-y^{(i)}| \ \end{aligned} \]

也可以嵌入到markdown中：

$MAE(X,h)=\frac{1}{m} \sum_{i=1}^m|h(x^i)-y^{(i)}|$

出来的效果是这样的：

▐ 代码高亮

代码高亮默认是支持的，我们可以在markdown里面用```来使用：

显示出来的效果如下：

也可以直接使用html的pre和code标签来显示：

                    model.compile({                optimizer: tf.train.sgd(0.000001),                loss: 'meanSquaredError'            });

return model.fitDataset(flattenedDataset, { epochs: 10, callbacks: { onEpochEnd: async (epoch, logs) => { console.log(epoch + ‘:’ + logs.loss); } } });

显示的效果如下：