Vue进阶（幺零三）：Markdown 基本语法
文章目录
- 一、前言
- 二、页面内跳转
- 三、标题
- 四、字体
- 五、引用
- 六、分割线
- 七、图片
- 八、超链接
- 九、列表
- 十、表格
- 十一、代码
- 十二、流程图
一、前言
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。
相比WYSIWYG编辑器
优点：
- 因为是纯文本，所以只要支持
Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。- 操作简单。比如:
WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可。
缺点：
- 需要记一些语法（当然，很简单。）。
- 有些平台不支持
Markdown编辑模式。
二、页面内跳转
页面内跳转非常实用，在文档描述过程中经常会关联到页面内的其他章节内容，为了方便读者阅读，会需要添加页面跳转的功能；除此之外，页面内跳转，也可以用来手动制作目录。
实现页面跳转的方式也挺简单，可以实现跳转到任意标号的标题，但是也是非常的讲究，否则会出现无法跳转的情况。页面跳转的标记格式如下：
[显示的内容](#标题标号-标题文本)
注意要点:
[]中括号填写需要在页面上显示的内容；()小括号内部声明跳转目标标题，以#开头，标题题号如果包含.、下划线直接忽略掉，标题文本中如果有空格，使用-横杠符号替代，标题文本中的大写字母转换成小写。
小技巧
Vue进阶（幺零三）：Markdown 基本语法相关推荐
- Vue 进阶系列（一）之响应式原理及实现
Vue进阶系列汇总如下,欢迎阅读. Vue 进阶系列(一)之响应式原理及实现 Vue 进阶系列(二)之插件原理及实现 Vue 进阶系列(三)之Render函数原理及实现 什么是响应式Reactivit ...
- Vue进阶（幺柒零）：前端用户体验提升（四）应用 rem/em 实现字体自适应
文章目录 一.前言 二.em 继承的例子 三.实际应用 3.1 使用 em 单位 3.2 通常不使用 em 单位控制字体大小 四.使用 rem 单位 五.小贴士 5.1 始终使用 rem 单位做媒体查 ...
- Vue进阶（幺贰零）：父组件获取子组件验证结果
文章目录 一.前言 二.代码实现 三.拓展阅读 一.前言 在开发Vue项目过程中,代码复用之自定义组件是常做事情.当子组件为form表单的时候,父组件需要获取子组件(表单)的验证结果. 尽管有 pro ...
- Vue进阶（幺捌零）：JS 向 Vue 传值
文章目录 一.前言 二.思路 三.代码实现 四.效果 五.拓展阅读 一.前言 项目开发过程中,组件通过render()函数渲染生成,并在组件内部定义了自定义拖拽指令.自定义拖拽指令实现了用户可以进行元 ...
- Vue进阶（幺零二）：面试必备：2023 Vue经典面试题整理（含答案）
组件之间的数据传递 自定义组件 ES6 Promise 用法 VUE输入框事件监听blur与change的差异 Vuex之理解Mutations 与 Vuex 的第一次接触 vue中created.m ...
- Vue进阶（幺陆零）：el-table之show-overflow-tooltip 属性不生效
问题描述 在使用el-table表格时,有时会用到show-overflow-tooltip属性,即当单元格内容不能完全显示时显示tooltip文字提示,并且单元格里的内容显示省略号.但是在ie浏览器 ...
- Vue进阶（幺捌柒）：vue项目build报错的解决办法（ERROR in static/js/***.js from UglifyJs）
文章目录 一.前言 二.问题分析 三.问题解决 四.拓展阅读 一.前言 Vue项目编译过程中,出现如下错误信息: ERROR in static/js/vendor.f1c68aa2d5e85847d ...
- Vue进阶（贰零柒）：Webpack 性能优化措施汇总
文章目录 一.前言 二.优化方案 2.1 优化 Loader 2.2 DllPlugin 2.3 代码压缩 2.4 一些小的优化点 2.5 减少 Webpack 打包后的文件体积 2.5.1 按需加载 ...
- Vue进阶（幺柒捌）：延伸阅读Sass、Scss、Less与Stylus编程特性
文章目录 一.混合(Mixins) 1.1 Sass混合 1.2 LESS混合 1.3 Stylus混合 二.嵌套(Nesting) 三.继承(Inheritance) 3.1 Sass和Stylus ...
最新文章
- 招聘|字节跳动招计算机视觉方向算法实习生
- Tensorflow name_scope和variable_scope的用法
- PIL 学习笔记(3)
- Ardino基础教程 18_驱动74HC595
- java类加载器_JAVA类加载器
- python数据科学导论 中南_Python数据科学导论
- JDK源码（17）-Compiler
- Eclipse搭建springboot项目(六)全局异常
- 程序员的自我修养笔记 2
- 支持向量机原理(三)线性不可分支持向量机与核函数
- ELK + Filebeat日志分析系统安装
- Hadoop2.2.0 + HBase0.96 伪分布式安装
- NASM环境搭建+创建虚拟软盘镜像
- Windows炫酷桌面【雨滴】钢铁侠
- 软件测试-搭建测试环境
- 【Python爬虫】：爬取58同城二手房的所有房产标题
- 大数据时代下的SQL Server第三方负载均衡方案----Moebius测试
- win7 防火墙开启ping
- 那么问题来了? int(a/b) 和 a//b 的区别在哪里呢？ 例1：
- 可以学计算机知识的手游,玩手游还能学知识？寓教于乐的游戏可不止《大航海时代》一个...