Coder-Li-wj Blog

我把梦想卖了,换成了柴米油盐

开发问题记录

开发问题记录——持续更新...

一、开发遇到的问题 1、OSS的下载链接,直接复制在新标签页能打开下载,但是通过a标签下载,就会跳转到报错页面403 (Forbidden) You are denied by bucket referer policy. 原因: OSS 中开了 refer 校验,通过在 a 标签的 rel 属性配置禁止携带 refer 就能正常跳转下载。 1 2 3 4 5 const link = d...

鉴权方式

其他——介绍项目相关的鉴权方式

服务端渲染推荐使用 Session 认证机制 前后端分离推荐使用 JWT 认证机制 Session 认证机制 1. 什么是 Cookie ? Cookie 是存储在用户浏览器中的一段不超过 4 KB 的字符串。它由一个名称(Name)、一个值(Value)和其它几个用 于控制 Cookie 有效期、安全性、使用范围的可选属性组成。 不同域名下的 Cookie 各自独立,每当客户...

项目相关配置

Vue——介绍项目相关的配置文件以及配置方法

vue.config.js文件 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 module.exports = { publicPath: "/", //部署时的基本 URL,路由是hash模式用'./',history模式用'/' assetsDir: './static', //存放静态文件 (js、css、img、fonts)的目录 product...

React基础知识

React——React基础知识记录,持续更新...

JSX知识 在JSX中可以通过大括号{}识别JS中的表达式,比如常见的变量、函数调用、方法调用等等。 列表渲染 1 2 3 4 5 6 7 8 function Hello () { const list = [{label: 'aaa', value: 'aaa'},{label: 'bbb', value: 'bbb'}] return ( <ul&g...

Node.js基础知识整理

Node.js——Node.js基础知识记录,持续更新...

Node.js 浏览器是JavaScript的前端运行环境; Node.js是JavaScript的后端运行环境; Node.js中无法调用DOM和BOM等浏览器内置的API。 global全局对象 1、常用的全局变量 __filename表示当前文件所在的绝对路径。例如:H:\My_Projects\nodeProject\test.js pr...

开发记录

JavaScript——JavaScript相关问题记录,持续更行...

1、【代码优化】每条判断语句中包含多个可满足的条件 优化前 1 2 3 4 5 6 7 8 9 10 function foo(value){ if(value === 1 || value === 2 || value === 3 || value === 4){ toDoA(param); }else if(value === 5 || value ==...

开发记录

CSS——CSS开发中遇到的问题,持续更新...

1、CSS 媒体查询 prefers-color-scheme 跟随系统深浅主题切换页面颜色 第一种:直接使用CSS的方法。 1 2 3 4 /* 当系统变为暗主题时也自动变为暗主题,无需人工干预 */ @media (prefers-color-scheme: dark) { /* Dark Mode Styles */ } 第二种:使用js,利用matchMedia函数。 m...

git命令

git常用 命令的使用

Git简介 Git是一个分布式的版本控制系统,与集中式的版本控制系统不同的是,每个人都工作在通过克隆建立的本地版本控制库中。也就是说每个人都拥有一个完整的版本库,查看提交日志、提交、创建里程碑和分支、合并分支、回退等所有操作都直接在本地完成而不需要网络连接。 Git三大区 git常用命令 git init —– 初始化本地仓库 git status —– 查看当...

-->