1
2
3
4
5
const values = [1, "hello", true];

for (let index = 0; index < values.length; index++) {
  console.log(values[index]);
}

1
2
3
4
5
6
7
function add(left, right) {
  return left + right;
}

const multiply = function (left, right) {
  return left * right;
};

1
2
3
4
5
6
7
8
9
10
const user = {
  name: "Tom",
  age: 23,
  sayHello() {
    console.log(`Hello, ${this.name}`);
  }
};

console.log(user.name);
user.sayHello();

1
2
3
4
5
6
7
window.addEventListener("load", () => {
  const button = document.getElementById("submit");

  button.addEventListener("click", () => {
    console.log("button clicked");
  });
});

1
2
const emailPattern = /^[\w-]+@([a-zA-Z]+\.)+[a-zA-Z]+$/;
console.log(emailPattern.test("[email protected]"));

1
2
3
4
5
6
const data = {
  "name": "Tom",
  "age": 23,
  "skills": ["JavaScript", "Vue"],
  "active": true
};

1
2
3
4
5
6
console.log(data.name);
console.log(data["age"]);

for (const key in data) {
  console.log(key, data[key]);
}

1
2
const jsonText = JSON.stringify(data);
const parsedData = JSON.parse(jsonText);

1
2
3
4
5
6
7
$(function () {
  const $button = $("#submit");

  $button.click(function () {
    alert("提交");
  });
});

1
2
3
const button = document.getElementById("submit");
const $button = $(button);
const originalButton = $button[0];

1
2
3
4
5
$("input[type='text']").val("足球");

$("input:hidden").each(function () {
  console.log(this.value);
});

1
2
3
4
5
6
7
8
9
10
11
12
13
$("#select-all").click(function () {
  $("input[name='hobby']").prop("checked", true);
});

$("#clear-all").click(function () {
  $("input[name='hobby']").prop("checked", false);
});

$("#invert").click(function () {
  $("input[name='hobby']").each(function () {
    this.checked = !this.checked;
  });
});

1
2
3
$(function () {
  console.log("DOM ready");
});

1
2
3
4
5
if (true) {
  let message = "block scope";
  const version = "ES6";
  console.log(message, version);
}

1
2
3
arr = [1, 3, 5]
let [a, b, c] = arr
let [num1, num2, num3] = [1, 2, 3]

1
2
3
4
5
6
7
8
9
10
11
12
// 对象解构
let user = {name: "Alan", age: 10}
// 传统写法
console.log(user.name, user.age)
// es6写法,把对象属性赋值给变量,变量名字和
// 对象的属性名字相同,与顺序无关
let {name, age} = user;
// 在方法中使用对象解构, 依旧要保持变量名相同
// 不同就是undefined
function fun1({name, age}) {
  console.log(name,age)
}

1
2
  let userInfo = `用户名${name},年龄${age}`
  let calResult = `1+2=${1 + 2}`

1
2
3
4
5
  function sayHello(name) {
    return "hi " + name
  }
  let result = `返回结果${sayHello('name')}`
  let result1 = `返回结果${sayHello(age)}`

1
2
3
4
5
6
  let name = "jack"
  let age = "23"
  // 传统写法
  let user = {name: name, age: age}
  // es6 表示对象的属性名是name和age, 值是已经声明的变量的name和age的值
  let user = {name, age}

1
2
3
4
5
6
7
8
9
  let user = {
    name: 'Alice',
    age: 22,
    showInfo: function () {
      // 使用成员变量一定要加上this.variable
      console.log(this.name, this.age)
    },
  }
  user.showInfo()

1
2
3
4
5
6
7
8
9
  let user = {
    name: 'Alice',
    age: 22,
    showInfo() {
      // 使用成员变量一定要加上this.variable
      console.log(this.name, this.age)
    },
  }
  user.showInfo()

1
2
3
4
    let cat = {name: "多啦A梦", age: 2}
    let cat2 = cat;
    cat2.name = 'tom喵';
    console.log(cat == cat2) // true

1
    let cat2 = {...cat}

1
2
3
4
  let cat = {name: "多啦A梦", age: 2}
  let tool = {tool_name: "任意门", color: "black"}
  let cat_tool = {...cat, ...tool}
  {"name": "多啦A梦", "age": 2, "tool_name": "任意门", "color": "black"}

1
2
3
4
5
6
7
8
9
10
    let fun1 = (n) => n * 2;

    let f2 = (n, m) => {
      let sum = 0;
      for (let i = n; i <= m; i++) {
        sum += i;
      }
      return sum;
    }
    f2(1,100)

1
2
3
4
    function fun2(func) {
      console.log(func(10))
    }
    fun2((n) => n * n)

1
2
3
4
5
6
// 形参名和要对象属性一致,否则拿不到数据
let user = {name: "Alice", age: 23}
let f3 = ({name,age}) =>{
    console.log(name,age)
}
f3(user)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function get(url, data) {
  return new Promise((resolve, reject) => {
    $.ajax({
      url,
      data,
      success(result) {
        resolve(result);
      },
      error(error) {
        reject(error);
      }
    });
  });
}

1
2
3
4
5
6
7
8
9
get("data/user.json")
  .then((user) => get(`data/userDetail_${user.id}.json`))
  .then((detail) => get(`data/userDetail_${detail.friendId}.json`))
  .then((friend) => {
    console.log(friend);
  })
  .catch((error) => {
    console.error("请求失败", error);
  });

1
2
3
4
5
6
7
8
9
// math.js
function sum(left, right) {
  return left + right;
}

module.exports = {
  sum,
  PI: 3.14
};

1
2
3
// app.js
const math = require("./math");
console.log(math.sum(10, 20));

1
const { sum } = require("./math");

1
2
3
// math.js
export const sum = (left, right) => left + right;
export const PI = 3.14;

1
2
3
// app.js
import { PI, sum } from "./math.js";
console.log(sum(10, 20), PI);

1
2
3
4
5
// calculator.js
export default {
  sum: (left, right) => left + right,
  multiply: (left, right) => left * right
};

1
2
import calculator from "./calculator.js";
console.log(calculator.multiply(2, 3));

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
$(function () {
  const $username = $("input[name='username']");

  $username.blur(function () {
    const xhr = new XMLHttpRequest();

    xhr.onreadystatechange = function () {
      if (xhr.readyState === 4 && xhr.status === 200) {
        const result = JSON.parse(xhr.responseText);
        $("#msg").text(result.msg);
      }
    };

    const username = encodeURIComponent($username.val());
    xhr.open("GET", `/checkUsrServlet?username=${username}`, true);
    xhr.send();
  });
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$.ajax({
  url: "/checkUsrServlet",
  type: "POST",
  data: {
    username: $("input[name='username']").val()
  },
  dataType: "json",
  success(result) {
    $("#msg").text(result.msg);
  },
  error(error) {
    console.error("请求失败", error);
  }
});

1
    <button @click="count=count+3">点击+3</button>

1
    <input v-model.trim="msg">

1
2
3
4
5
6
7
    onMySubmit() {
      if (!this.user.name) {
        console.log("请输入名字")
      } else {
        console.log("可以提交名字: " + this.user.name)
      }
    }

1
2
3
4
5
import Vue from "vue";
import axios from "axios";
import VueAxios from "vue-axios";

Vue.use(VueAxios, axios);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
module.exports = {
  devServer: {
    port: 8888,
    proxy: {
      "/api": {
        target: "http://localhost/furn_ssm",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
};

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
import axios from "axios";

const request = axios.create({
  timeout: 5000
});

request.interceptors.request.use(
  (config) => {
    config.headers["Content-Type"] = "application/json;charset=utf-8";
    return config;
  },
  (error) => Promise.reject(error)
);

request.interceptors.response.use(
  (response) => {
    let result = response.data;

    if (response.config.responseType === "blob") {
      return result;
    }

    if (typeof result === "string") {
      result = result ? JSON.parse(result) : result;
    }

    return result;
  },
  (error) => Promise.reject(error)
);

export default request;

1
2
3
4
5
6
7
8
9
10
request.get("/api/furn/getPageByName", {
  params: {
    pageNum: this.pageNum,
    pageSize: this.pageSize,
    name: this.search
  }
}).then((response) => {
  this.furnList = response.data.data.furnList;
  this.totalRows = response.data.data.totalRows;
});

1
2
3
4
5
6
request.post("/api/furn", this.formData, {
  headers: {
    "Content-Type": "application/json"
  },
  responseType: "json"
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
module.exports = {
  devServer: {
    port: 8848,
    proxy: {
      "/api": {
        target: "http://localhost/furn_ssm",
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
};

1
2
3
4
5
6
7
8
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";

createApp(App)
  .use(store)
  .use(router)
  .use(ElementPlus)
  .mount("#app");