曹小瑜-CSDN博客

原创 wx.reqest 插件（请求拦截+响应拦截+ 无感刷新）

在请求拦截器上根据返回的状态码，如果为401说明token失效，然后重新调用接口获取新的token，重新储存新的token，然后获取原来接口的请求参数，重新添加字段authorization，重新发起请求。先引入第三方插件 wx.https，构建npm，在页面中引入写拦截器，在请求拦截中指定默认头的信息，登陆完成后给token添加字段返回options。拦截器可以根据返回的状态码进行操作，将其挂载在wx全局上。

2023-10-17 21:07:01 384

原创 vue2、vue3、微信小程序生命周期

beforeCreate----created 创建前后beforeMount---mounted 挂载前后beforeUpdate---Updated 修改前后beforeDestory---destoryed 销毁前后activated---deactivated keep-alive在组件被激活/销毁时调用。

2023-10-17 20:26:37 372

原创 git拉取代码、提交

git clone 公司的远程仓库地址 git branch 分支名 ---创建新的分支 git checkout 分支名 ---切换到新分支 git branch ---查看当前在哪个分支在创建的分支内增添新的内容 ---在当前分支添加内容 git add . --提交 git commit -m "第一次提交" git push origin 分支名 --提交到当前分支上合并分支（只能在主分支合并） git checkout master ---切换到主分支 g

2023-10-17 20:03:40 118

原创常见的http状态码、http和https的区别、浏览器从输入url到页面加载完成发生了什么、TCP连接(三次握手, 四次挥手）、前端安全（XSS、CSRF、sql注入)、get与post区别

200：请求成功，返回数据201：请求成功，服务器创建了新的资源202 ：服务器接收了请求，但是还未处理。

2023-10-12 21:19:50 157

原创 pina与vuex的区别、路由守卫、vue3的所有生命周期钩子函数、vue3双向数据绑定原理、Vue3+ts如何父传子，子传父，写出代码、provide,inject 怎么使用？

pina与vuex都是状态管理的工具，但是pina有两种语法，一种是选线型API，一种是组合式API 路由守卫分为全局路由守卫、组件内的守卫、路由独享守卫 setup--beforeCreate与created的结合 onBeforeMount-onMounted onBeforeUpdate-onUpdated onBeforeUnmount-onUnmounted onActivated-onDeactivated vu

2023-10-10 20:06:11 1637 1

原创图片上传的流程、支付的流程

再封装上传的组件，利用element plus 的upload，可以配置文字和图标，最大数量和最大体积等，封装axios请求，调用接口，考虑上传成功和失败的情况。二、根据订单是支付宝、微信、或者云闪付方式支付，一、对于文件上传，我们需要设置请求头为。

2023-10-07 21:59:50 49 1

原创虚拟dom、http状态码、http与https区别、vue3双向数据绑定原理、移动端适配原理

Vue 的虚拟 DOM（Virtual DOM）是⼀种用JS 对象来描述真实 DOM 结构的技术。它可以提高 DOM 操作的效率，从而提高应用的性能在vue中，当代码执行到生命周期create和beforMount之间的时候，会编译template模板生成render函数，然后函数运行生成虚拟DOM并返回生成结果vue2虚拟dom实现：diff算法、createElement函数。

2023-09-26 21:23:47 105

原创作用域、闭包、this指针、异步和单线宏任务微任务

作用域分为局部作用域和全局作用域，局部作用域又分为块级作用域（let、const）和函数作用域在函数作用域中，变量向上级一层一层查找，直到找到为止，最高查找到全局作用域就形成了作用域链。

2023-09-21 19:39:56 53

原创 src与href的区别、link与@import的区别、css3/Html5的新特性、浏览器兼容问题、原型与原型链

animation 定义动画：@keyframes 动画名称。

2023-09-20 18:59:27 451 1

原创水平垂直居中、两栏布局、三栏布局、flex布局、常见的块级/行内/空元素、CSS Hack

1）主轴方向：flex-driectionrow（默认值）：主轴为水平方向，起点在左端。：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。：主轴为垂直方向，起点在下沿。2）如何换行：flex-wrapnowrap（默认值）：默认不换行wrap：换行，第一行在上：换行，第一行在上3）主轴方向和换行的复合：flex-flow默认：flex-flow：row nowrap4）主轴对齐方式：justify-contentflex-start（默认值）：左对齐。

2023-09-19 20:55:16 199

原创 Git基本使用

Git仓库包括工作目录(Working Directory)、暂存区域(Stage/Index)和仓库(Repository)。6. 远程仓库(remote repository)：存储在网络上的Git仓库，用于协作开发。2. 提交(commit)：将代码保存到Git仓库中。3. 分支(branch)：Git仓库中的不同版本，主要用于多人协作开发。4. 合并(merge)：将两个或多个分支的代码合并成一个版本。5. 克隆(clone)：复制一个Git仓库到本地。1. 安装Git，并配置用户名和邮箱。

2023-09-18 21:34:33 38

原创对于盒模型、BFC、清除浮动、和position5个定位的理解

BFC是“块级格式化上下文”，是一种css布局方式，同时是一块独立的区域，使其内部元素不受外部影响，同时也不影响外部元素，可以利用BFC解决外边距折叠问题。relative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档流，因此元素原本的位置会被保留，其他的元素位置不会受到影响。父相子绝，子相对于父级而改变位置，如果父级没有设置相对定位，那就基于浏览器，谁设置基于谁，前提是嵌套关系。4、伪元素清除浮动（给受影响的元素的选择器后::after{}）给文字设置overflow:hidden。

2023-09-18 19:50:09 91

2301_77783555的博客