diff --git "a/docs/views/dev/2021-11-14-Markdown\350\257\255\346\263\225\345\255\246\344\271\240-\351\203\221\347\254\224\345\214\200.md" "b/docs/views/dev/2021-11-14-Markdown\350\257\255\346\263\225\345\255\246\344\271\240-\351\203\221\347\254\224\345\214\200.md"
new file mode 100644
index 00000000..d46344e3
--- /dev/null
+++ "b/docs/views/dev/2021-11-14-Markdown\350\257\255\346\263\225\345\255\246\344\271\240-\351\203\221\347\254\224\345\214\200.md"
@@ -0,0 +1,76 @@
+---
+layout: post
+title: Markdown语法学习
+date: 2021-11-14
+author: 郑笔匀
+categories:
+ - 开发部
+tags:
+ - 前端
+ - Markdown语法学习
+
+---
+
+# 一级标题
+
+###字体
+
+**字体加粗**
*斜体*
+
+***斜体加粗***
+
+
+###引用和三种分割线
+
+>我是引用的文字
+>>我也！
+
+---
+***
+##
+
+###无序列表
+
+- 列表内容1
+- 列表内容2
+
+###有序列表
+
+1. 列表内容
+2. 列表内容
+
+###列表嵌套
+
+- 一级无序列表
+ - 二级无序列表
+ - 三级无序列表
+
+---
+1. 一级有序列表
+ 2. 二级有序列表
+ 3. 二级有序列表
+ - 三级无序列表
+
+
+###表格
+
+ |学科|节数|学分|
+ |-|:-:|-:|
+ |微观经济学|3|3|
+ |宏观经济学|3|3|
+
+啊这……没做成
+
+###插入代码
+单行代码
+`System.out.print("hello world!"); `
+
+代码块
+```
+第一行
+第二行
+```
+
+
+###参考链接
+[简书-Markdown基本语法](https://www.jianshu.com/p/191d1e21f7ed)
\ No newline at end of file
diff --git "a/docs/views/dev/2021-11-28-\344\275\234\344\270\232\344\270\200\346\226\271\346\263\225\345\275\222\347\272\263\357\274\210css\345\255\246\344\271\240\357\274\211-\351\203\221\347\254\224\345\214\200.md" "b/docs/views/dev/2021-11-28-\344\275\234\344\270\232\344\270\200\346\226\271\346\263\225\345\275\222\347\272\263\357\274\210css\345\255\246\344\271\240\357\274\211-\351\203\221\347\254\224\345\214\200.md"
new file mode 100644
index 00000000..941d7f9c
--- /dev/null
+++ "b/docs/views/dev/2021-11-28-\344\275\234\344\270\232\344\270\200\346\226\271\346\263\225\345\275\222\347\272\263\357\274\210css\345\255\246\344\271\240\357\274\211-\351\203\221\347\254\224\345\214\200.md"
@@ -0,0 +1,110 @@
+---
+layout: post
+title: 作业一方法归纳
+date: 2021-11-28
+author: 郑笔匀
+categories:
+ - 开发部
+tags:
+ - 前端
+ - CSS学习
+
+---
+
+#作业一方法归纳
+
+###一、在html文件中链接css文件
+
+
+
+
+
+
+**(๑•ᴗ•๑)**
+
+###二、导航栏
+
+用**ul（无序列表）**和**li（定义列表项目）**
+
+1. 在css文件中设置样式
+ - ul格式
+
+ ul{
+ list-style-type:none; /*列表无格式，即去除文字前的小圆点等*/
+ margin:0;
+ padding:0;
+ overflow: hidden;
+ background-color:black;
+ opacity: 0.7; /*透明度*/
+ }
+
+ - li格式
+
+ 设置字号（导航栏中的字大小不同）
+
+ li.size1{
+ font-size:20px;/*设置字号*/
+ }
+
+ 设置超链接格式
+
+ li a{
+ float:left;
+ display: block;/*元素显示为块级元素*/
+ color: white;
+ text-align: center;
+ padding: 14px 16px;/*内边距*/
+ text-decoration: none;/*文本无下划线*/
+ }
+2. 在html中设置导航栏
+
+
+**芜湖~ヽ(✿ﾟ▽ﾟ)ノ**
+
+###三、三个div并列
+在css中设置
+
+ .box div{
+ border:5px;/*边框*/
+ text-align:center;
+ display:inline-block;/*块级元素不独占一行*/
+ width:30%/*用百分比设置宽度*/
+ }
+**(๑•̀v•́)و✧**
+
+###四、设置图片按原比例缩放
+在css中设置图片格式，用max-width和max-height可以原比例缩放图片
+
+ img.di{
+ max-width:100px;/*设置最大宽度*/
+ max-height:100px;/*设置最大高度*/
+ margin:10px 0px 10px/*设置外边距，使图片间有间隔*/
+ }
+
+**╰(°▽°)╯~**
+
+###五、图片、文字居左/右侧但不靠边
+（有点笨的办法……虽然效果是出来了。）
+
+1. 图片
+float设置居左，同时margin设置外边距（上 右 下 左）
+
+ 
+
+2. 文字也可用margin，使内容不紧靠左/右侧
+
+
+ Introduction
+
+**o(^▽^)o**
+
+###六、参考链接
+
+[菜鸟教程](https://www.runoob.com/)
+
以及度娘√
\ No newline at end of file
diff --git "a/docs/views/dev/2021-12-05-ISLM\346\250\241\345\236\213\351\203\250\345\210\206\347\237\245\350\257\206\347\202\271\346\225\264\347\220\206-\351\203\221\347\254\224\345\214\200.md" "b/docs/views/dev/2021-12-05-ISLM\346\250\241\345\236\213\351\203\250\345\210\206\347\237\245\350\257\206\347\202\271\346\225\264\347\220\206-\351\203\221\347\254\224\345\214\200.md"
new file mode 100644
index 00000000..b0f841af
--- /dev/null
+++ "b/docs/views/dev/2021-12-05-ISLM\346\250\241\345\236\213\351\203\250\345\210\206\347\237\245\350\257\206\347\202\271\346\225\264\347\220\206-\351\203\221\347\254\224\345\214\200.md"
@@ -0,0 +1,107 @@
+---
+layout: post
+title: IS-LM模型部分知识点整理
+date: 2021-12-5
+author: 郑笔匀
+categories:
+ - 开发部
+tags:
+ - 前端
+ - 宏观经济学笔记
+
+---
+#IS-LM模型部分知识点整理
+
+##第一节 投资的决定
+
+###一、实际利率与投资
+
+- 名义利率：没有剔除价格因素的利率（未考虑通货膨胀因素）
+实际利率：剔除价格因素的利率（考虑通货膨胀因素）
+
+- 实际利率决定投资，**投资和利率成反比**（因为企业家投资的资金部分来源于贷款，利率越高，贷款所付利息越大。也可理解为利率是投资的成本，故利率越高，投资越少）
+
+**i=e-dr**
+e为自发投资（与利率r无关），-dr表示投资需求中与利率相关部分
+
+###二、资本边际效率(MEC)
+
+ 是一种**贴现率（收益率）**，使现值之和等于供给价格之和。
+
+- **贴现率**是为了能达到预期收益而采取的利率。是为了能贴补现值而要达到的最低收益率水平。
+- **现值**：本金。已知利率和预期收益，在该利率之下，为达到预期收益而需要投入的资金为。
+- **贴现**即贴补现值（本金），保本。
+
+###三、资本边际效率曲线
+
+- 资本边际效率MEC＞市场利率r时，投资值得。相当于收益率＞投资成本，收入比支出多，值得投资。
+- 资本边际效率MEC的数值取决于资本品供给价格（本金）R0和预期收益。
+ - 预期收益R0既定，供给价格↑MEC↓
+ - 供给价格（本金）R0既定，预期收益↑，MEC↑
+- 资本边际效率MEC影响因素：市场利率r，本金R0，预期收益
+
+###四、托宾q理论
+
+q=企业的股票市场价值/新建企业成本（重置成本）
+
+- 股票的交易不算投资，投资建厂算投资
+- q<1，企业股票市场价值（通过股票收购其他企业）<新建企业成本（新投资），即通过股票收购企业更便宜，所以资本家倾向于股票收购，此时不会有新投资。q>1，企业家倾向于投资建厂此时有新投资。
+
+##第二节 IS曲线
+
+###一、概念
+
+- IS曲线是说明当**产品市场达到均衡时（产品价格不变）**（总需求=总供给）国民收入（y）和利率（r）之间的关系。
+
+需求y=c+i(消费需求+投资需求），总供给y=c+s
+↓
+供需相等，产品市场均衡时，i=s
+↓
+i=e-dr,s=y-c,c=α+βy
+↓
+y=（α+e-dr）/（1-β）
+思路：由产品市场均衡得到i=s，进而推出国民收入y与利率r的关系
+
+
+###二、斜率
+
+- 可以现场推，用y=c+i,y+c+s,i=s三个的其一都可以推导，建议用y=c+i
+- 斜率（两部门、三部门均为）：-（1-β)/d
+- 陡峭程度取决于斜率绝对值。
+ - 投资对利率的变化d越大，IS曲线越平缓，即投资对利率较敏感时，利率r较小变动会引起投资I较大变动，即IS曲线较平缓；d越小，曲线越陡峭
+ - 边际消费倾向β越大，斜率绝对值越小，曲线越平缓
+
+###三、IS曲线移动
+
+- 财政政策：政府实施；货币政策：中央银行实施
+- G和T（财政政策）影响三部门经济中IS曲线移动。G（政府支出）增加，扩张性财政政策，T（政府税收）增加，紧缩性财政政策
+- **扩张性财政政策：IS右移；紧缩性财政政策，IS左移**
+
+##第三节 利率的决定
+L:货币需求 M：货币供给
+
+###一、货币需求的动机
+
+货币需求的动机：人们为什么想把货币握在手里。
+
+1. 交易动机 L1=L(Y)=kY
+2. 预防动机 L1=L(Y)=kY
+3. 投机动机 L2=L(r)=-hr
股票价格=股息红利收益/市场利率，故股票价格和市场利率成反比。而投机动机是预计股票未来能涨价（即当前价格低），故现在购买股票，以便未来涨价后卖出。
股票：低买高卖
+
+###二、流动偏好陷阱
+
+- 流动：货币
+- 出现在**利率水平处于社会公认最低点**时，即无论多少货币，人们都愿意将其保持在手中。
+
+###三、货币需求函数
+- L=L1+L2=kY-hr
+- L0=PL=(kY-hr)P P价格指数，L0名义货币需求量,L实际货币需求量
+- 实际货币量m=名义货币量M/价格指数P（m有时表示货币供给量，具体结合情况判断）
+
+##第四节 LM曲线
+
+###一、LM曲线含义
+
+- 货币市场均衡：货币需求=货币供给（央行控制，外生变量），货币价格——利率r不变
+
+- 下面没整理完
\ No newline at end of file
diff --git "a/docs/views/dev/2022-01-18-CSS\345\255\246\344\271\240-\351\203\221\347\254\224\345\214\200.md" "b/docs/views/dev/2022-01-18-CSS\345\255\246\344\271\240-\351\203\221\347\254\224\345\214\200.md"
new file mode 100644
index 00000000..50a6e697
--- /dev/null
+++ "b/docs/views/dev/2022-01-18-CSS\345\255\246\344\271\240-\351\203\221\347\254\224\345\214\200.md"
@@ -0,0 +1,121 @@
+---
+layout: post
+title: CSS学习（flex布局、规范命名法、适应屏幕大小、颜色选择）
+date: 2022-1-18
+author: 郑笔匀
+categories:
+ - 开发部
+tags:
+ - 前端
+ - CSS学习
+ - flex布局、规范命名法、适应屏幕大小、颜色选择
+
+---
+
+#CSS学习（flex布局、规范命名法、适应屏幕大小、颜色选择）
+
+###一、flex布局
+
+ flex布局意为“弹性布局”。使用flex布局时需要设置容器（flex）的属性和容器里的子元素，即项目（item）的属性。使用flex布局:
+
+ .box{
+ display:flex;
+ }
+
+ 在第一次作业中有三个块级元素需要并列在一行显示，上次作业中用了以下方法：
+
+ .box div{
+ ……
+ display:inline-block;/*块级元素不独占一行*/
+ width:30%/*用百分比设置宽度*/
+ }
+
+ 但是出现了三个块级元素的小标题不在一行的情况。这次用flex布局试一下：
+
+ .advantage{
+ display:flex;/*运用flex布局*/
+ flex-direction:row;/*主轴方向，即项目排列方向*/
+ justify-content:center;/*项目在主轴上的对齐方式*/
+ align-items:baseline;/*项目在交叉轴上的对齐方式*/
+ }
+
+ 同时设置一下项目的属性：
+
+ .item1{
+ flex:1 1 auto;
+ text-align:center;
+ color:dimgray
+ }
+
+ 也可以！
+ 尝试一下在导航栏中也用flex布局：
+
+ ul {
+ display:flex;/*在导航栏里用flex布局*/
+ align-items:center;
+ /*设置item在交叉轴上的对齐方式，让字号不同的字体从中间对齐*/
+ ……}
+
+ 可以使不同字号的字从中间对齐~
+
+对比图：
+
+
+图好像出不来……
+
+###二、规范命名法
+
+具体参考链接：[web前端命名规范](cnblogs.com/menggirl23/p/12012351.html)，[web前端命名规范整理](https://www.jianshu.com/p/6417143c4b18)。以下补充BEM命名规范。
+
+1. BEM命名规范：BEM是块（block）、元素（element）（block中的元素）、修饰符（modifier）(模块处于某种状态)的简写，由一种前端CSS命名方法论。
+
+2. BEM命名约定的模式：
+`.block{}`
+`.block__element{}`
+`.block--modifier{}`
+
+3. 例：
+Block:`header`,` container`, `menu`,` checkbox`, `input`
+Element:`menu item`, `list item`, `checkbox caption`, `header title`
+Modifier:`disabled`, `highlighted`,` checked`, `fixed`,` size big`, `color yellow`
+
+BEM实例：
+
+
+
+
+ 手机
+ 科技
+
+
文字文字文字
+
详细内容
+
+
+height=device-height：高度等于当前设备的高度
+initial-scale：初始的缩放比例（默认1）
+minimum-scale：允许用户缩放到的最小比例（默认1）
+maximum-scale：允许用户缩放到的最大比例（默认1）
+user-scale：用户是否可以手动缩放（默认no，用户不能放大缩小页面）
+
+（不知道成没成功orz，好像效果出不来）
+
+###四、颜色选择
+
+第一次作业中的颜色可以用：[RGB颜色选择器](https://tool.oschina.net/commons?type=3)
+
+###五、参考链接
+
+[flex布局教程](https://www.runoob.com/w3cnote/flex-grammar.html)
+
+[CSS BEM 命名规范（bilibili）](https://www.bilibili.com/video/BV1CN411o7L2?from=search&seid=18441207649945600418&spm_id_from=333.337.0.0)
+
+[网页自适应屏幕（bilibili）](https://www.bilibili.com/video/BV1tt411x7YD?from=search&seid=11810078744292121594&spm_id_from=333.337.0.0)
\ No newline at end of file
diff --git "a/docs/views/dev/2022-07-01-JavaScript\345\255\246\344\271\240.md" "b/docs/views/dev/2022-07-01-JavaScript\345\255\246\344\271\240.md"
new file mode 100644
index 00000000..dab0f585
--- /dev/null
+++ "b/docs/views/dev/2022-07-01-JavaScript\345\255\246\344\271\240.md"
@@ -0,0 +1,85 @@
+---
+layout: post
+title: CSS学习（flex布局、规范命名法、适应屏幕大小、颜色选择）
+date: 2022-7-11
+author: 郑笔匀
+categories:
+ - 开发部
+tags:
+ - 前端
+ - CSS学习
+ - flex布局、规范命名法、适应屏幕大小、颜色选择
+
+---
+
+#JS基础语法学习
+###一、输出
+警告框
+`alert("该内容会在警告框中输出");`
+
+在body中输出内容
+`document.write("该内容会在body中输出");`
+
+向控制台输出内容
+ `console.log("该内容在控制台中输出")`
+
+###二、编写位置
+可以将js代码编写到标签的onclick属性中
+``
+
+可以写在超链接的href中
+`点一下`
+
+ 不建议用以上方法，不方便维护，就像css样式最好不要直接写在style标签里一样。
+
+ 建议写在script标签里，或者写在外部js文件里，通过script标签引入。推荐外部引入.script标签一旦用于引入外部文件，则不能再编写代码。浏览器会忽略这部分。可以再写一个script标签。
+``
+
+###三、js注释及语法
+`/* 多行注释 */`
+`//单行注释`
+
+ /*比较好的多行注释写法。
+ *但中间这些*不写也行
+ *写了比较好看
+ */
+
+1. JS中严格区分大小写
+2. 每一条语句分号结尾，不写浏览器也会自动添加，但消耗系统资源
+3. 会忽略多个空格和换行
+
+###四、字面量和变量
+####字面量
+不可改变的值，很少用
+####变量
+ //声明变量
+ //使用var来声明变量。声明和赋值可以同时进行
+ var a;
+ //赋值
+ a=100;
+
+###五、标识符
+ 所有可以自主命名的都可以称为标识符。
+例：变量名、函数名、属性名。
+
+1. 标识符中可包含字母，数字，_，$;
+2. 不能以数字开头
+3. 不能是关键字或保留字，比如不能是var。
+4. 一般采用驼峰命名法，首字母小写，每个单词开头字母大写
+
+###六、数据类型
+1. String
+ - 需要双引号或单引号
+ - 如果文本内容包含引号，可以用外双内单或外单内双。或在字符串中用\作转义字符
+ - \n换行
+ - \t制表符
+ - 两个斜杠表示一个斜杠\\
+
+2. Number 数值
+3. Boolean 布尔值
+4. Null
+5. Undefined 未定义
+6. Object 对象
+
+其中前五个为基本数据类型，Object属于引用数据类型
+
diff --git "a/docs/views/dev/2022-10-30-\344\270\212\344\274\240\345\215\232\345\256\242\346\265\213\350\257\225.md" "b/docs/views/dev/2022-10-30-\344\270\212\344\274\240\345\215\232\345\256\242\346\265\213\350\257\225.md"
new file mode 100644
index 00000000..dab0f585
--- /dev/null
+++ "b/docs/views/dev/2022-10-30-\344\270\212\344\274\240\345\215\232\345\256\242\346\265\213\350\257\225.md"
@@ -0,0 +1,85 @@
+---
+layout: post
+title: CSS学习（flex布局、规范命名法、适应屏幕大小、颜色选择）
+date: 2022-7-11
+author: 郑笔匀
+categories:
+ - 开发部
+tags:
+ - 前端
+ - CSS学习
+ - flex布局、规范命名法、适应屏幕大小、颜色选择
+
+---
+
+#JS基础语法学习
+###一、输出
+警告框
+`alert("该内容会在警告框中输出");`
+
+在body中输出内容
+`document.write("该内容会在body中输出");`
+
+向控制台输出内容
+ `console.log("该内容在控制台中输出")`
+
+###二、编写位置
+可以将js代码编写到标签的onclick属性中
+``
+
+可以写在超链接的href中
+`点一下`
+
+ 不建议用以上方法，不方便维护，就像css样式最好不要直接写在style标签里一样。
+
+ 建议写在script标签里，或者写在外部js文件里，通过script标签引入。推荐外部引入.script标签一旦用于引入外部文件，则不能再编写代码。浏览器会忽略这部分。可以再写一个script标签。
+``
+
+###三、js注释及语法
+`/* 多行注释 */`
+`//单行注释`
+
+ /*比较好的多行注释写法。
+ *但中间这些*不写也行
+ *写了比较好看
+ */
+
+1. JS中严格区分大小写
+2. 每一条语句分号结尾，不写浏览器也会自动添加，但消耗系统资源
+3. 会忽略多个空格和换行
+
+###四、字面量和变量
+####字面量
+不可改变的值，很少用
+####变量
+ //声明变量
+ //使用var来声明变量。声明和赋值可以同时进行
+ var a;
+ //赋值
+ a=100;
+
+###五、标识符
+ 所有可以自主命名的都可以称为标识符。
+例：变量名、函数名、属性名。
+
+1. 标识符中可包含字母，数字，_，$;
+2. 不能以数字开头
+3. 不能是关键字或保留字，比如不能是var。
+4. 一般采用驼峰命名法，首字母小写，每个单词开头字母大写
+
+###六、数据类型
+1. String
+ - 需要双引号或单引号
+ - 如果文本内容包含引号，可以用外双内单或外单内双。或在字符串中用\作转义字符
+ - \n换行
+ - \t制表符
+ - 两个斜杠表示一个斜杠\\
+
+2. Number 数值
+3. Boolean 布尔值
+4. Null
+5. Undefined 未定义
+6. Object 对象
+
+其中前五个为基本数据类型，Object属于引用数据类型
+
diff --git "a/docs/views/imgs/2022/01/ZBY/\345\257\271\346\257\224.jpg" "b/docs/views/imgs/2022/01/ZBY/\345\257\271\346\257\224.jpg"
new file mode 100644
index 00000000..41eebe90
Binary files /dev/null and "b/docs/views/imgs/2022/01/ZBY/\345\257\271\346\257\224.jpg" differ