祁铭菲-优快云博客

原创配置单端口根据规则匹配其他多个网站

A方只能通过唯一一个端口访问B方的网站内容，但B方网站不止使用一个端口，而是主网站一个端口，其内的还调用其他随机端口的页面内容展示。导致一个端口要展示多个端口的网站内容。采用ngnix转发功能，B方主网站直接固定端口，随机端口网站根据url传参进行动态匹配。

2023-06-17 10:52:38 163

当前文件为存在阿里云上的文件，可以直接使用url访问如果在模拟器上可以正确查看文件，但在体验版或正式版查看失败，可能是未配置合法域名：微信公众平台-》左侧导航中的开发管理-》开发设置tab里的服务器域名配置部分配置文件所在的域名openFile(url, name) { let type = name.split(".")[name.split(".").length - 1]; let image = ["JPG", "JPEG", "PNG"]; let file = ["D

2022-02-15 19:30:00 1823

原创 uni-app小程序处理后端返回的文件流并预览

fileClick(fileName) { var fileManager = uni.getFileSystemManager(); // 文件存储到本地的路径 var FilePath = wx.env.USER_DATA_PATH + "/" + new Date().getTime() + ".jpg"; fileManager.writeFile({ data: data, // 从后台获取的二进制流 filePath: FilePa

2022-02-15 19:15:00 5623

原创 uni-app小程序，没有地址权限需要重新获取权限

onShow(e) { this.isGetLocation();},// 是否拥有权限isGetLocation(a="scope.userLocation"){ // 3. 检查当前是否已经授权访问scope属性，参考下截图 var _this = this; uni.getSetting({ success(res) { if (!res.authSe

2022-02-15 19:15:00 968

原创 css画三角形

向下的三角形画三角形的原理：采用的是相邻边框链接处的均分原理，将元素的宽高、padding、margin都设为0，只设置 border ，隐藏对应位置的边框，形成三角形。.square{ width:0; height:0; margin:0 auto; border:6px solid transparent; border-top: 6px solid red; }...

2022-02-15 19:00:00 310

原创 css垂直居中

一、只适用于高度固定的情况line-height：设置值为整个元素的高度padding：根据元素高度，设置具体的paddingmargin：根据元素高度，设置具体的margin二、元素内容/高度不固定方法一：flex{ display: flex; align-items: center; // 垂直居中 justify-content: center; // 横向居中}方法二：浮动父元素：{ position: relative；}子元素：{ pos

2022-02-15 18:45:00 264

原创 element多选框选中/取消时同时带上别的数据

<el-table ref="multipleTable" :data="tableData" @select="selectEvent">selectEvent(val) { // 同一匹配数据同时被选择 for(let i = 0; i < val.length; i++) { for(let j = 0; j < this.tableData.length; j++) { if(判断条件) {

2022-02-15 18:30:00 245

原创刷新视图但不刷新选中状态/分页记住选中状态

<table ref="tableRef" @selection-change="checkClick" :row-key="rowKey"> <table-column type="selection" :reserve-selection="true"><

2022-02-15 18:15:00 212

原创 div拖动排序

#deductionOrderUl { list-style: none; margin: 0 auto; font-size: 0; text-decoration: none;}#deductionOrderUl li { font-size: 16px; width: ; height: ; text-align: center; line-height: 36px; border: ; backgroun

2022-02-14 19:15:00 1046

原创 request请求流程

post请求// post请求let xhr = new XMLHttpRequest();xhr.open('post', url);xhr.setRequestHeader("Content-type", "application/json");xhr.onreadystatechange = function () { // 这步为判断服务器是否正确响应 if (xhr.readyState === 4 && xhr.status === 200 &&

2022-02-14 19:00:00 541

原创 js文件引入其他js文件

function loadJavaScript(url, success) { let domScript = document.createElement('script'); domScript.src = url; success = success || function () {}; domScript.onload = domScript.onreadystatechange = function () { if (!this.readyState

2022-02-14 19:00:00 3837

原创基于uni-app的小程序给view加文字水印

<view :style="'background-image:url(' + srcUrl + ');background-size: ' + canvasWidth + 'px 80px;'"></view><canvas canvas-id="firstCanvas" :style="'width: ' + canvasWidth + 'px; height: 80px;visibility: hidden;position: absolute;top:-500px'

2022-02-14 18:30:00 974

原创下载后台的二进制文件

下载后台文件

2022-02-14 18:30:00 179

原创取消重复的axios请求

同一个接口，第二次调用时会终止第一次调用，哪怕第一次调用还未结束var that = this;if(typeof this.source === 'function'){ this.source('终止请求')}axios({ method: "", url: "", cancelToken: new axios.CancelToken(function(c) { that.source = c; })}).then((res) =>

2022-02-14 18:30:00 89

原创常用正则表达式

（1）座机号：/^1[3-9]\d{9}$/（2）手机号：/^0[0-9]{2}-[0-9]{8}|0[0-9]{3}-[0-9]{7}|0[0-9]{3}-[0-9]{8}$/（3）不以0开头的正整数：/^[1-9][0-9]*$/（4）最多两位小数：/^0.[0-9]{1,2}$|^[1-9][0-9]*(.[0-9]{1,2})?$/（5）正负整数：/^[-]?[1-9][0-9]*$/（6）最多四位小数：/^0.[0-9]{1,4}$|^[1-9][0-9]*(.[0-9]{1,4})?$

2022-02-14 18:15:00 185

原创 element表格的点击行后赋值class操作

<el-table @cell-click="rowClick" :row-class-name="rowClass">/** * 表格行的class赋值 */rowClass({row, rowIndex}) { row.index = rowIndex; if(this.cargoKindDialogClickRow === rowIndex) { return "tableActive"; }}/** * 模态框中分类的点击事件

2022-02-14 18:15:00 892

原创 js监视对DOM树所做的更改

mounted() { // 监测右侧div高度变化 let MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; let element = document.getElementById('rightDiv') // 只有监测元素（element）变化时才会触发 this.observer = new Mu

2022-02-14 16:45:00 141

原创 element的$confirm富文本形式展示

const h = this.$createElement;// 第一个参数为标签，即创建的节点元素的标签是什么// 第二个参数是属性配置，如class、style等// 第三个参数是节点元素的内容let message = h('div', { style: { color: 'red' }, 'class': { message: true } }, [ h('p', null, '信息一'), h('p', null, '信息

2022-02-14 10:46:25 938 1

原创基于vue.js的网页端给div加文字水印

// 对应文件引入包含下面内容的js文件，并且顺序在引入vue.js之后<div class="title" v-watermark></div>js文件//vue的自定义指令Vue.directive('watermark',(el,binding)=>{ let text1 = "文字一"; let time = new Date; // 当前日期的月日时分 let text2 = (time.getMonth() + 1) + "

2022-02-11 21:45:00 937

原创返回基于今天的xx天所代表的日期

// 返回当前天的aa天 aa为负数表示基于今天aa天之前的日期，0表示当天，正数表示基于今天aa天之后的日期otherDate(aa) { const date1 = new Date(); let date2 = new Date(date1); date2.setDate(date1.getDate() + aa); return date2.getFullYear() + "-" + ((date2.getMonth() + 1) >= 10

2022-02-11 21:30:00 176

原创基于Vue2.x的Element UI的Pagination 分页组件的带首页、尾页功能

展示样式，且基于一行的中间.pageCom{margin: 10px 0;display: flex;justify-content: center;-webkit-justify-content: center}.el-pagination {padding:0;}.el-pagination.is-background .el-pager li:not(.disabled).active{height:30px;line-height:30px;border:#BC1920;background-

2022-02-11 21:15:00 877

qq_39993715的博客