框架基本知识总结 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下
//使用模板

你可能感兴趣的:(vue,vue.js)