From 3cd96c26ab95ca37a23a5ac9aaa716d011dcbaf8 Mon Sep 17 00:00:00 2001 From: jfy1996 <55170477+jfy1996@users.noreply.github.com> Date: Wed, 6 Nov 2019 16:48:59 +0800 Subject: [PATCH 1/2] Add files via upload --- "2019-11-06-C\347\273\204-js1/demo-1.css" | 26 +++ "2019-11-06-C\347\273\204-js1/demo-1.html" | 24 +++ "2019-11-06-C\347\273\204-js1/demo-1.js" | 7 + "2019-11-06-C\347\273\204-js1/js1.html" | 184 +++++++++++++++++++++ 4 files changed, 241 insertions(+) create mode 100644 "2019-11-06-C\347\273\204-js1/demo-1.css" create mode 100644 "2019-11-06-C\347\273\204-js1/demo-1.html" create mode 100644 "2019-11-06-C\347\273\204-js1/demo-1.js" create mode 100644 "2019-11-06-C\347\273\204-js1/js1.html" diff --git "a/2019-11-06-C\347\273\204-js1/demo-1.css" "b/2019-11-06-C\347\273\204-js1/demo-1.css" new file mode 100644 index 00000000..689887c2 --- /dev/null +++ "b/2019-11-06-C\347\273\204-js1/demo-1.css" @@ -0,0 +1,26 @@ + +/*.box #word {*/ +/* background-color: red;*/ +/* color: #222222;*/ +/* font-size: 40px;*/ +/*}*/ + +/*.live {*/ +/* background-color: yellow!important;*/ +/* color: #222222;*/ +/* font-size: 40px;*/ +/*}*/ + +/*!*!*#word {*!*!*/ +/*!*!* background-color: #1D7AD9;*!*!*/ +/*!*!* color: #222222;*!*!*/ +/*!*!* font-size: 40px;*!*!*/ +/*!*!*}*!*!*/ + +/*.game {*/ +/* background-color: black;*/ +/*}*/ + +/*.data {*/ +/* background-color: #888888;*/ +/*}*/ \ No newline at end of file diff --git "a/2019-11-06-C\347\273\204-js1/demo-1.html" "b/2019-11-06-C\347\273\204-js1/demo-1.html" new file mode 100644 index 00000000..558ef69d --- /dev/null +++ "b/2019-11-06-C\347\273\204-js1/demo-1.html" @@ -0,0 +1,24 @@ + + + + + + Title + + + +
+

苟利国家生死以

+

岂因祸福避趋之

+

我寄愁心与明月

+

随风直到夜郎西

+ +

jojo我不做人啦

+

但是我拒绝

+ +
+ + + + + \ No newline at end of file diff --git "a/2019-11-06-C\347\273\204-js1/demo-1.js" "b/2019-11-06-C\347\273\204-js1/demo-1.js" new file mode 100644 index 00000000..12a0373f --- /dev/null +++ "b/2019-11-06-C\347\273\204-js1/demo-1.js" @@ -0,0 +1,7 @@ + + +var box=document.getElementsByClassName("text"); +box.style.color="blue"; + +var a=document.getElementById("word"); +a.style.backgroundColor="red"; \ No newline at end of file diff --git "a/2019-11-06-C\347\273\204-js1/js1.html" "b/2019-11-06-C\347\273\204-js1/js1.html" new file mode 100644 index 00000000..c0574fe8 --- /dev/null +++ "b/2019-11-06-C\347\273\204-js1/js1.html" @@ -0,0 +1,184 @@ + + + + + + + 葡萄藤PPT + + + + + + + + + + + + + + + + + +
+
+
+

ID和Class有什么区别？

+

+

分享人：蒋奉苡

+
+
+

1.背景介绍

+

2.知识剖析

+

3.常见问题

+

4.解决方案

+

5.扩展思考

+

6.编码实战

+

7.参考文献

+

8.更多讨论

+
+
+

1.背景介绍

+
+
+

+ id和class +

+

用css制作网页时，都会用到class和id来设置样式，它们都可以改变网页的样式，我们应该知道什么时场合使用class，什么时候用id。下面介绍一下两者的用法。

+

+ +

+ + +
+ + +
+

2.知识剖析

+
+ +
+

+ 类选择器和id选择器 + +

+ 1.class称为类选择器，可以为元素定义样式，它可以同时在多个标签中使用，为它们设置相同样式。 +

+

+ 2.ID选择器，identity是身份的意思，如同我们的身份证一样，它具有唯一性，在网页中只能使用一次。 + +

+

+ 3.class在css中以小写的"."来命名，比如".color"。id以"#"号命名，如"#name",对大小写敏感。 +

+ + +
+ + + +
+

3.常见问题

+ +

+ 两者的优先级及场景使用 +

+ +
+ +
+

4.解决方案

+

+ id选择器的优先级要大于class选择器的优先级,如果加了!important,情况又将不同 + +

+
+ + +
+

5.扩展思考

+

+ 1.如何选取子class + 1.jQuery中如何调用class和id + +

+
+ +
+

6.编码实战

+
+ +
+

7.参考文献

+

+ 参考一：https://www.xuewangzhan.net/webqd/16232.html + + 参考二：https://www.runoob.com/css/css-id-class.html + + 参考三：https://www.php.cn/js-tutorial-367717.html + +

+ + +
+
+

8.更多讨论

+

+ 1.class可以多次使用，id只能使用一次 + 2.jQuery中调用id和class稍有不同 + 3.优先级问题 +

+
+
+

结束语

+

今天的分享就到这里啦，感谢大家观看

+
+ +
+
+ + + + + + + \ No newline at end of file From 62910ecbe6caad8a71d9d264a7970191f8765c66 Mon Sep 17 00:00:00 2001 From: jfy1996 <55170477+jfy1996@users.noreply.github.com> Date: Mon, 13 Jan 2020 16:44:01 +0800 Subject: [PATCH 2/2] Add files via upload --- 2020.01.13-c-js5.html | 243 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 243 insertions(+) create mode 100644 2020.01.13-c-js5.html diff --git a/2020.01.13-c-js5.html b/2020.01.13-c-js5.html new file mode 100644 index 00000000..2df5f9cf --- /dev/null +++ b/2020.01.13-c-js5.html @@ -0,0 +1,243 @@ + + + + + + + 葡萄藤PPT + + + + + + + + + + + + + + + + + +
+
+
+

PostMan如何使用？

+

+
+
+

1.背景介绍

+

2.知识剖析

+

3.常见问题

+

4.解决方案

+

5.扩展思考

+

6.编码实战

+

7.参考文献

+

8.更多讨论

+
+
+

1.背景介绍

+
+
+

什么是Postman？ +

+

+ 　在平时开发中，特别是需要与接口打交道时，不管是写接口还是用接口，拿到接口后肯定都得提前测试一下， + 用户在开发或者调试网络程序或者是网页B/S模式的程序的时候是需要一些方法来跟踪网页请求的， + 这样的话就非常需要有一个比较给力的Http请求模拟工具，现在流行的这种工具也挺多的，主要介绍一下Postman。 +

+ + +
+ + +
+

2.知识剖析

+
+ +
+

+ Postman +

+ 　Postman是一种网页调试与发送网页http请求的工具。我们可以用来很方便的模拟get或者post或者其他方式的请求来调试接口。 +

+ +

Postman下载

+

postman分为Postman Chrome app和独立安装包版本。目前Chrome app已经停止维护，官方已经不推荐使用该版本。所以现在都是使用安装版本。 + 下载地址https://www.getpostman.com/ + +

+
+ + +
+ +

GET 请求

+ GET请求：点击Params，输入参数及value，可输入多个，即时显示在URL链接上， + 所以，GET请求的请求头与请求参数如在接口文档中无特别声明时，可以不填。 + + 点击Params按钮打开参数编辑器，输入URL参数。我们可以单独添加键-值对，Postman会将上述查询字符串中的所有内容组合在一起。如果网址已经有参数，Postman会自动将网址分成键-值对两部分。 + +

POST请求

+ 方法是post方法，将找到的接口复制在URL栏中，在文档中找到的请求参数info和key，切记要放在body中，不要放错了 + + +
+
+ +
+
+

3.常见问题

+

返回的数据如何查看？

+

接口请求流程

+ +
+ + +
+

4.解决方案

+

+ 将其它格式点击转化为json格式。 +

+ +

+ 选择一个请求方法，如：get或post
+ 填写请求的url，如：http://www.baidu.com
+ 如果是get则请求参数直接写在url后，用？连接
+ 如果是post则请求添加在body中
+ 点击“send”发送请求
+ 查看请求响应内容
+

+ +
+ + + +
+

5.扩展思考

+

+ post和get方法的比较 +

+

+ 相对于get，post是稍微安全一点的，数据在地址栏不可见。从传输的角度来看，其实都不太安全，因为http在网络上是明文传包的，只要在网络节点上抓包，就能完整的获取数据报文。 + 想要安全，得加密，用https +

+
+ +
+

+ 优缺点 +

+

1.简单易用的图形用户界面

+

2.可以保存接口请求的历史记录

+

3.使用测试集Collections可以更有效的管理组织接口

+

4.可以在团队之间同步接口数据如果想系统的学习接口测试相关的技术

+

5.脚本语言是js

+

6.自带各种代码模块

+

7.不能操作文件相关的操作,不能读写数据库,不能使用非HTTP协议

+

......等等

+
+
+

6.编码实战

+
+ +
+

7.参考文献

+

+ 参考一：https://blog.csdn.net/flowerspring/article/details/52774399 +

+

+ 参考二：https://www.jellythink.com/archives/161 +

+ +
+
+

8.更多讨论

+

+ Get方法有长度限制? +

+

+ 浏览器地址栏输入的参数是有限的。HTTP协议没有body和url的长度限制，对url限制的大多是浏览器和服务器的原因。 + + 服务器是因为处理长url要消耗比较多的资源，为了性能和安全（防止恶意构造长url来攻击）考虑，会给url长度加限制。 +

+
+ +
+

+ 管理Collections +

+

+ 一个工程一个Collection，这样管理起来更直观 + + Collections创建后还可以添加子文件夹，针对不同的请求方式做分组。 +

+
+ + + + + + + + + + + +
+

结束语

+

今天的分享就到这里啦，感谢大家观看

+
+ +
+
+ + + + + + +