1、浏览器组成：渲染引擎和JS引擎
（1）渲染引擎（内核）：用来解析HTML+CSS（chrome的blink、老版的webkit）
（2）JS引擎（JS解释器）：读取网页中的JavaScript代码并对其进行处理后运行（chrome V8）
浏览器本身不运行JS，是通过JS解释器执行JS代码，对其逐行解释转为计算机语言后由计算机执行，因此JS为脚本语言，逐行解释执行。
不再犹豫
<script>
alert('我是JS01，开始弹框！！');
alert('我是JS02，开始弹框！！');
</script>js 是 JavaScript 的缩写
1、脚本语言、专门用来负责网页上的行为（可以直接写到网页中）
2、在哪儿写js代码
a.可以写在script标签中（理论上script标签可以放到HTML文件中的任何位置，
实际开发中一般放在head或者body中）
b.写到标签的事件属性中（列如：onclick）
c.写到外部的js文件中
3、js在网页中能做什么事情
a.在网页的不同的位置插入html代码
b.修改某个标签的内容
c.修改某个标签的样式
4、怎么写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--导入外部的js文件-->
<!--<script src="js/index.js">
</script>-->
<script src="js/数据类型.js" ></script>
<!--一个html可以在多个位置插入script标签-->
<script type="text/javascript">
function insertP(){
document.write('<p>Python</p>')
}
</script>
</head>
<body>
<h1 id="h">各类学科</h1>
<button onclick="window.alert('按钮被点击')"></button>
<button onclick="document.getElementById('h').style.color='red'">修改样式</button>
<button onclick="document.getElementById('h').innerHTML='name'">修改内容</button>
<!--往html中插入内容-->
<script type="text/javascript">
for (var i = 0; i < 7; i++) {
document.write("<p>殺</p>")
}
</script>
</body>
</html>
js.gif
1、js中的注释
//这是单行注释
/*
这是多行注释
*/
2、语句
一条语句结束需要加分号（现在的js版本也可以不写）
一行写多条语句必须使用分号隔开
在控制台打印括号中的内容，功能和Python中的print差不多
console.log('hello word')
3、js没有缩进问题，用花括号表示一个代码块
function print(){
console.log('hello JS')
}
4、基本数据类型
Number（数字）、String（字符串）、Boolean(布尔)、Array（数组）、Object（对象）、Function（函数）、null、undefined
5、字面量
数字字面量
89(整数)
66
12.34（小数）
3e8（科学计数）
字符串字面量
'asd'
"asd"
布尔字面量
true
false
数字字面量
[1,2,'asd',true]
对象的字面量(对象的key值又是属性，不能加引号)
var dict = {a:'asd'}
6、标识符
使用标识符来命名
a.字母数字下划线$组成，不能以数字开头
var huanhansan;
b.不能是关键字
c.大小写敏感
d.规范：见名知义、
在js中可以通过声明变量来保存数据
语法
var 变量名；
var 变量名 = 初值；
说明：var是关键字
变量名：标识符，不能随意使用_或$开头（具有特殊含义）；驼峰式命名(命名规则:第一个单词首字母小写，后面每个单词的首字母大写)。
//声明变量
var userName;
//给变量赋值
userName = 'GHope'
console.log(userName)
var score = 100
console.log(score)
//同时声明多个变量
var name, age, sex;
//一个变量可以存储任意类型的值，变量的默认值是undefined
var a = 'abc'
a = 100
介于C与Python之间，类似于C的地方在于关键字的必须使用，类似于Python的地方在于同为动态语言（声明变量的时候不需要指定变量的数据类型）。
a.-,+,*,%和数学中的求和、求差以及求乘积、取余是一样的
var a = 10+20
var b = 20-10
var c = 10*20
var d = 7%2
b./和数学中的除一样
var e = 5/2
console.log(e)
c.++,–(单目运算符)
语法：变量++，变量–/++变量，–变量
区别：在后面先赋值，再运算；在前面先运算，再赋值
++:自加一
–：自减一
var a1 = 10
a1++
console.log(a1)
a1--
console.log(a1)
结果都是布尔值
console.log(10>20)
console.log(10<20)
//==:判断值是否相等
console.log(5==5)
console.log(5=='5')
//===:判断值和类型是否相等
console.log(5===5)
console.log(5==='5')
console.log('与:',true&&true,true&&false)
赋值运算符的左边必须是变量
var a = 100
a += 10
console.log(a)
基本格式：
条件语句 ？ 值1：值2
结果：
判断条件语句的结果是否是true，如果是true，那么表达式的结果是值1，否则为值2
var b = 10 > 20 ? 10 : 20
console.log(b)
//求两个数的最大值
var ca = 80
var cb = 100
console.log(ca>cb?ca:cb)
赋值运算符<逻辑运算符<比较运算符<算术运算符
可以通过添加（）改变
控制台输出结果
貌似是控制台输出结果不完全，只能输出第一个对象，所以之后的实例代码通过网页的查看中截图显示。例如：39行中输出超过一个，就只显示第一个，没有逻辑运算符的值。
网页—查看—console
js中的分支结构有两种：if语句，switch语句
a.if(条件语句){满足条件要执行的代码块}
var age = 18
if(age>=18){
console.log('成年')
}
b.if(条件语句){代码块1}else{代码块2}
if(age>=18){
console.log('成年')
}else{
console.log('未成年')
}
c.if – else if – else（相当于python中elif）
if(age<18){
console.log('未成年')
}else if(age<33){
console.log('青年')
}else{
console.log('老年')
}
switch(变量){
case 值：
语句1；
break；
case 值：
语句2；
break；
...
default:
语句n;
break;
}
执行过程：使用变量的值依次和后边每个case后边的值进行判断，看是否相等（完全相等）。如果相等就执行那个case后面对应的语句。如果前面每个case后面的值都和变量的值不相等，就执行default后边的语句。
var score = 5;
switch (score){
case 0:
console.log('留级，扣1分')
break;
case 1:
console.log('留级')
break;
case 2:
console.log('升级')
break;
case 3:
console.log('升级，加1分')
break;
case 4:
console.log('升级，加2分')
break;
default:
console.log('你可以提前毕业了！')
break;
}
10分制：0-5：不及格，6-7：及格，8-9：良好，10：优秀
score = 9
switch(score){
case 0:
case 1:
case 2:
case 3:
case 4:
case 5:
console.log('不及格');
break;
case 6:
case 7:
console.log('及格');
break;
case 8:
case 9:
console.log('良好');
break;
case 10:
console.log('优秀');
break;
}
switch出现的目的是在某些情况下简化if循环
//0-6表示星期1到星期日
var week = 0;
switch (week){
case 0:
console.log('周一');
break;
case 1:
console.log('周二');
break;
case 2:
console.log('周三');
break;
case 3:
console.log('周四');
break;
case 4:
console.log('周五');
break;
case 5:
console.log('周六');
break;
case 6:
console.log('周日');
break;
default:
console.log('非法值');
break;
}
无错漏的控制台截图
js的循环分为for循环和while循环
a.for – in (和python中的for循环一样)
for(变量 in 数组/对象){函数体}
var arr = [1,2,3,'abc']
//x取的是下标
for(var x in arr){
console.log(arr[x])
}
var obj = {name:'GHope',age:18}
//key取的相当于python中字典的键or属性名
for(var key in obj){
console.log(key,obj[key])
}
b.for(变量；判断；操作（多为自加或自减）){循环体}
执行顺序：先声明变量，然后进行判断，如果结果为真，则执行循环体，后进行操作，操作结束后继续判断，直到判断结果为假，结束循环.上述fori为我自己了解的，只适用于大多数情况，以下为通用版—-
for(表达式1;表达式2；表达式3){循环体}
执行过程:先执行表达式1，然后再判断表达式2的结果是否是true,如果是true就执行循环体；执行完循环体，再执行表达式3；执行完表达式3，再判断表达式2的结果是否是true，如果是true又执行循环体；执行完循环体，再执行表达式3；依次类推，直到表达式2的结果是false,循环就结束
var sum = 0
for (var i = 1; i < 101; i++) {
sum += i
}
console.log(sum)
a.while(条件语句){循环体}
var sum1 = 0,i = 1
while(i<=100){
sum1 += i;
i++;
}
console.log(sum1)
b.do – while循环：do{循环体}while（条件语句）；
执行过程，先执行循环体，然后判断条件是否成立。如果成立再执行循环体。。
。依次类推，直到条件不成立，循环结束
var sum2 = 0
var i = 1
do{
sum2 += i;
i++;
}while(i<=100)
console.log(sum2)
3、break和continue
break结束当前循环
continue结束当次循环
function 函数名(参数列表){函数体}
a.function – 关键字
b.函数名 – 驼峰式命名；见名知义
c.参数：参数可以有默认值，但有默认值的参数要写在后边。因为js中的函数只能根据位置传参。要保证每个参数都有值才能有效调用该函数。
d.函数体：实现函数的功能。只有在调用的时候才执行
function func1(num1,num2){
console.log('求两个数的和')
return num1+num2
}
console.log(func1(10,20))
函数没有return的时候，函数的返回值是undefined
function func2(){
console.log('iamfunnction')
}
console.log(func2())
2.函数的调用
函数名（实参列表）
3、作用域
全局变量：声明在函数外面的变量（从变量声明到文件结束）
局部变量：声明在函数里面的变量（从函数声明到函数结束;函数参数)
//全局变量
var aa = 10
function func3(){
//局部变量
var bb = 100
console.log(bb)
//函数中可以修改全局变量的值
aa = 200
//函数中可以声明函数
function func31(){
bb = 1
console.log(bb)
}
func31()
}
func3()
//func31() Uncaught ReferenceError: func31 is not defined 函数中的函数只能在函数中调用
console.log(aa)
//console.log(bb) Uncaught ReferenceError: bb is not defined
//可以将函数作为变量
var a = func2
a()
//不支持不定参数
基本分类：数字、字符串、布尔、列表、对象
var num1 = 10
var num2 = new Number()
console.log(num2)
a.”或””括起来的字符集
b.转义字符
c.字符编码是unicode编码
var str1 = 'abc'
var str2 = "abc"
var str3 = '\n'
d.获取字符串长度：字符串.length
console.log(str1.length)
e.获取单个字符：字符串[下标]
下标：1、范围是0~长度-1;2、如果越界，不报错，但返回的结果是未定义
js中的字符串不能切片
console.log(str1[10])
f、运算符
js中字符串只支持+，不支持*
字符串1+字符串2 — 拼接两个字符串
js中字符串可以和其它任何数据进行加操作，其效果都是字符串连接（会将其它数据转换成字符串）
console.log('123'+'abc')
//字符串相关方法（查）
var str = 'abc123'
var re = str.search(/\d{3}/i)
console.log(re)
var obj1 = {name:'GHope',age:18}
console.log(obj1.name,obj1['name'])
//声明构造方法
function Person(){
this.name = 'Luners'
this.age = 18
this.sex = '男'
}
var p1 = new Person()
console.log(p1,typeof(p1))作者：GHope
链接：https://www.jianshu.com/p/db01d059f25b
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
最近在qq水群讨论学术的时候发现了一个奇怪的问题：无法加载图片。
具体点是，如果图片没有被其他设备接收，并且在缓存中，图片是可以加载的，反之不可。
这东西很烦人啊，于是我就去查项目issue：https://github.com/wszqkzqk/deepin-wine-ubuntu/issues/222
然后找到了解决方案：
ipv6为了防止以后再捣鼓坏系统重装我经常干这种事，还是来记录一下。
首先，输入命令：
$ sudo gedit /etc/sysctl.conf在文件的最后追加这样几行（关闭ipv6）：
# IPv6 disabled
net.ipv6.conf.all.disable_ipv6 =1
net.ipv6.conf.default.disable_ipv6 =1
net.ipv6.conf.lo.disable_ipv6 =1保存退出，输入命令：
$ sudo sysctl -p
$ ipconfig此时你应该看不到inet6那一行了。
然后清除缓存：
$ sudo rm -rf ~/.deepinwine/Deepin-QQ当然如果你安装的是其他容器，比如Tim，Wechat，替换上面的QQ就好。
然后打开QQ，登录的时候头像显示为默认头像，登录完毕正式上线就是最新头像了！浏览聊天记录，问题解决。
另外，群聊需要双击打开才能更新头像，但很快。
如果不能解决的的话可以尝试尝试一下一下方法
在阿里云部署的vpn，本地连接后，上不了外网了，经查看，多了一条默认路由，
# route -n
Kernel IP routing table
Destination Gateway Genmask Flags Metric Ref Use Iface
0.0.0.0 192.168.252.13 0.0.0.0 UG 50 0 0 tun0
0.0.0.0 192.168.0.1 0.0.0.0 UG 600 0 0 wlp6s0
10.0.0.0 192.168.252.13 255.0.0.0 UG 50 0 0 tun0
vpn-IP 192.168.0.1 255.255.255.255 UGH 600 0 0 wlp6s0
172.16.162.0 0.0.0.0 255.255.255.0 U 0 0 0 vmnet1
192.168.0.0 0.0.0.0 255.255.255.0 U 600 0 0 wlp6s0
192.168.252.0 192.168.252.13 255.255.255.0 UG 50 0 0 tun0
192.168.252.13 0.0.0.0 255.255.255.255 UH 50 0 0 tun0
# ifconfig
wlp6s0: flags=4163 mtu 1500
inet 192.168.0.190 netmask 255.255.255.0 broadcast 192.168.0.255
inet6 fe80::4303:1c6:4625:942d prefixlen 64 scopeid 0x20
tun0: flags=4305 mtu 1500
inet 192.168.252.14 netmask 255.255.255.255 destination 192.168.252.13
可以看见tun0 的 Metric 是50，本地的是600，而且怎么删都删不掉，route del default gw 192.168.252.13
所以只能以退为进，先删除本地默认网关，再加上
route del default gw 192.168.0.1
route add default gw 192.168.0.1
在查看，本地的Metric 就变成0了，这样其他不用变，默认所有流量（除了10.0.0.0网段）走本地。
完美解决！
什么是CSS？
CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。
CSS 是一种标记语言，属于浏览器解释型语言，可以直接由浏览器执行，不需要编译。
CSS 是用来表现HTML或XML的标记语言。
CSS 是由W3C的CSS工作组发布推荐和维护的.
CSS 是编程入门人员的必修课，运用CSS样式可以让页面变得美观。
CSS语法由三部分构成：选择器、属性和值： selector {property: value}
CSS3 是最新的 CSS 标准。
css3比css多了一些样式设置而已。 css3是向前兼容的，也就是说，css中有效的code在css3也有效。
一个css与css3都有效的code，如果浏览器不支持css3，那么只会以css的样式显示。最常见的就是圆弧角。
一个只在css3中有效的code，如果浏览器不支持css3，那么其显示效果就不会出现。 css3和css，在编写code的时候，除了对一些css3中新出现的属性设置，其它完全一样。
CSS3新增属性
box-shadow(阴影效果)
border-colors(为边框设置多种颜色)
boder-image(图片边框)
text-shadow(文本阴影)
text-overflow(文本截断)
border-radius(圆角边框)
opacity(不透明度)
box-sizing(控制盒模型的组成模式):指定两个boxes接壤
resize(元素缩放):指定一个div元素，允许用户调整大小
outline(外边框)
background-origin(指定背景图片从哪里开始显示)
background-clip(指定背景图片从什么位置开始裁切)
background(为一个元素指定多个背景)
————————————————
版权声明：本文为CSDN博主「sun_sqc」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u014001717/article/details/80102882
1.文档的类型声明不同
html:<!DOCTYPE HTML PUBLIC \”-//W3C//DTD HTML 4.01//EN\” \”http://www.w3.org/TR/html4/strict.dtd\”>
<!DOCTYPE html PUBLIC \”-//W3C//DTD XHTML 1.0 Strict//EN\”
\”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\”>
html5:文档声明相对来说更为简便，有利于程序员快速阅读和开发。<!DOCTYPE html>
2.语义结构方面
html:没有结构语义化的标签（通俗来讲就是不方便阅读，没有告诉你哪里是头，哪里是尾巴）
html5:添加了许多具有语义化的标签，
使代码结构清晰，提高了代码的可读性。
下面是html5中的一些语义化标签：
< title></title>：简短、描述性、唯一（提升搜索引擎排名）
<hn></hn>：h1~h6分级标题，用于创建页面信息的层级关系。
<header></header>：页眉通常包括网站标志、主导航、全站链接以及搜索框。
也适合对页面内部一组介绍性或导航性内容进行标记。
<nav></nav>：标记导航，仅对文档中重要的链接群使用。
<main></main>：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。
<article></article>：表示文档、页面、应用或一个独立的容器.
<section></section>：具有相似主题的一组内容，比如网站的主页可以分成介绍、新闻条目、联系信息等条块。
<aside></aside>：指定附注栏，包括引述、侧栏、指向文章的一组链接、广告、友情链接、相关产品列表等。
<footer></footer>：页脚，只有当父级是body时，才是整个页面的页脚。
<small></small>：指定细则，输入免责声明、注解、署名、版权。
只适用于短语，不要用来标记“使用条款”、“隐私政策”等长的法律声明。
<strong></strong>：表示内容重要性。
<em></em>：标记内容着重点（大量用于提升段落文本语义）。
<mark></mark>：突出显示文本（yellow），提醒读者。
在HTML5中em是表示强调的唯一元素，而strong则表示重要程度。
<b></b>：出于实用目的提醒读者的一块文字，不传达任何额外的重要性
<i></i>：不同于其他文字的文字= =|||这个翻译真的是······
<figure></figure>：创建图（默认有40px左右margin）。
<figcaption></figcaption>：figure的标题，必须是figure内嵌的第一个或者最后一个元素。
<cite></cite>：指明引用或者参考，如图书的标题，歌曲、电影、等的名称，演唱会、音乐会、规范、报纸、或法律文件等。
只用于参考源本身，而不是从中引述。
<blockquoto></blockquoto>：引述文本，默认新的一行显示。
<q></q>：短的引述（跨浏览器问题，尽量避免使用）。
可以对blockquoto和q元素使用cite属性（不是cite元素！），对搜索引擎自动化工具有用。cite=“URL”引述来源地址。
<time></time>：标记时间。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式。 不再相关的时间用s标签。
<abbr></abbr>：解释缩写词。使用title属性可提供全称，只在第一次出现时使用就ok。
abbr[title]{ border-bottom:1px dotted #000; }
<dfn></dfn>：定义术语元素，与定义必须紧挨着，可以在描述列表dl元素中使用。
<address></address>：作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）。
如果提供整个页面的作者联系信息，一般放在页面级footer里。不能包含文档或者文档等其他内容。
<del></del>：移除的内容。
<ins></ins>：添加的内容。
少有的既可以包围块级，又可以包围短语内容的元素。
<code></code>：标记代码。包含示例代码或者文件名 （< > ）
<pre></pre>：预格式化文本。保留文本固有的换行和空格。
3.html5的绘图功能
1）canvas
在HTML5以前，web前端开发者无法在HTML页面上动态地绘制图片1）HTM5新增了一个<canvas></canavas>元素，相当于一个画布.但它本身不具备画图能力，必须使用脚本来完成实际的绘图任务。运用getContext方法可以返回一个对象，该对象提供了绘画的属性和方法。
• 步骤1:得到<canvas></canavas>DOM对象
• 步骤2:调用Canvas对象的getContext()方法得到CanvasRederingContext2D对象（getContext方法里面传一个参数：”2d”）
• 步骤3:调用CanvasRederingContext2D完成画图
2）SVG：可伸缩矢量图形，用于定义网络的基于矢量的图形。
————————————————
版权声明：本文为CSDN博主「yezi__626」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/yezi__6/article/details/82881729
我们在做Vue.js开发时，通常页面上只创建一个vue实例，代码的样式大概是这样的：
<div id="app">
{{message}}
</div>
<script>
var vue=new Vue({
el: '#app',
data() {
return {
message: "This is my vue"
}
}
});但在某些情况下，我们需要在页面上有多个vue实例，实践证明，Vue.js是支持多实例共存的，示例代码如下：
<div id="app1">
{{message}}
</div>
<div id="app2">
{{message}}
</div>
<script>
var vue1=new Vue({
el: '#app1',
data() {
return {
message: "This is Vue1"
}
}
});
var vue2 = new Vue({
el: '#app2',
data() {
return {
message: "This is Vue2"
}
}
});
</script>尽管这种解决方案可行，但并不推荐在复杂场景下使用。最近的项目中，遇到了一个场景，可以使用这种解决方案。在一个使用Asp.Net MVC的项目中，有一个“个人工作内容页面”，页面中包含很多互相没有关系的模块，比如“待办事务列表”、“会议通知”、“事件提醒”等等，这些模块根据登录用户权限动态进行加载，也就是说不同权限的用户页面上显示的模块是不一样的。在这个项目中，我们把每个模块作为一个MVC的局部视图，在控制器中，根据用户的权限，动态加载对应的局部视图。每个局部视图，都采用vue.js开发相应的客户端功能，每个局部视图中的vue都是一个独立的实例。
作者：寻找无名的特质
链接：https://www.jianshu.com/p/67944c60272e
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
近日，中国疾控中心发布新型冠状病毒感染肺炎公众预防指南。公众预防怎么做？有疾病流行地区居住旅行史人员怎么做？在家怎么做？公共场所怎么做？外出怎么做？病例密切接触者的居家医学观察怎么做？为了您和家人的平安，快来和小编一起学习这六篇指南。
No.1
公众预防要怎么做？
No.2
有疾病流行地区居住旅行史
人员应该怎么做？
No.3
在家怎么做？
No.4
公共场所怎么做？
No.5
外出怎么做？
No.6
病例密切接触者的
居家医学观察怎么做？
1月24日是大年三十，但对于再次临危受命出任国家卫健委高级别专家组组长的钟南山院士而言，这只是连日来辗转奔波中的又一个忙碌工作日。
疫情现状如何，有没有治疗方案，这个春节怎么过？24日，钟南山在广州医科大学附属第一医院给出了自己的看法。
▲一大早，钟南山院士就来到位于广医一院的办公室工作。通讯员苏越明摄
1.早发现早隔离是最有效的防控手段
截至1月24日24时，全国共确诊新型冠状病毒肺炎1287例，死亡41例。疫情是否会蔓延、病例是否会继续大规模增加，成为公众最为关心的问题。
钟南山表示，到目前为止，疫情没有出现非常明显的连锁反应，但仍然要非常小心，因为谁都不敢保证不会出来一个超级传播者。
钟南山强调，目前最有效的防控手段就是早发现早隔离。“发现了，就隔离！只要新型冠状病毒感染者及时被隔离，后期病人就会少很多。”他说，要尽可能减少传播，传播的病人越少，出现“超级传播者”的几率就减少。
▲钟南山院士到广医一院新住院大楼23楼负压病房区巡查。记者何涛摄
2.关于治疗：已有几种药物准备用于临床治疗
钟南山介绍，目前，已有几种药物准备用于临床治疗，“已经确认是安全的，但具体疗效还需进一步观察”。
“患者呼吸道里的病毒载量是多少，经过一段时间后会发生怎样的变化？其影像变化又是怎样的？把这些问题都弄明白了，很多东西就能够搞清楚”。
3.重视防护，但不必恐慌
钟南山还提及一个从武汉到外地旅游时发病的病例，刚开始出现症状时不愿意去医院就诊，两天后发烧严重了才去医院就诊。“本来一开始体温并不高，拖了两天时间，病情就严重了”。
他呼吁从湖北到外地过年的人员，如果出现症状，及时到医院就诊，如果没有症状，最好自我隔离14天。
“我们需要重视防护，但也不必恐慌。”钟南山也提醒大家，在春节期间只要注意防护，就可“安全过年”。“尽量减少走亲访友，尽量少去人员密集的场所，出门戴口罩，在室内注意通风，勤洗手，多运动，少熬夜。健康年才是幸福年。”
来源丨长沙发布综合广州日报、人民日报
记者丨何涛、黄蓉芳
编辑丨罗建勋 校对丨刘鑫宇
审核丨杜进
