2024年前端最全Vue进阶（幺零三）：Markdown 基本语法_vue解析markdown语法，阿里面试提问

最新推荐文章于 2024-09-13 21:42:36 发布

2401_84619565

最新推荐文章于 2024-09-13 21:42:36 发布

阅读量619

点赞数 17

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

本文链接：https://blog.csdn.net/2401_84619565/article/details/138764023

版权

程序员专栏收录该内容

92 篇文章 1 订阅

订阅专栏

最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

大厂面试题

面试题目录

这是引用的内容

六、分割线

三个或者三个以上的 - 或者 * 都可以。

示例：

---
----
***
*****

效果如下：

可以看到，显示效果是一样的。

七、图片

语法：

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加
示例：

![blockchain](https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/
u=702257389,1274025419&fm=27&gp=0.jpg “区块链”)
效果如下：
在这里插入图片描述
markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题，需要用图床，提供统一的外链，这样就不用在不同的平台去处理图片的问题了。才能做到书写一次，各处使用。

八、超链接

语法：

[超链接名](超链接地址 "超链接title")
title可加可不加

示例：

[简书](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)
[百度](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

效果如下：

简书
 百度

注：Markdown本身语法不支持链接在新页面中打开，如果想要在新页面中打开的话可以用html语言的a标签代替。

<a href="超链接地址" target="\_blank">超链接名</a>

示例

<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="\_blank">简书</a>

九、列表

无序列表
语法：
无序列表用 - + * 任何一种都可以

- 列表内容
+ 列表内容
* 列表内容

注意：- + * 跟内容之间都要有一个空格。

效果如下：

列表内容
列表内容

有序列表
语法：
数字加点

1. 列表内容
2. 列表内容
3. 列表内容

注意：序号跟内容之间要有空格
效果如下：

列表内容
列表内容
列表内容

列表嵌套
上一级和下一级之间敲三个空格即可

一级无序列表内容
- 二级无序列表内容
- 二级无序列表内容

一级有序列表内容

1.1 二级无序列表内容
1.2 二级无序列表内容
1.3 二级无序列表内容

十、表格

语法：

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。

有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略
示例：

姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

效果如下：

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

十一、代码

语法：
单行代码：代码之间分别用一个反引号包起来

`代码内容`

代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

(```)
  代码...
  代码...
  代码...
(```)

注：为了防止转译，前后三个反引号处加了小括号，实际是没有的。这里只是用来演示，实际中去掉两边小括号即可。

示例：

单行代码

`create database hero;`

代码块

    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();

效果如下：

单行代码

create database hero;

代码块

    function fun(){
         echo "这是一句非常牛逼的代码";
    }
    fun();

十二、流程图

```mermaid
flowchat
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

效果如下：

总结

三套“算法宝典”

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

28天读完349页，这份阿里面试通关手册，助我闯进字节跳动

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

https://i-blog.csdnimg.cn/blog_migrate/cd7aee4bbd4deb9e474295f486aea089.png)

算法刷题LeetCode中文版（为例）