sxl131415的博客

转载 Object.entries()

Object.entries()

原创 Git回退代码到某个commit

回退命令：$ git reset --hard HEAD^ 回退到上个版本$ git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前$ git reset --hard commit_id 退到/进到 指定commit的sha码强推到远程：$ git push origin HEAD --force...

原创 input输入框只能输入大于等于0的正数

大于等于0的正数，允许小数<input type="number" step="1" min="0" onkeyup="this.value= this.value.match(/\d+(\.\d{0,2})?/) ? this.value.match(/\d+(\.\d{0,2})?/)[0] : ''">大于0的正整数<input type="text" placeholder="输入金额" style="width: 80px;" value="" onkey.

转载 vue 圆形进度条组件解析

https://segmentfault.com/a/1190000016591047

转载 vue中input只可以输入正整数

<el-input v-model="forms.money" oninput="if(this.value=='00'){this.value='0';}else{this.value=this.value.replace(/[^0-9]/g,'')};" />

转载 VUE Element UI checkbox 全选操作

https://www.cnblogs.com/lgjava/p/12818549.html

转载 vue的model选项

https://blog.youkuaiyun.com/liu_jun_tao/article/details/90232658

转载 better-scroll快速滑动，在ios端出现异常回弹的解决方法

原因：better-scroll在IOS 13.4版本上快速滑动，回出现异常回弹效果。这是由于IOS版本导致的。解决办法：在BS初始化时，加上useTransition:false

转载 vue 部分 ios机型上vuex刷新丢失问题，不支持localStorage以及beforeunload事件失效问题

看到网页上很多说使用store.js来解决，在这里不适用，没有解决。原因：IOS是卸载了onunload和beforeunload事件，改为pagehide代替APP.vuecreated(){ //在页面刷新时将vuex里的信息保存到localStorage里 // window.addEventListener("beforeunload",()=>{ // localStorage.setItem("messageStore",JSON.stringify(thi.

原创 子组件通过v-modal改变父组件中的值

父组件<template> <div class="page"> <child class="uploadPicBox mt20" v-model="DATA"></child> </div> </div> </div></template><script> import child

转载 异步加载设置元素的scrollTop不生效

解决方案：scrollTop需要在异步加载完成后再调用，因为是异步的，在去后台获取数据的时候，如果scrollTop就触发了，那么就出现不生效的情况

转载 input 多文件递归上传

https://www.cnblogs.com/500m/p/11914764.html

转载 自定义vant ui steps组件效果实现

https://www.cnblogs.com/secretAngel/p/10599165.html

原创 better-scroll 监听当前滚动距离

转载 js 数组合并并且去重

var arr1 = ["ab","bc","de","fg"];var arr2 = ["ml","kg","ww","bc","am"];function MergeArray(arr1,arr2){ var _arr = new Array(); for(var i=0;i<arr1.length;i++){ _arr.push(arr1[i]); } for(var i=0;i<arr2.length;i++){ var ...

转载 解决移动端软键盘弹起底部固定布局被顶上去问题和屏幕背景被压缩问题

https://blog.youkuaiyun.com/Liu_yunzhao/article/details/100128352

转载 [vue]移动端软键盘处理方案

https://www.jianshu.com/p/3c6a08af5203

原创 解决vue中绝对定位或固定定位在底部的按钮被键盘顶起的问题

解决方式：export default { data() { return { clientHeight:document.documentElement.clientHeight,　　　　　　　showBtn: true, // 控制按钮盒子显示隐藏 } }, mounted() { window.onresize= ()=>{ if(this.c...

原创 解决vuex里的数据，在页面刷新时丢失的问题

在app.vue中添加export default { name: 'App', created(){ //在页面刷新时将vuex里的信息保存到localStorage里 window.addEventListener("beforeunload",()=>{ localStorage.setItem("messageStore",JSON.stri...

转载 vue自定义抽屉组件

https://www.cnblogs.com/similar/p/10683300.html

转载 element-ui中按需引入

https://blog.youkuaiyun.com/li522021642/article/details/82851246

原创 防止按钮重复点击的解决方案与思路

https://blog.youkuaiyun.com/qappleh/article/details/80419463

转载 Vue 项目中 axios 的封装和API接口的管理

http://www.yyyweb.com/5135.html

转载 前后端分离：使用 token 登录解决方案

http://www.yyyweb.com/5144.html

原创 echarts饼状图，每个扇区显示的文字，如何显示在扇区内部

效果图：修改option的series内容： label: { normal: { show: true, position: 'inner' }

原创 取消ESlint 语法检测配置方法

原创 npm run build 后，dist/static/css/static/img/bgi.5733f86.png

修改build文件夹下的utils.js文件里，修改publicPath

转载 将相同字段属性值放在同一个数组中，并去重对象数组

const data = [{ featureName: "age", bucket: "0-10", iv: 100 }, { featureName: "gender",...

转载 js对象数组，根据某个共同字段分组

var arr = [{ "id": "1001", "name": "值1", "value": "111" }, { "id": "1001", "name": "值1", "value": "11111" }, { "id": "1002", "n...

原创 echarts多维柱状图，自定义每个柱状图的颜色

先放效果图：刚出现这个需求的时候，自己在echarts官网的柱状图里看案例，并没有这种设置，也百度找方法，还是没有解决方法，有点慌，然后自己冷静下来思考了一下，所以还是要是冷静思考，举一反三，问题就解决了。先说一下思考过程：一维的柱状图有设置每个柱状图颜色的方法，根据color函数，自定义一个颜色数组，然后返回每一个颜色item就是通过以上的代码实现一维自定义每个柱状图的颜色，...

原创 elementUI el-select 多选情况下获取选中项的label

效果图：控制台打印：给el-select绑定change事件，当值改变的时候就会触发 <el-select class="workshop" :multiple="multipleFlag" @change="selectGetFn" v-model="worksGUID3" key="workshop3" cleara...

原创 Echarts自定义柱状图样式

效果图： methods:{ set_equipmentChart() { let myChart = this.$echarts.init(document.getElementById('equipment')) let option1 = { tooltip: {}, grid:{ ...

原创 Echarts自定义质量柏拉图样式

效果图：<script> import echarts from 'echarts' export default { name: "operation", components: {}, computed: {}, data() { return { //------------- 质量柏拉图状态--...

原创 Echarts自定义质量柏拉图样式

效果图：<script> import echarts from 'echarts' export default { name: "operation", components: {}, computed: {}, data() { return { //------------- 质量柏拉图状态--...

原创 Echarts雷达图自定义样式

效果图：setLeiDaChart(){ let myChart = this.$echarts.init(document.getElementById('andonType')); let option = { radar: [{ // 雷达维度 indicator: [{ ...

原创 vue中引入UI组件库，改变组件的样式

定义一个全局的样式文件在assets目录内新建一个例如resetui.css文件, （我这里用的sass）专门存放这些需要被重新修改的样式代码. 并且以组件的类名来进行维护。 最后引入一个全局resetui.css即可。操作如下图：我这里修改的是elementUI里的 Select 选择器的样式然后在main.js中引入resetui.css文件的路径即可（注意引入的顺序要放在el...

转载 javascript中防止重复点击、防止点击过快实用方法

防止重复点击可以添加一个开关,让这个开关默认为true，第一次点击将其变为false,点击事件的执行需要判断这个开关是否为true，为true执行,false不执行。例子如下：var isclick= true;function click(){if(isclick){ isclick = false;//下面添加需要执行的事件.....

转载 js找出数组中的最大值

1.es6拓展运算符...采用Math对象里的max()方法,需要将比较的数一个一个的传递进来才能比较Math.max(...arr)2.es5 apply(与方法1原理相同)Math.max.apply(null,arr)3.for循环let max = arr[0];for (let i = 0; i < arr.length - 1; i++) { ...

转载 JavaScript中两个数组的拼接

方法一：使用for循环var arr = ['tom', 'jerry'];var arr2 = [1, 2];for(var i=0; i<arr2.length; i++){ arr.push(arr2[i])}console.log(arr);// ['tom', 'jerry', 1, 2]方法二：使用concat()，注意concat()方法生成了一...

转载 用js实现随机选取10–100之间的10个数字，存入一个数组，并排序

var iArray = []; function getRandom(istart, iend) { var iChoice = iend - istart + 1; //加1是为了取到100 var res = Math.floor(Math.random() * iChoice + istart); //[0,90]+10 ...