![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
香蕉不呐呐呐
这就是命,不怪自己不愿别人。
展开
-
关于toFixed四舍五入的精度问题
关于toFixed四舍五入的精度问题原创 2023-08-25 11:55:55 · 614 阅读 · 0 评论 -
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 · 3696 阅读 · 0 评论 -
VUE 事件总线EventBus,不同页面间的传值
在实际开发过程中有时候会遇到需要在不用页面之间的实时传值,如果感觉vuex进行传值比较麻烦,可以考虑Vue的事件总线 EventBus来进行通信。EventBus的简介EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。...原创 2021-11-30 16:51:28 · 1285 阅读 · 0 评论 -
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 阅读 · 0 评论 -
前端生成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 · 461 阅读 · 0 评论 -
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 · 354 阅读 · 0 评论 -
&& 、|| 、? ?、?.各个运算符判断的作用
一、&& 是与运算,左侧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 · 1504 阅读 · 0 评论 -
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 · 114 阅读 · 0 评论 -
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 · 631 阅读 · 0 评论 -
vue 父子组件之间的传值
父组件给子组件传值通过自定义参数原创 2021-11-18 09:33:50 · 130 阅读 · 0 评论 -
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 · 583 阅读 · 0 评论 -
配置本地的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 · 631 阅读 · 0 评论 -
第一次提交代码到远程
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 · 193 阅读 · 0 评论 -
拉取远程分支到本地和提交本地分支
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 阅读 · 0 评论 -
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 · 540 阅读 · 0 评论 -
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 · 3232 阅读 · 0 评论 -
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 · 485 阅读 · 0 评论 -
创建自己的第一个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 · 241 阅读 · 0 评论 -
一些规则验证
个人经常用到的一些正则验证转载 2017-11-06 10:06:43 · 294 阅读 · 0 评论 -
实现复选框的反选功能
jQuery反选功能转载 2017-11-23 11:40:11 · 596 阅读 · 0 评论 -
寻找字符串最长不重复的子串
寻找最长不重复的子串转载 2017-12-06 10:09:26 · 529 阅读 · 0 评论 -
JS前端判断数组是几维数组
JS前端 判断数组是几维数组原创 2017-12-25 10:54:19 · 8948 阅读 · 1 评论 -
生成随机验证码
随机生成四位验证码,带有验证翻译 2017-12-26 14:23:00 · 785 阅读 · 0 评论 -
删除数组的指定元素
//删除数组中指定元素 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 阅读 · 0 评论 -
当其为质数返回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 · 3966 阅读 · 0 评论 -
移动端适配
<!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 阅读 · 0 评论 -
二维数组和字符串之间的转化
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 · 8179 阅读 · 0 评论 -
获取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 阅读 · 0 评论 -
服务器的配置(从0开始)
我是一个前端小白,在双十一期间由于服务器比较便宜,入手了一台配置一般的服务器,现在开始上手。安装node后台。先是需要给服务器重置密码,否则不能登陆服务器,让我苦苦寻找好几分钟。 进去之后开始准备安装nodejs。安装版本:10.13.0 我开始按照官网装的在最后的时候发现不知道哪里出了问题安装失败,我打算用yum安装 想要yum安装必须先安装编译软件包 sudo yum ...原创 2018-11-17 18:20:30 · 271 阅读 · 0 评论 -
监听手机和浏览器返回事件,刷新上一页
第一种:function pushHistory(returnUrl, currentUrl, currentTitle) { window.addEventListener("popstate", function (e) { window.location.href = returnUrl; }, false); var state = { ...翻译 2018-11-26 10:53:50 · 953 阅读 · 0 评论 -
最新超简单的移动端手机适配
//方法一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 · 210 阅读 · 0 评论 -
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 阅读 · 0 评论 -
移动端图片上传
<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 阅读 · 0 评论 -
数组去重的几种方法
//第一种var arr = [1,23,1,2,23,2,3,4,3,2,5,5],newArr = [];for (var i = 0; i <= arr.length; i++) {if(newArr.indexOf(arr[i]) == -1){ //判断在s数组中是否存在,不存在则push到s数组中newArr.push(arr[i]); }}con...翻译 2017-11-08 17:37:19 · 180 阅读 · 0 评论