随笔分类 - 网站
网站开发相关笔记
摘要：[ 移动端浏览器会缩放字体导致页面布局变化 ] ps: 这个问题弄得我整个人都不好了，移动端浏览器可以设置字体缩放，而且不同浏览器不同设备默认缩放程度不同。 仔细观察页面，就会发现也不是所有的字体都会被缩放。 经过反复对比发现，提供了宽高数值，并且设置了flex布局的文字就不会被缩放，无论怎么设置字
阅读全文
摘要：[ 安装 ] 安装卡死的话，把npm源切换会npm npx nuxi@latest init demo [ 常用目录 ] pages 页面目录，有该目录的情况下，app.vue里面必须配置<NuxtPage />标签才可以，如果要访问首页，pages目录中必须存在index.vue文件，即便该文件没
阅读全文
摘要：[ 基础用法 ] 声明数据类型 和 方法断言 let str: string = 'hello world' console.log(str) const arr: number[] = [1, 2, 3] const result = arr.find(i => i > 2) as number
阅读全文
摘要：[ Ts + express + vscode ] 安装环境依赖 // 开发依赖 npm i -D typescript ts-node nodemon @types/express @types/node // 生产依赖 npm i express 初始化 Ts 配置文件 // 该操作会创建tsc
阅读全文
摘要：[ 官方文档的坑 ] 文档示例 [ 服务端 ] 官方文档给出了一个入门的示例，但是如果按照这个示例，会得到一个不断循环出现的404。 解决这个问题，只需要理解一点就好，socket.io会启动一个服务器，这个服务器和express启动的服务器不是一个东西，所以不能监听同一个端口。 简言之，如果我们给
阅读全文
摘要：[ 思路 ] 游客，会员，管理员，不同身份对应的页面数量是不同的，所以再token中要对角色身份和权限进行标记 服务端需要对前端页面进行权限统筹，针对不同权限的用户，返回相应权限范围的页面和导航数据。 前端收到与用户权限相对应的页面和导航数据后，进行匹配渲染。 在导航守卫中加入资源预请求，根据请求到
阅读全文
摘要：[ 直接使用 ] const response = await axios.get / delete(url, config) const response = await axios.post / put / patch (url, config) [ 二次封装 ] import axios fr
阅读全文
摘要：[ slot 插槽 ] 官方文档 [ slot 有什么用？ ] 为了复用，在开发过程中，会产生很多组件，组装这些组件会形成一个树形结构。 如果组件嵌套层数过多，过于零碎，不利于开发和维护。 slot 插槽的作用，就是讲组装过程扁平化，比如有三级组件，正常需要在一级组件中嵌入二级组件，在二级组件中嵌入
阅读全文
摘要：[ 什么是vue-router ] 传统的路由是针对服务器不同文件，这样路由的变动就会导致新页面加载，导致页面刷新。vue-router 实现了在 vue 组件基础上，不加载页面文件，而是更改部分页面组件的方式来展现不同路由时显示的内容。同时节约了客户端和服务端资源。 [ 安装 ] npm i vu
阅读全文
摘要：[ API ] https://element-plus.org/zh-CN/component/overview.html [ 安装 和 配置 ] $ npm i element-plus $ npm install -D unplugin-vue-components unplugin-auto
阅读全文
摘要：[ uuid ] https://www.npmjs.com/package/uuid#api-summary npm i uuid const {v4 uuidv4} = require('uuid') // v1 v3 v4 v5 const id = uuidv4() 还可以进行格式化，解析，
阅读全文
摘要：[ jsonwebtoken ] token 令牌，注册时生成，登陆验证通过后下发 // install npm install jsonwebtoken // 生成 const token = 'Bearer ' + jwt.sign({userid: 1}, secret) // secret
阅读全文
摘要：[ 函数对象 ] 小括号左边一定是函数，小数点左边一定是对象，具备二者特性的对象是函数对象 function Fn(){} // 函数 Fn.prototype // 函数对象 Fn.bind({}) // 函数对象 const fn = new Fn() // Fn 前方有 new 关键字，此时
阅读全文
摘要：[ validator ] express-validator 是基于 validator 进行工作的，在这个网站可以查询可以使用的验证方法。 https://www.npmjs.com/package/validator [ express-validator 官方文档 ] https://exp
阅读全文
摘要：[ 插件 ] https://nodejs.cn/express/5x/api/ 开发日志 npm i morgan const morgan = require('morgan') app.use(morgan('dev')) 跨域设置 npm i cors const cors = requir
阅读全文
