框架基本知识总结 Day9

Node.js

Node.js 是一个基于 Chrome V8 JavaScript 引擎构建的 JavaScript 运行环境。它使得开发者能够在服务器端运行 JavaScript，而不仅仅是在浏览器中运行。

SE6的一些语法特性

1.解构

是一种从数组或对象中提取数据并将其赋值给变量的语法。它让你可以更简洁地获取对象或数组中的值，而不需要通过繁琐的方式逐个提取。
属性，数组，键值对，方法都可以解构

2.模块化

类似于java的类，可以引入其他js文件中的方法属性，被引入的文件需要先暴露，然后在package.json文件中修改支持模块化（"type": "module"），另一个文件使用import引入（./ 表示当前目录   ../ 表示父目录）

//解构模快化
let user = {
    username: "小明",
    password: "1234",
    login(){
        console.log("登录成功");
    }
}
let { username, password } = user
console.log(username + "  and  " + password)
export default user
export  let a ='aaa'

3.Promise

为了解决回调地狱（使得异步操作的代码变得难以维护和理解。），比如ajax多层嵌套ajax
Promise 通过 .then() 和 .catch() 让异步操作的逻辑更清晰，避免了回调地狱。

//箭头函数语法更简洁，没有构造函数,继承外部的this
//setTimeout(()=>{console.log("xx大学")},500)
new Promise(function (resolve, reject) {
    setTimeout(function(){
        console.log("xx大学");
        resolve("xx大学");
    },1000)
}).then(function(res){
    console.log("第一个参数"+res);
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("计算机")
            resolve("计算机")
        },1500)
    })
}).then(res=>{
    console.log("第二个参数"+res);
    return new Promise(function(resolve,reject){
        setTimeout(function(){
            console.log("斌斌")
        })
    })
})

Vue3路由用法

1.定义路由规则
2.路由配置，router是路由对象，把声明的路由规则赋值给路由对象
3.挂载，用use方法把路由对象作用到Vue实例上
4.新建vue文件用于配置template，类似于java中的类

//定义路由规则
const routes = [{
    path:"/home",
    component:Home
},{
    path:"/back",
    component:Back
}]
//路由配置，router是对象
const router = createRouter({
    history:createWebHashHistory(),
    routes,
})
//挂载使用use方法，链式
createApp(App).use(router).mount('#app')

//Home.vue下

//使用模板