小薛

原创 .env文件配置

serve:tes ：npm run serve:tes 是测试环境。serve:pro ：npm run serve:pro 是生产环境。build:dev ：npm run build:dev 是开发环境。build:tes ：npm run build:tes 是测试环境。.env.development ：仅在开发环境中使用的环境变量。.env.production ：仅在生产环境中使用的环境变量。serve ：npm run serve 默认是开发环境。

原创 vue3动态创建多个el-form-item怎么校验

【代码】vue3动态创建多个el-form-item怎么校验。

原创 js 上传图片限制分辨率

js上传获取图片分辨率

原创 vue 上传多个文件显示进度条

<template> <div class="footer"> <div class="title"> <span>文件列表</span> <el-upload multiple action :show-file-list="false" :

原创 实现禁止pc和h5页面缩放

移动端页面禁止用户缩放界面只需加上<meta name="viewport" content="user-scalable=0">pc端确实比较麻烦，用户可以通过如下几种方式来缩放：windows：ctrl + +/-ctrl + 滚轮浏览器菜单栏mac：cammond + +/-浏览器菜单栏 由于浏览器菜单栏属于系统软件权限，没发控制，我们着手解决ctrl/cammond + +/- 或 Windows下ctrl + 滚轮 缩放

原创 图片压缩网址

图片压缩小于5M的：https://tinypng.com/大于5M的：https://imagecompressor.com/zh/

原创 elementui 解决select框有值，但不回显问题

问题描述：在使用Vue框架和element-ui开发时，下拉框遇见一个问题，比如有一个所在地需要选择省市区，当省市选完后，选择区的时候，会发现值已经改变，但是区的下拉框没回显选中的数据，在打印中查看是修改成功了，但在页面中没有及时刷新改变后的值，也就是下拉框值无法选中。解决方法：出现这个问题好像是因为下拉框数据是循环掉别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新所以我直接强制刷新了值，而forceUpdate就是重新render。写一个方法，在select的chan

原创 输入框限制输入数字且最多保留两位小数

<el-input v-model="form4.jf" :disabled="dialogDbd4" maxlength="50" placeholder="请输入填写项" show-word-limit clearable onkeyup="var p2 = parseFloat(value).toFixed(2);value = p2>=0?(/\.0?$/.test(value)?value:p2.replace(/0$/,'').replace(/\.0$/,'')):''" onbl

原创 vue 视频控件

https://v2.h5player.bytedance.com/en/gettingStarted/

原创 vue实现动态锚点

<div v-for="(item,index) in dialogList" :key="index" class="dialog-header-item" @click="getActiveClass(index)"> {{item}}</div>需要点击的目标增加click事件，并且把索引传下去，没有索引也没有关系，想传什么传什么// 锚点getActiveClass(index) { let jump = document.querySelectorAll.

原创 简单生成code码

// code码事件 createCode(){ let code = '' let codeLength = 4 // 验证码长度 var random = new Array(0,1,2,3,4,5,6,7,8,9,'a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r', 's','t','u','v'

原创 MongoDB运行闪退的问题

在MongoDB所在盘下的根目录创建一个data文件夹，并在data文件夹里创建一个db文件夹（例如，我的MongoDB在C盘的一个文件里，就在C盘根目录下创建data）然后打开cmd，进入到MongoDB的bin目录下，输入mongod --dbpath c:/data会出现图一所示情况，即修复成功，按上述步骤继续运行即可。...

原创 vue-cli3.0搭建、配置(vue.config.js)及使用

vue-cli3.0安装如果你事先已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先卸载它:npm uninstall vue-cli -g安装npm install -g @vue/cli // 安装cli3.xvue --version // 查询版本是否为3.x如果不想用cli3.x，cli3也能使用2.x模板，命令如下：npm install -g @vue/cli-init // 安装这个模块// 就可以使用2.x的模板：vue init webpack my

原创 axios封装以及拦截器和响应器使用

一、axios封装import axios from 'axios'// 创建axios实例const dsipservice = axios.create({ baseURL: "/dsip", // api 的 base_url timeout: 180000 // 请求超时时间})// 设置基础apiUrl// axios.defaults.baseURL = 'http://127.0.0.1:8000/';export default dsipservice

原创 微任务和宏任务的区别

概念宏任务：当前调用栈中执行的代码成为宏任务。（主代码快，定时器等等）。微任务： 当前（此次事件循环中）宏任务执行完，在下一个宏任务开始之前需要执行的任务,可以理解为回调事件。（promise.then，proness.nextTick等等）。 3. 宏任务中的事件放在callback queue中，由事件触发线程维护；微任务的事件放在微任务队列中，由js引擎线程维护。运行机制在执行栈中执行一个宏任务。执行过程中遇到微任务，将微任务添加到微任务队列中。当前宏任务执行完毕，立即执行

原创 js 前端检测返回地址是不是404

1、link和script可以区分跨域和404的错误var isRunUrl=function(url){ return new Promise(function (resolve, reject) { // 测试链接连通性, 主要检测404错误 // 由于AJAX通常无法区分404和跨域问题 // 所以只能用script 或者 link标签 // link比script更容易捕获错误

原创 js字符与ASCII码互转的方法

大写字母A-Z对应的ASCII码值：65-90小写字母a-z对应的ASCII码值：97-122将字母转为ascii码的方法：var str = "A";str.charCodeAt(); // 65var str1 = 'a';str1.charCodeAt(); // 97将ascii码转为对应字母的方法：var num = 97;String.fromCharCode(num); // 'a'var num1 = 100;String.fromCharCode(num1

原创 js检测字段中首个字符是否为字母

var sSrc = "w33333";var sASC = sSrc.charCodeAt(0);if((sASC >= 65 && sASC <= 90) || (sASC >= 97 && sASC <= 122)){//代码 }A-Z的ascii码：bai65-90，a-z的ascii码：97-122。

原创 js判断图片是否存在

function isHasImg(pathImg){ var ImgObj=new Image(); ImgObj.src= pathImg; var a = null ImgObj.onload = function () { ImgObj.width // img.fileSize // console.log(

原创 微信小程序Parser

使用方法1.下载Parser文件夹至小程序目录2.在需要引用的页面的json文件中添加3.在需要引用的页面的wxml文件中添加4.在需要引用的页面的js文件中添加https://github.com/1836434293/1836434293.github.io

原创 Element通过表单修改表格数据时，表格数据跟着修改

Element通过表单修改表格数据时，表格数据跟着修改问：通过表单获取表格中某一行的数据进行修改时，表格中数据会跟着发生变化，而且绑定的数据不是同一个数据，表格中的数据是某个数组，表单中是另一个对象。因为获取表格中某一行数据的row是object类型，直接赋值就是浅拷贝，复制的是它的地址，一输入表格中数据就会发生变化。因此，需要进行深度拷贝...

转载 nginx反向代理配置

什么是代理在计算机中，客户端A与服务端B进行同行，中间加入中介C进行数据传递，则形成了代理。来个浅显易懂的比喻，三年级二班小明和小花谈恋爱，由于小明和小花座位离的太远，这时候需要小王在中间传递纸条，在这个爱情故事中小王在中间充当了代理作用。什么是正向代理正向代理中，客户端通过代理服务器从服务端收发数据，即为正向代理。举个栗子：有一个局域网，但是只有主机局域访问外部网络的权限，现在所有的机器都需要访问外部网络，通过将主机设置为代理服务器，让所有的机器通过主机可以访问外部网络，即称为正向代理。反向代理

原创 nginx

nginx 配置一 ，首先下载nginx二 ，找到nginx.conf修改listen (端口)再修改root (项目具体的html文件地址)三 ，在具体的项目中的public.js中修改为reg: /:8011/四 ，在地址栏输入localhost:8011注：因为我配置的是8011所以端口是8011...

原创 uni-app

原创 小程序滑动到底部功能

微信小程序已经封装了的方法 /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { this.data.queryInfo.page++ this.setData({ gif:true }) setInterval(()=>{ this.getHomeList() this.setData({ gif:false }) },3000)

原创 使用vue上传头像

一 写入input在页面中的显示效果用行内样式把它隐藏 display:none二 触发可以用其他的事件来触发它然后会打开本机的图片在选择一张图片打开之前，要给input设置一个change事件打开之后会触发change事件三 input change事件...

原创 vuex

vuex一、认识vuexvuex是适用于在vue项目开发时使用的状态管理工具。如果在一个项目开发中频繁的使用data来存，取数据或者同步值，一旦项目边的很庞大的时候，管理和维护的时候就会相当的棘手。所以就要使用到vuex。二、安装npm i vuex -s三、核心内容state: 存储状态(变量)getters: 对获取数据之前的再次编译，可以理解为state的计算属性，我们在 组件中使用 $.store.getters.fun()mutations: 修