摘要: 纯css 用户是否开启夜间模式可以使用媒体查询@media (prefers-color-scheme: light | dark)来查看,这样只需要配合:root的css变量就可以进行设置整个网站的主题颜色 关于夜间模式的媒体查询具体,可以见这篇文章 关于css变量,可以见MDN的介绍 配合js设 阅读全文
posted @ 2021-09-29 22:52 影依贤者 阅读(80) 评论(0) 推荐(0) 编辑
摘要: 下载 npm i mongoose -s 连接数据库 const mongoose = require("mongoose"); mongoose.connect(dbURL); const db = mongoose.connection; db.on("error", () => { conso 阅读全文
posted @ 2021-09-25 16:42 影依贤者 阅读(106) 评论(0) 推荐(0) 编辑
摘要: express配置路由只需要通过app.method(url,func)来配置,其中url配置和其中的参数获取方法不同 直接写全路径 路由中允许存在. get请求传入的参数 router.get("/home", (req, res) => { res.status(200).send(req.qu 阅读全文
posted @ 2021-09-23 11:49 影依贤者 阅读(37) 评论(1) 推荐(0) 编辑
摘要: 中间件 中间件是啥 在每次路由执行函数时额外执行的函数,类似于vue-router的路由守卫 使用 通过app.use()来使用中间件,中间件和路由的执行顺序按上到下依次执行 在中间件中修改的req res在后续中间件和路由中都能访问到,如req.body就是express.json()挂载的属性 阅读全文
posted @ 2021-09-23 10:02 影依贤者 阅读(17) 评论(0) 推荐(0) 编辑
摘要: fs文件模块 fs原生的文件模块不支持promiseAPI,可以通过在util中导入promisify()函数,将fs.readFile等方法放入后得到支持promiseAPI的新方法。 const fs = require("fs"); const { promisify } = require( 阅读全文
posted @ 2021-09-18 17:41 影依贤者 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 在vue3.x的setup语法糖中定义的变量默认不会暴露出去,这时使用definExpose({ })来暴露组件内部属性给父组件使用 // 子组件 <script setup> let aaa = ref("aaa") defineExpose({ aaa }); </script> // 父组件 阅读全文
posted @ 2021-09-18 16:47 影依贤者 阅读(705) 评论(0) 推荐(0) 编辑
摘要: 插件使用 通过导出一个含有install方法的对象,即可作为插件使用,install方法始终接收一个app对象--createVue的返回值,所以app即是全局vue实例。 配置全局属性 // properties.js export default { install(app) { app.con 阅读全文
posted @ 2021-09-14 17:09 影依贤者 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 在vue2中通过导入Vue构造函数再在上面绑定 // main.js import Vue from "vue" Vue.prototype.$test = "test" // 组件中 mounted(){ console.log(this.$test) } Vue3中需要使用一些api // ma 阅读全文
posted @ 2021-09-14 15:49 影依贤者 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 将图片作为变量引入 可以通用在一个js文件中引入Vue构造函数,在原型上绑定属性来在全局使用。 import Vue from "vue"; import img from "./img/img.png"; Vue.prototype.$img = { img, }; 再在main.js中引入即可 阅读全文
posted @ 2021-09-07 18:05 影依贤者 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 生命周期 validate 用来校验动态路由参数的有效性。 在该生命周期内可以访问this.methods 该生命周期必须返回一个布尔值或者包装了布尔值的Promise,如果为false会跳转进layouts/error.vue 使用context.params.xxx来验证路径 asyncData 阅读全文
posted @ 2021-08-27 14:50 影依贤者 阅读(30) 评论(0) 推荐(0) 编辑