- 博客(43)
- 收藏
- 关注
RSS订阅原创 JSON对象数组去重
通过判断数组中当前元素的下标与该元素第一次出现在数组中的下标是否一致来进行数组去重let arr = [ {id: 1,name: '第一'}, {id: 2,name: '第二'}, {id: 3,name: '第三'}, {id: 1,name: '第一'}, {id: 2,name: '第二'}];let newArr = arr.filter((currentValue, currentIndex, sourceArr) = >{ return sourceArr
2022-05-27 16:35:41
3702
原创 ant design for vue table表格添加编辑单元格功能
EditableCell组件页面<template> <div class="editable-cell"> <div v-if="editable" class="editable-cell-input-wrapper"> <a-input :value="value" @change="handleChange" @pressEnter="check" /><a-icon type="check"
2021-12-22 14:32:25
1220
原创 elementUI 控制结束时间要晚于
话不多说，直接上代码<template> <div> <div> <el-form class="p10" ref="formData" :model="formData" label-width="80px" > <el-row :gutter="10"> <el-col :span="6">.
2021-12-10 14:47:31
546
原创 VUE 事件总线EventBus，不同页面间的传值
在实际开发过程中有时候会遇到需要在不用页面之间的实时传值，如果感觉vuex进行传值比较麻烦，可以考虑Vue的事件总线 EventBus来进行通信。EventBus的简介EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾难”，因此才需要更完善的Vuex作为状态管理中心，将通知的概念上升到共享状态层次。...
2021-11-30 16:51:28
1289
原创 VUE封装公共的请求
在units里面创建request.js文件/* * @Author: * @Date: 2021-11-16 00:00:00 * @LastEditTime: 2021-11-11 00:00:00 * @LastEditors: * @Description: In User Settings Edit * @FilePath: \table-icon\src\units\request */import axios from "axios";import { Messag
2021-11-30 16:29:59
797
原创 前端生成UUID
前端生成唯一id uuiduuid() { return "xxxx-xxxx-xxxx-xxxx-xxxx".replace(/[xy]/g,function (c) { var r = (Math.random() * 16) | 0, v = c == "x" ? r : (r & 0x3) | 0x8; return v.toString(16); });}
2021-11-30 16:22:56
469
原创 VUE封装Echarts图表组件
建立一个echarts的文件夹并创建一个base-echarts.vue文件<template> <div :id="elId" style="height: 100%; width: 100%" /></template><script>import * as echarts from "echarts";import { merge, debounce } from "lodash";// 引入公共样式import baseO...
2021-11-30 16:19:57
362
原创 vue 启项目报错Error: EPERM: operation not permitted, unlink
使用npm install安装依赖之后，有时候存在网络或其他问题安装不上个别依赖，其项目失败，报错当启项目时报错：Error: EPERM: operation not permitted, unlink此问题困扰好久，刚开始以为和其他人遇到的问题相似是因为管理员权限问题导致的，后来按照网络方法一顿使用发现不是权限问题，后来发现了问题不是权限问题，是因为一次安装失败之后，再次安装的时候直接npm install或者cnpm install，因为没有清除缓存导致的这个问题，此时应该清楚缓存在进行.
2021-11-30 11:03:43
10178
原创 快速删除vue项目依赖node_modules文件夹
日常删除vue的项目依赖node_modules文件夹就是直接右键删除，缺点是依赖文件特别多，删除速度非常慢。有时候还会出现文件层次太深无法删除这种情况可以通过安装rimraf来删除，删除特别快，强烈推荐安装（推荐全局安装）npm install -g rimraf进入项目文件夹rimraf node_modules...
2021-11-30 10:35:24
4270
原创 && 、|| 、? ?、?.各个运算符判断的作用
一、&& 是与运算，左侧true返回右侧，左侧false直接返回左侧let aa = true && false // aa是 falselet aa = false && true // aa是false二、|| 是或运算，左侧true返回左侧，左侧false直接返回右侧let aa = true || false // aa是truelet aa = false || true // aa是true三、??空值合并操...
2021-11-18 17:10:03
1517
原创 vuex进阶之Module
基本的项目使用基础的vuex就行，要是模块比较多，业务场景比较大的项目，要是都写在一个store里面比较多，处理比较复杂，使用和维护起来比较臃肿。这种情况就要使用到了vuex的Module了，每一个模块是一个Module。这样使用和维护起来都比较方便。使用方法如下：在src下建立store文件夹，创建如下文件在index.js代码如下：import Vue from "Vue"import Vuex from "Vuex"import a from "./modules/a";im.
2021-11-18 16:28:59
117
原创 vue使用vuex
1、安装vuexnpm install vuex --save2、模块引用vuex，创建store文件夹创建index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0, num: 0, typeData: {} }, mutations: { increment (stat
2021-11-18 11:00:44
637
原创 vue-cli3及以上创建项目并配置vue.config.js
vue create 项目名如果想要使用啥就加载啥直接default直接一路Enter就行，简单版，需要啥安装啥就行如果有其他想要安装的可选择Manually select features可选择自己想要安装完成之后，npm run serve 就可以对于跨域和一些基本的配置需要自己配置，在根目录下创建vue.config.js，一些自己的基础配置如下，其他特殊要求可以自己百度加载。const target = "后台的接口链接"const port = proces..
2021-11-18 08:33:18
585
原创 判断数组是几维数组
数组 var arr = [1,2,3,[1,2,3,1,3,[1,2,3,6,4,[1,2,3,1]]],2],a=1; function multiarr(arr){ for (i=0;i<arr.length;i++){ if(arr[i] instanceof Array){ a++; arr = arr[i]; multiarr(arr)
2021-11-17 09:43:12
700
原创 配置本地的ssh和远程git
1、在官网下载git，安装就行，一直确定就行2、在桌面右键打开 Git Bash Here3、输入 ssh-keygen -t rsa -Cyouremail@example.com回车4、配置全局name和eamilgit config--global user.name "your_account"git config –globaluser.emailyouremail@example.com 回车，会输入密码5、最...
2021-11-17 09:42:02
633
原创 第一次提交代码到远程
1、git init // 初始化2、git add . // 添加文件到暂存区3、git commit -m "提交git备注" // 提交到本地仓库4、git remote add origin 远程仓库连接 // 添加远程仓库5、git pull // 拉取远程分支6、git push -u -f origin master // 推送到远程master分支...
2021-11-17 09:22:41
194
原创 拉取远程分支到本地和提交本地分支
1、// 第一次拉取远程dev分支代码// 第一种方式拉取git clone -b dev 远程分支连接 // 第二种方式拉取（1）git init // 初始化（2）git remote add origin 远程分支连接（3）git fetch origin dev // 拉取远程分支到本地（4）git checkout -b dev origin/dev // 创建本地分支 dev为创建的本地分支，origin后的dev为远程dev分支如无本步骤拉取的代码将在本地的maste..
2021-11-17 08:49:28
1108
原创 vue仅导入读取excel数据
<template> <el-upload class="excelClass" :http-request="readFileExcel" :show-file-list="false" action="Fake Action" > <el-button type="primary">导入</el-button> </el-upload></template><scrip.
2021-11-11 14:58:02
541
原创 vue前端解析读取excel文件
npm install xlsx --save<!-- 导入导出组件（纯前端） --><template> <span> <input type="file" @change="importFile(this)" id="imFile" style="display:none;" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.shee.
2021-11-11 14:55:15
3243
原创 对象形式的数组去重
利用es6的new Map()的has属性进行筛选赋值function unRepeat(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))}
2021-10-14 16:03:24
53
原创 输入框正则，只能输入数字和小数
只允许输入数字(整数：小数点不能输入)<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >允许输入小数(两位小数)<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >允许输入小数(一位小数)<input type="text" onkeyup="value=value.rep..
2021-08-27 14:08:13
2331
原创 vue 预览PDF文件
创建一个vue文件showContracts.vue<template> <div> <div> <el-button size="mini">上一页</el-button> <el-button size="mini">下一个</el-button> </div> <canvas v-for="item in totalPage" :key=...
2021-07-28 10:25:07
487
原创 创建自己的第一个vue项目
vue-cli是vue官方搭建vue项目的脚手架，用来快速搭建vue项目。上一篇文章已经安装了npm和vue，这一篇就让我们直接开始搭建项目吧。1、打开自己的文件夹，例如我存放文件的是E盘projects文件夹，使用cmd打开文件夹e: //进入E盘cd projects //打开projects文件夹2、运行命令创建项目，我创建的项目名称为testvue init webpack test3、进入项目设置页面，基本就是一路回车就行了，但是在ESLint那里我建议新手选择NO，
2020-12-28 10:09:01
242
原创 vue项目从入门到精通开始的第一步,安装vue环境
今天开始开始写vue的博客了第一步：下载vue的环境，首先需要下载node，在vue项目中node是必须得，node是一个库可以安装各种环境和软件http://nodejs.cn/download/ 下载网址下载对应的版本，如果是windows7系统的话那就不能下载最新的node版本，就可以在下边的全部安装包的阿里云镜像中寻找自己想要的版本第二步：安装node，点击安装包，直接一直下一步就可以了，直接傻瓜式安装就可以了。第三步：打开win+R，输入cmd，回车。第四步：输入node -.
2020-12-18 16:25:52
909
3
原创 移动端图片上传
<div class="imgUploadList"> <img class="occupancyImg" src="../../image/realName/bg_card1.png" alt=""> <img class="bg_card1" src="" alt=""> <input class="file-class" onchange="...
2019-06-17 11:41:26
473
原创 Android、iOS和H5之间的交互
//isAPP是用来判断是Android端还是ios端的//iOSfunction setupWebViewJavascriptBridge(callback) { if(isApp == 'iOS') { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }...
2019-06-17 11:00:50
1225
转载 最新超简单的移动端手机适配
//方法一function setPxRem(){ var cssEl = document.createElement('style'); document.documentElement.firstElementChild.appendChild(cssEl); var dpr = 1; //把viewport分成10份的rem，html标签的font-si...
2018-11-26 14:04:42
214
翻译 监听手机和浏览器返回事件，刷新上一页
第一种：function pushHistory(returnUrl, currentUrl, currentTitle) { window.addEventListener("popstate", function (e) { window.location.href = returnUrl; }, false); var state = { ...
2018-11-26 10:53:50
956
原创 服务器的配置（从0开始）
我是一个前端小白，在双十一期间由于服务器比较便宜，入手了一台配置一般的服务器，现在开始上手。安装node后台。先是需要给服务器重置密码，否则不能登陆服务器，让我苦苦寻找好几分钟。 进去之后开始准备安装nodejs。安装版本：10.13.0 我开始按照官网装的在最后的时候发现不知道哪里出了问题安装失败，我打算用yum安装 想要yum安装必须先安装编译软件包 sudo yum ...
2018-11-17 18:20:30
271
翻译 获取URL的?后边的参数
function GetRequest() { //获取到Url并且解析Url编码 var url = decodeURI(location.search); var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url.subst...
2018-10-09 16:55:51
840
转载 二维数组和字符串之间的转化
1. 字符串转二维数组var a="[['1','2','3','4','5'],['a','b','c','d','e'],['y1','y2','y3','y4','y5']] ";var str=eval(a);alert(str[0][3]);//结果：42.二维数组转字符串var b=[['1','2','3'],['a','b','c']];function getStri...
2018-05-19 17:46:07
8188
翻译 移动端适配
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script> !function (e) { function t(a)
2018-03-13 10:21:04
137
转载 当其为质数返回true,否则返回false
function isPrime(number) { //Number.isInteger 是 ECMAScript 6的新方法 if (typeof number !== 'number' || !Number.isInteger(number)) { return false; } if (number < 2) { return fa...
2018-02-24 11:47:30
3972
翻译 删除数组的指定元素
//删除数组中指定元素 Array.prototype.indexOf = function (val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; ...
2018-02-23 11:35:40
371
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人