cczz66的博客

微信官方文档：准备工作 | 微信开放文档由于这个项目对接微信开放平台都是在服务端进行的，所以前端只需要把需要的参数传到后端即可，后端通过一系列操作获取到微信开放平台的access_token，获取到用户信息后，返回项目的token到前端，前端进行登录操作。部分代码： 实例：wxRedirect代码：实例：...

效果图： 评论组件：

安装 signature_pad 插件npm install --save signature_pad根据api文档封装一个Sign组件<template> <div v-safeHeaderTop class="page"> <Header :isBack="false" title="手写签名"> </Header> <canvas ref="signaturePadCanvas" class="canvas".

通过动态绑定style，声明css变量"--bgColor"，把变量”color”赋给“--bgColor” <div ref="chart-circle" class="chart-circle" :style="{ '--bgColor': color }"></div>在css中使用 var函数 读取“--bgColor”变量.chart-circle { width: 80px; height: 80px; position: relative

同一个页面需要通过判断来引入不同的文件时，发现 import 写在 if 中这种写法会导致加载不到文件，产生报错；const system = localStorage.getItem("system");if (system === "cmd") { import { WorkOrdersModule } from "@/store/modules/cmdWorkOrders";} else { import { WorkOrdersModule } from "@/store/modu

先上效果图：第一步：在 public的index.html中引入百度地图api，ak需要在百度开放平台申请第二步：定义一个构造函数用于批量创建地图遮盖物// ---------------------------- 1.定义自定义覆盖物的构造函数function SquareOverlay(this: any, center: any, data: any) { this._center = center; this._data = data;}SquareOverl.

async关键字放到函数前面，表示函数是一个异步函数，async函数返回一个promise对象，返回值将隐式地包装在Promise.resolve中。 async function foo() { return 1 } // function foo() { // return Promise.resolve(1) // } console.log(foo());//Promise{<fulfilled>: 1}aw..

npm install报错信息中发现有如下两行代码说明电脑没有python环境gyp verb check python checking for Python executable "python2" in the PATHgyp verb `which` failed Error: not found: python2先去官网下载 python2.7，然后配置好系统环境变量再执行以下命令设置confignpm install -g node-gypnpm confi...

HLS 直播协议的原理理解：把整个视频流分成一个个小的基于HTTP的视频ts文件，每个视频文件地址会在m3u8格式的链接里对应生成一个索引，在开始一个流媒体会话时，客户端通过m3u8文件的索引去寻找可用的媒体流，实现直播效果；分析延时原因：服务器端的编码器和流分割器生成TS视频文件需要时间，推流时也会受到带宽的影响，所以就产生了延时，分析视频组件工作流程：请求接口获取 hlsUrl ，此时服务器开始生成TS视频文件并推流； 挂载视频组件， 播放视频，...

主要思路：配置代理后发送的请求都是给本地服务器发送的，不会出现跨域的问题，但是我们最终目的是给后端服务器发请求，所以我们要通过代理把发送给本地服务器的请求映射到后端地址上1：把 baseURL 配置的后端接口改为 "/api"2：配置代理proxy，此时 proxy 会监听拦截所有请求接口中有 "/api" 的接口 => 重写接口路径把接口中的 "/api" 写为 " " => 发送给本地服务器的请求映射到 target 中设置的后端接口地址上，最后http://local...

<input type="file" @change="onFileChange" />input change事件的机制只有 value 发生改变的时候触发，因为第二次上传相同文件 value不变所有不会触发 change 事件，这时就要想办法在第一次上传时把value 值赋空，应该在拿到上传所需数据后把 input 的 value 值赋空，这样第二次上传的时候 change事件就会触发； /** * @description: 新增 */ as...

vue中导出文件的方法 handleExportList() { this.$confirm("导出数据较大,请耐心等待1~3分钟", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning", }).then(() => { const setParams = Object.keys(this.listQuery) .map((k