first commit

2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
--- a/历届学生/刘合群/2019-01-18/ajax.js
+++ b/历届学生/刘合群/2019-01-18/ajax.js
@@ -0,0 +1,97 @@
+/**
+ * 1: ajax封装实现 1
+ */
+function get(url, callback) {
+    var http;
+    http = new XMLHttpRequest();
+    http.open("GET",url, true);
+    http.send();
+    http.onreadystatechange = function () {
+        if(http.readyState == 4) {
+            callback(JSON.parse(http.responseText))
+        }
+    }
+}
+
+
+/**
+ * 2: ajax封装实现 2
+ */
+// (function (win) {
+//     var $ = function () {},
+//         http = null;
+//
+//     // 向方法 $ 中追加一个方法 init，用来初始化ajax请求
+//     $.init = function () {
+//         http = new XMLHttpRequest();
+//     }
+//
+//     // 向方法 $ 中追加一个方法 get，用来发送get请求
+//     $.get = function (url, callback) {
+//         $.init()
+//         http.open("GET",url, true);
+//         http.send();
+//         http.onreadystatechange = function () {
+//             if(http.readyState == 4) {
+//                 callback(http.responseText)
+//             }
+//         }
+//
+//     }
+//     win.$ = $;
+// })(window)
+
+
+
+
+/**
+ * 2: ajax封装实现 2 精简版
+ */
+// (win => {
+//     var $ = () => {}, http = null;
+//
+//     // 向方法 $ 中追加一个方法 init，用来初始化ajax请求
+//     $.init = () => http = new XMLHttpRequest();
+//
+//     // 向方法 $ 中追加一个方法 get，用来发送get请求
+//     $.get = (url, callback) => {
+//         $.init()
+//         http.open("GET",url, true);
+//         http.send();
+//         http.onreadystatechange = () => http.readyState == 4 ?  callback(http.responseText) : callback('noData')
+//     }
+//     win.$ = $;
+// })(window)
+
+
+
+
+
+// function f(a,b) {
+//     var result = a + 100;
+//
+//     b(result)
+// }
+//
+// function f1() {
+//     f(1,function (data) {
+//         console.log(data)
+//     } )
+// }
+//
+//
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
--- a/历届学生/刘合群/2019-01-18/index.html
+++ b/历届学生/刘合群/2019-01-18/index.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <script src="ajax.js"></script>
+</head>
+<body>
+
+
+    <ul id="list">
+
+
+
+    </ul>
+
+ <script>
+
+     // /**
+     //  * 前后端一种局部刷新的前后端数据交互的方式。
+     //  * http://www.runoob.com/ajax/ajax-intro.html
+     //  *
+     //  */
+     // // 1：掏出手机(初始化ajax对象，方便下面开始使用)
+     // var http = new XMLHttpRequest();
+     //
+     // // 2：相当于掏出手机，输入好手机号
+     // http.open("GET","http://lb2271608011.coding.me/feed.json", true);
+     //
+     // // 3：拨号(发送网络请求)
+     // http.send();
+     //
+     // // 4：通过 onreadystatechange 监听网络请求的状态，相当于电话拨号中的各种状态
+     // http.onreadystatechange = function () {
+     //     if(http.readyState == 4) {
+     //         console.log(http.responseText)
+     //     }
+     // }
+
+     /**
+      * 1: ajax封装实现 1
+      */
+     // $.get("http://lb2271608011.coding.me/feed.json",function (data) {
+     //     console.log(data)
+     // })
+
+     /**
+      * 2: ajax封装实现 2
+      *
+      * 任务：
+      * 将 data 数据中的 items 数组渲染到页面上，通过 ul li 标签来渲染。
+      */
+
+     var NewsLsit = document.getElementById("list"),
+         html = "";
+     get("http://lb2271608011.coding.me/feed.json", function (data) {
+         for (var i =0;i<data.items.length;i++) {
+             html += `<li>
+                        <a href="${data.items[i].link}" target="_blank"> ${data.items[i].title} </a>
+                      </li>`
+         }
+         NewsLsit.innerHTML = html
+     })
+
+     /**
+      * 下节课任务：实现天气app，或者 实现百度翻译
+      */
+
+ </script>
+
+</body>
+</html>