markdown学习

1.学习 格式字体

这是一段斜体文本 //单*号便是斜体文本

这也是一段斜体文本 单_也是斜体文本

然后来一个粗体文本 双**号便是粗体文本

再次来个粗体文本 同理 双__也是粗体文本

这是一个粗体斜文本 三个**号便是粗体斜文本

3X2+2X-8=0 求 X2的值? X2=4或X2=16/9 这里使用了上标以及下标 X²也可以使用X²

HTML 这里使用了标签对


建立分割线可以单行使用三个*号或者单行使用三个—

2.学习删除线

我有一头小毛驴 双波浪号便能出现删除线

这是一段带下划线的文字 加上 标签对便能够出现下划线文字

我现在要使用这个脚注^minture

3.学习列表
  • 1.苹果^tips
  • 2.香蕉
  • 3.雪梨
  • 1.苹果^tip

  • 2.香蕉

  • 3.雪梨

    [^tips1]: 加上数字便是有序列表 或者直接已数字开头

    ​ 1.苹果[^tips1]

    ​ 2.香蕉

    ​ 3.雪梨

  1. 水果:
  • 香蕉

  • 苹果

  • 雪梨

    1. 蔬菜:

      • 西兰花

      • 西红柿

      • 上海青


4.区块学习

html

css+js

jquery

vue

angular

4.1列表中使用区块
  • 广州东站

    体育中心

    体育西路

  • 杨箕站(换乘5号线文冲方向)

五羊邨

珠江新城

猎德

潭村

员村

  • 到家啦!!!

    npm install marked //使用node.js 安装marked格式文本阅读

    public static void main( String [] args)

    {
    for(int i=1; i<50;i++)
    {
    System.out.println("这是一段代码以及重复打印"+i-0+"次");
    }
    }

    if($(".tips span")[0].id.toString()=="修改明细")
    {
    $(".tips p").html()="修改明细请注意要注明修改原因"


}


```html
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>“菲”越常规,意选不凡</title>
</head>
<body>
<div id="app">
</div>
</body>
</html>

5.学习链接

这是一个链接百度

访问stackoverflow

6.学习图片

菲尼克斯图标


7.学习制表格
姓名 性别 地址 爱好
张三 男 湖北省黄冈市红安县新建小区101号 打乒乓球
戴森 男 广东省广州市白云区蟹山北街5号 健身
林宏和 男 广东省广州市白云区蟹山北街5号 貌似没有
陈杰 男 广东省广州市白云区蟹山北街5号 撩妹
康哥 男 广东省广州市白云区蟹山北街5号 貌似没有
7.1Vue生命周期方法
Function Name Description
beforeCreate() 对应的钩子函数为beforeCreate。此阶段为实例初始化之后,此时的数据观察和事件机制都未形成,不能获得DOM节点。
created() 对应的钩子函数为created。在这个阶段vue实例已经创建,仍然不能获取DOM元素。
beforeMount() 对应的钩子函数是beforemount,在这一阶段,我们虽然依然得不到具体的DOM元素,但vue挂载的根节点已经创建,下面vue对DOM的操作将围绕这个根元素继续进行;beforeMount这个阶段是过渡性的,一般一个项目只能用到一两次。
mounted() 对应的钩子函数是mounted。mounted是平时我们使用最多的函数了,一般我们的异步请求都写在这里。在这个阶段,数据和DOM都已被渲染出来。
beforeUpdate() 对应的钩子函数是beforeUpdate。在这一阶段,vue遵循数据驱动DOM的原则;beforeUpdate函数在数据更新后虽然没立即更新数据,但是DOM中的数据会改变,这是Vue双向数据绑定的作用。
updated() 对应的钩子函数是updated。在这一阶段DOM会和更改过的内容同步。
beforeDestroy() 对应的钩子函数是beforeDestroy。在上一阶段vue已经成功的通过数据驱动DOM更新,当我们不在需要vue操纵DOM时,就需要销毁Vue,也就是清除vue实例与DOM的关联,调用destroy方法可以销毁当前组件。在销毁前,会触发beforeDestroy钩子函数。
destroyed() 对应的钩子函数是destroyed。在销毁后,会触发destroyed钩子函数。<br>vue的生命周期的思想贯穿在组件开发的始终,通过熟悉其生命周期调用不同的钩子函数,我们可以准确地控制数据流和其对DOM的影响;vue生命周期的思想是Vnode和MVVM的生动体现和继承。

8.学习高级技巧

以下代码均可复制到markdown格式编译器中运行

使用Ctrl+Alt+del可以打开windows管理器窗口

这是一个运算 10*5=50^ tips6

graph LR
A[a=5?] --> B(a=5)
B --> C{a>4}
C -->|a=5| D[a=5]
C -->|a=4| E[a=4]
F[这是一个横向流程图]

横向流程图

st=>start: a=(random.Math()*10).floor()
op=>operation: a=a+1
cond=>condition: a<10
sub1=>subroutine: a=a+1
io=>inputoutput: a
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

竖向流程图

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

标准流程图


对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗?


Title: 标题:复杂使用
对象A->对象B: 对象B你好吗?(请求)
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗?
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩

标准流程图


%% 时序图例子,-> 直线,-->虚线,->>实线箭头
sequenceDiagram
participant 张三
participant 李四
张三->王五: 王五你好吗?
loop 健康检查
王五->王五: 与疾病战斗
end
Note right of 王五: 合理 食物 <br/>看医生...
李四-->>张三: 很好!
王五->李四: 你怎么样?
李四-->王五: 很好!


%% 语法示例
gantt
dateFormat YYYY-MM-DD
title 软件开发甘特图
section 设计
需求 :done, des1, 2014-01-06,2014-01-08
原型 :active, des2, 2014-01-09, 3d
UI设计 : des3, after des2, 5d
未来任务 : des4, after des3, 5d
section 开发
学习准备理解需求 :crit, done, 2014-01-06,24h
设计框架 :crit, done, after des2, 2d
开发 :crit, active, 3d
未来任务 :crit, 5d
耍 :2d
section 测试
功能测试 :active, a1, after des3, 3d
压力测试 :after a1 , 20h
测试报告 : 48h

软件开发甘特图