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

软件开发甘特图