明天不上班9-CSDN博客

原创【按照年月去统计信息并分类展示】

需求是需要将历史订单按照年月分类展示，并展示汇总值。由于后端返回的是数组的数据，并没有将数据做好统计分类，出于对自己的自信以及不想给别人添麻烦的信息，然后自己写了一下处理的方法，然后放上最后的效果图吧。

2022-10-27 11:28:18 490 1

//创建一个Promise的类 class Promise{ constructor(executer){//构造函数constructor里面是个执行器 this.status = 'pending';//默认的状态 pending this.value = undefined//成功的值默认undefined this.reason = undefined//失败的值默认undefined //状态只有在pending时候才能改变

2022-02-24 19:17:17 117

原创 antv l7 绘制中国地图并在对应的地方添加marker

使用技术 @antv/l7html代码<template> <div class="map-wrapper">  <div class="content"> <div id="map"></div> </div> <.

2021-09-02 15:12:02 1490

原创 antv g2绘制中国地图及每个省份区域单独展示

使用技术： antv g2地图文件：https://gw.alipayobjects.com/os/antvdemo/assets/data/china-provinces.geo.json该文件可以直接在线引入，也可以下载到本地使用，在这里我是直接下载到本地的html代码<template> <div class="map-wrapper"> <div class="content" ref="mapChart"> .

2021-09-02 15:00:31 2579 2

原创封装Ajax

function ajax(obj) { return new Promise((resolve, reject) => { //指定提交方式的默认值 obj.type = obj.type || "get"; //设置是否异步，默认为true(异步) obj.async = obj.async || true; //设

2021-09-02 14:45:26 57

原创数组的常用方法总结

获取指定数组的长度 arr.lengthconsole.log(["a", "b", "c"].length ) // 3通常情况下，如果想判断一个数组是否为空，可以通过数组的长度是否为零来判断。数组和字符串的相关转换2.1 数组转换为字符串console.log(["a", "b", "c"].join("")) // "abc"该方法会返回一个新的字符串，原来的数组并不会被改变也可以用Array.toString()方法进行转换["a", "b", "c"].toStri.

2021-04-30 17:07:13 212 2

原创远程仓库地址管理

设置远程仓库地址git remote add origin [email protected]:远程仓库地址url 或者在这里插入代码片git remote add origin [email protected]:远程仓库地址url查看远程仓库地址：git remote -v移除远程仓库 git remote rm + 地址名看图说话吧（当重复添加已经存在的远程仓库会报错）在这里插入图片描述踩坑实记：当存在多个远程地址时，如果在本地项切换到远程的新增的分支，会报错。这时候删除远程不用的地址，就可以啦.

2021-04-30 12:28:29 143

原创 js获取数组中最大最小值及对应索引值（下标）

1.使用原生Js实现该功能，主要是通过循环实现getMaxMin = (data, key) => { if (!data) { return false } let maxIndex = 0 let minIndex = 0 let maxNum = data[0][key] || 0 let minNum = (data[0][key] && data[0][key] !== 0) ? Infinity : data

2021-04-26 18:05:54 4547

原创在Vscode中生成自定义的用户代码块

作为编程人员,在工作中快速生成自己常用且实用的代码块，可以打打提高工作效率。因此，自己闲暇之余研究了一下如何生成自定义的vue代码块。首先，你需要进入到对应的配置页面（文件 -->首选项 --> -->用户片段） /（设置按钮 --> 用户代码片段）输入vue选择vue.json进入配置界面；输入如下代码块{ "Print to console": { "prefix": "vh", "body": [ "&l

2021-04-22 14:31:35 290

原创查看和更改镜像地址

1. 使用命令查看本地镜像地址`$ npm config get registry #查看镜像地址`修改镜像地址$ npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址2. 使用nrm管理镜像地址安装nrmnpm install -g nrm查看镜像列表nrm ls3. 切换镜像地址（nrm use + 地址名称）nrm use taobao添加镜像地址nrm add r_

2021-04-21 12:16:14 998

原创判断当前环境是ios还是安卓

判断当前环境是ios还是安卓/** * @name 判断iOS */export const isiOS = ()=>{ let u = navigator.userAgent; let iOs = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端\ return iOs;}/** * @name 判断android */export const isAndroid = ()=>{ let u

2021-04-20 16:22:46 89

原创关于日期时间与时间戳之间的互相转换

关于日期时间与时间戳之间的互相转换在开发中，经常在前后端数据交互的时候，我们在传递时间或者获取到时间的时候需要使用时间戳格式；但是在页面上渲染的时候，需要展示成我们熟悉的年月日，时分秒格式。因此，总结了一下日期时间与时间戳之间的相关转换的常用方法。日期时间转换为时间戳通过原型的方法function getTimestamp(date) { // date为需要转换的时间 return new Date(date).getTime()}通过原型方法直接准确的获得当前时间的毫秒

2021-04-20 16:19:21 5936

原创 js实现将链接生成二维码，并对生成的二维码转换为图片，右击可保存至本地

1.安装及引用首先，实现这个功能需要使用QRCode和html2canvas，所以在使用之前需要安装npm install --save html2canvasnpm install qrcodejs2 --save在页面中引入import QRCode from 'qrcodejs2'import html2canvas from 'html2canvas'2. html部分<template> <div class="code-box" ref="codeB

2021-01-27 15:58:50 1747

原创 Element组件中的日期选择器自定义日期选择范围

html部分：<el-date-picker type="daterange" slot="dateList" class="wy-input-with" v-model="dateList" unlink-panels :picker-options="pickerData" value-format="yyyy-MM-dd" @change="chan.

2021-01-13 14:16:27 552

原创 vue中的.browserslistrc 文件

在使用脚手架搭建项目时，会自动生成.browserslistrc文件，该文件只要是配置兼容浏览器对于部分配置参数做一些解释:" >1%" :代表着全球超过1%人使用的浏览器“last 2 versions” : 表示所有浏览器兼容到最后两个版本“not ie <=8” :表示IE浏览器版本大于8（实则用npx browserslist 跑出来不包含IE9 ）“safari >=7”:表示safari浏览器版本大于等于7...

2021-01-05 10:30:31 8803

原创自定义指定-防重复点击和自适应高度

1. 自使用高度 v-autoComputedHeight// 已知设计稿高度，自适应高度Vue.directive('autoComputedHeight', { inserted(el, bind) { if (bind.value) { const scale = 375 // 计算宽度比例为 375 const designHeight = bind.value // 设计稿高度 const scr

2021-01-05 10:24:37 77

原创将字符串格式的时间格式化

/** * 时间格式化 * @param {[Number]} date 时间戳 * @param {[DateString]} fmt 时间格式 * dateFormat('yyyy-MM-dd hh:mm:ss.S') => 2016-03-12 20:13:32.232 * @return {[date]} 时间 */export const dateFormat = (date, fmt = 'yyyy-MM-dd hh:mm:ss') => { if (!

2020-12-12 17:09:40 852 1

原创 JS截取两个特定字符串之间及字符串前后的字符串

1、js截取两个字符串之间的内容：var str = "anjidnsijfvnsdjinfvbbbfff";str = str.match(/ji(\S*)bbb/)[1];console.log(str) // dnsijfvnsdjinfv2、js截取某个字符串前面的内容：var str = "gfeshgrtfhrtahstr";str = str.match(/(\S*)tah/)[1];console.log(str) // gfeshgrtfhr3、js截取某个字符串后面的

2020-12-11 20:20:15 1804

原创镜像地址的获取和设置

1.获取当前环境下的镜像下载地址npm config get registry2.设置当前环境下的镜像下载地址（如：https://registry.npm.taobao.org）npm config set registry https://registry.npm.taobao.org

2020-12-10 16:24:15 469

原创 js中按四舍五入保留指定位数的小数

在做财务项目的时候，遇到小数位数不精确的问题。目前js中保留指定位数的常用方法有1.Number(num).toFixed(n)保留不准确的问题2.Math.round(num * 100) /100 也存在对应的问题然后自己封装了一个精度函数，完美解决问题round(number, precision) { return Math.round(+number + 'e' + precision) / Math.pow(10, precision);}...

2020-12-10 09:33:11 425 1

原创复制当前选中项的某个变量

在做项目的时候，碰到一个需求就是在复制当前产品的时候，复制的内容需要带上当前对应产品的保单号，感谢公司大佬的指导，很快就解决了这个问题；下面给上结构代码：<template v-slot:productName="scope"><div class=""> <i class="el-icon-document-copy" @click="copy(scope.row)"></i> <span class="one-row">{{s

2020-12-09 18:31:05 100

原创关于Vue.config.productionTip

在浏览器中打开使用vue开发的项目时，控制台通常会提示如下提示语如果不希望总是在控制台看见该提示语，可以设置Vue.config.productionTip = false即可

2020-11-30 10:00:15 820

原创关于Vue.config.devtools与Vue.config.productionTip

1）类型：boolean2）默认值：true (生产版为 false)3）用法：务必在加载 Vue 之后，立即同步设置以下内容（一般在main.js中）Vue.config.devtools = true配置是否允许 vue-devtools 检查代码。开发版本默认为 true，生产版本默认为 false。生产版本设为 true 可以启用检查。...

2020-11-30 09:56:18 7116

原创 vue中的md配置文件内容渲染的格式调整

在最近做的项目中有对md文件的渲染，之前是没有接触过的，但是看了同组大佬的实现，也是学到了很多。项目使用的框架是vue<template> <div class="md-render-html"> <md-render :url="url"/> </div></template>组件md-reader是对md文件的渲染组件，关于md-reader：<template>

2020-11-20 09:32:38 783

原创浏览器网址的拆分及各部分的获取

url = http://mobiletst.woyunsoft.com/plate/index/wld/product/list?access_token=eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJmNDg5YTQ0MS1mNWFlLTQzOGItOWUwNC00MzAwMjFlNmU1YWUiLCJpYXQiOjE2MDUwNTcwMTQsInN1YiI6IjE4Mzg5NTk2Nzc2IiwiZXhwIjoxNjA1MDg1MjE0fQ.TpK6YG8G1Rgie-G_SKcVG

2020-11-11 11:00:31 584

原创 js中字符串常用方法总结

这里写自定义目录标题Js中字符串的常用方法总结Js中字符串的常用方法总结1） str.length 获取字符串的长度2） str.indexOf() 方法返回字符串中指定文本首次出现的索引（位置）默认索引值从0开始3） str.lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引如果未找到文本， indexOf() 和 lastIndexOf() 均返回 -1。4）str.search() 方法搜索特定值的字符串，并返回匹配的位置：两种方法，indexOf() 与 s

2020-11-10 11:49:18 725

原创 vue面试总结

总结一下面试中关于vue常见的一些问题1.关于vue的双向数据绑定原理（响应式原理）2.vue中key值的作用3. v-if和v-show的区别4.vue的生命周期函数有哪些？分别由什么含义？5.vue的组件封装方法？6 compute和watch的区别7.methods和computed的区别8. vue如何实现权限控制？9. vue的常见指令有哪些？10. vue-router有哪几种钩子函数11. sourcemap是什么？有什么作用？生产环境中应该怎么用？@vue是目前前端最常用的三大框架之一，

2020-09-07 12:25:26 379

原创正则表达式知识点及相关面试题

1.正则表达式概念：正则表达式就是一个表达式，用来查找一个有指定【特点】的表达式，规则匹配的。正则表达式定义的方式。2.正则表达式定义的方式var reg = /abc/;//字面量创建相当于和[]创建数组相同var reg = new RegExp('abc');使用构造函数创建，第一个参数是规则，第二个参数是属性,参数都写字符串形式的使用new RegExp 和不使用new的区别在于：不new那么字面量的正则和创建的正则指向同一个人（返回的就是里面的正则表达式的引用）：使用new 那么

2020-09-07 12:21:52 640

原创开发常备-git的常用操作

git的使用1.初始化git init初始化本地仓库，初始化后便与远程仓库进行关联，可以进行git clone等操作克隆或者拉取分支git clone xxx 克隆远程仓库的文件到本地git pull xxx 从远程获取最新版本并merge到本地git fetch xxx 从远程获取最新到本地，不会自动merge分支git branch 查看所有分支与当前使用的分支git branch -a 查看远程仓库的分支git checkout xxx 新建一个分支并保留在当前分支上git c

2020-09-07 12:10:30 122

原创关于ES6中的class

class 声明会提升，但不会初始化赋值。Foo 进入暂时性死区，类似于 let、const 声明变量。const bar = new Bar(); // it's okfunction Bar() { this.bar = 42;}const foo = new Foo(); // ReferenceError: Foo is not definedclass Foo { constructor() { this.foo = 42; }}class 声明内部会.

2020-09-04 16:31:17 149

原创 javascript中判断数组的方法

js中判断是否为数组，通常有三种方法，下面为详细的总结1. Object.prototype.toString.call()每一个继承 Object 的对象都有 toString 方法，如果 toString 方法没有重写的话，会返回 [Object type]，其中 type 为对象的类型。但当除了 Object 类型的对象外，其他类型直接使用 toString 方法时，会直接返回都是内容的字符串，所以我们需要使用call或者apply方法来改变toString方法的执行上下文。const an =

2020-09-04 16:24:36 152

原创前端网站常见的优化方案总结

1.合并js和css文件将js和css分别合并到一个共享文件，这样不仅能够简化代码，而且在执行js文件是，如果js文件较多，就需要多次向服务器请求数据，这样将会延长加载速度，将js文件合并在一起，减少了请求的次数，就能够提高加载的速度；2.Sprites图片技术（图片精灵技术）图片精灵技术是一种常用的页面速度加载优化的方式，它是将一个页面涉及到的所有的零星图片（注意：只是那些晓得图片、icon）都包含到一张大图中，然后利用css的背景属性将其相应的图片在现在响应的文字，这样当访问一面时，只用加载一张大

2020-08-31 14:05:19 408

空空如也

空空如也