first commit

历届学生/front-end-team-11/项目开发/上课项目/js项目封装/js/config/index.js

@@ -0,0 +1,37 @@
+// 放程序配置的，比如接口地址
+var config = {
+    devBaseUrl: 'http://127.0.0.1:3000/api/json',
+    testBaseUrl: 'http://127.0.0.1:3000/api/json/test',
+    prodBaseUrl: 'http://www.abc.com/api/json',
+    stage: 'dev',  // dev test prod
+    urlList: {
+        classList: '/classList',
+        info: '/info',
+    },
+    getBaseUrl: function () {
+        switch (this.stage) {
+            case "dev":
+                return this.devBaseUrl;
+                break;
+            case "test":
+                return this.testBaseUrl;
+
+                break;
+            case "prod":
+                return this.prodBaseUrl;
+                break;
+
+            default:
+                break;
+        }
+    }
+}
+
+// 基地址
+// 三个
+//  dev 开发阶段 http://127.0.0.1:3000/api/json/dev
+//  test 测试阶段 http://127.0.0.1:3000/api/json/test
+//  prod 上线阶段 http://www.abc.com/api/json
+
+// http://127.0.0.1:3000/api/json   /classList
+// http://127.0.0.1:3000/api/json   /info

历届学生/front-end-team-11/项目开发/上课项目/js项目封装/js/http/index.js

@@ -0,0 +1,78 @@
+class Http {
+    defaultOption = {
+        timeout: 6000,
+        headers: {
+            'Content-Type': 'application/json;charset=utf-8'
+        }
+    }
+
+    constructor() {
+        this.xhr = new XMLHttpRequest()
+    }
+
+    get(par) {
+        return new Promise((success, error) => {
+            this.setOption(par)
+            let urlParams = ""
+            for (const key in par.data) {
+                urlParams += `&${key}=${par.data[key]}`
+            }
+            urlParams = urlParams.replace("&", "")
+            this.xhr.open("GET", `${config.getBaseUrl()}${par.url}?${urlParams}`)
+            this.xhr.timeout = this.defaultOption.timeout
+            this.setHeader(par.headers)
+            this.xhr.send()
+            this.statechange(success, error);
+        })
+    }
+
+    post(par) {
+        return new Promise((success, error) => {
+            this.setOption(par)
+            this.xhr.open("POST", par.url)
+            this.xhr.timeout = this.defaultOption.timeout
+            this.setHeader(par.headers)
+            this.xhr.send(JSON.stringify(par.data))
+            this.statechange(success, error);
+        })
+    }
+
+    setOption(par) {
+        this.defaultOption.timeout = par.timeout || this.defaultOption.timeout
+        // ....
+    }
+
+    setHeader(headerObject = {}) {
+        Object.assign(headerObject, this.defaultOption.headers)
+        for (const key in headerObject) {
+            this.xhr.setRequestHeader(key, headerObject[key]);
+        }
+    }
+
+    statechange(success, error) {
+        this.xhr.onreadystatechange = () => {
+            if (this.xhr.readyState == 4) {
+                if (this.xhr.status == 200) {
+                    let data = JSON.parse(this.xhr.response)
+                    switch (data.status) {
+                        case 200:
+                            success(data.result)
+                            break;
+                        case 404:
+                            alert(data.msg)
+                            console.error(this.xhr);
+                            throw new Error(data.msg)
+                            break;
+                        default:
+                            break;
+                    }
+
+                } else {
+                    error(this.xhr)
+                }
+            }
+        }
+    }
+}
+
+var http = new Http();

历届学生/front-end-team-11/项目开发/上课项目/js项目封装/js/page/index.js

@@ -0,0 +1,16 @@
+class Index {
+    constructor() {
+        // console.log(config.getBaseUrl());
+        this.getClassList()
+    }
+
+    async getClassList() {
+        let res = await indexServe.classList({
+            id: 253,
+            page: 1
+        });
+        console.log(res);
+    }
+}
+
+new Index()

历届学生/front-end-team-11/项目开发/上课项目/js项目封装/js/serve/index.js

@@ -0,0 +1,17 @@
+class IndexServe {
+
+    async classList(data = {}, headers = {}) {
+        return await http.get({
+            url: config.urlList.classList,
+            data,
+            headers
+        });
+    }
+
+    async activity() {
+
+    }
+
+}
+
+var indexServe = new IndexServe()

历届学生/front-end-team-11/项目开发/上课项目/js项目封装/js/utils/index.js

@@ -0,0 +1,56 @@
+class Utils {
+
+    $(className) {
+        return document.querySelector(className);
+    }
+
+    _(className) {
+        return document.querySelectorAll(className);
+    }
+
+
+    click(className, callback, type = "click",) {
+        $(`${className}`)[`on${type}`] = (event) => {
+            callback(event)
+        }
+    }
+
+    query(name) {
+        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
+        var r = window.location.search.substr(1).match(reg);
+        if (r != null)
+            return unescape(r[2]);
+        return null;
+    }
+
+    customMethods() {
+        Element.prototype.add = function(className) {
+            this.classList.add(className)
+        }
+
+        Element.prototype.remove = function(className) {
+            this.classList.remove(className)
+        }
+
+        Element.prototype.none = function() {
+            this.style.display = "none"
+        }
+
+        Element.prototype.show = function() {
+            this.style.display = "block"
+        }
+
+        Element.prototype.toggle = function() {
+           if (this.style.display == "none") {
+            this.style.display = "block"
+           } else {
+             this.style.display = "none"
+           }
+        }
+    }
+
+
+}
+
+let { $, _, click, customMethods, query } = new Utils()
+customMethods()

历届学生/front-end-team-11/项目开发/上课项目/js项目封装/js/utils/rem.js

@@ -0,0 +1,10 @@
+((w, d) => {
+    function setSize() {
+        var screenWidth = d.documentElement.clientWidth;
+        var currentFontSize = screenWidth * 100 / 750;
+        d.documentElement.style.fontSize = currentFontSize + 'px';
+    }
+    w.addEventListener('resize', setSize);
+    w.addEventListener('pageShow', setSize)
+    w.addEventListener('DOMContentLoaded', setSize)
+})(window, document)