自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 javascript 根据数组指定字段值,实现升序/降序

根据数组num值,实现升序。根据数组num值,实现降序。

2022-08-09 12:05:58 795 1

原创 ResizeObserver 监听任意HTML元素尺寸变化兼容低版本浏览器

使用场景:使用ResizeObserver监听.border元素(echarts元素父级)尺寸变化,echarts图表进行重绘先上代码:let resizeObserver = null; mounted() { //监听class="border"元素的尺寸变化 var that = this; resizeObserver = new ResizeObserver(() => { that.refreshCharest(); }); resizeObserver.o

2021-11-25 10:54:12 2073 1

原创 axios请求传递数组 paramsSerializer序列化

工作中遇到传递给后台参数格式为 ?ids=1&ids=2&ids=3这种键名相同形式的数据,需要用到paramsSerializer序列化1. 先把传递的数据构造成数组格式,如下所示:ids:[1,2,3]2.引入qs库import axios from 'axios';import qs from 'qs'3.在axios请求加入如下代码paramsSerializer: function(params) { return qs.stringify(params, {

2021-11-18 16:15:03 15942

原创 运行.ps1后缀的文件执行PowerShell脚本

编写.ps1后缀脚本的初衷是,提交版本发布时,同样的多行命令每次都需要重新输入,这样操作会相对麻烦些;如果编写.ps1脚本,可能每次只需要修改命令里面的备注/版本号,直接执行这个脚本就好了。在运行脚本的时候,可能会提示在此程序中禁止执行脚本,那就要修改电脑的执行策略,解决方法如下:1.运行get-executionpolicy,如果结果是Restricted,那表示禁止执行脚本。2.执行如下命令,允许执行脚本:set-executionpolicy -executionpolicy 设置为:unres

2021-11-02 14:16:30 4280

原创 如何在文件夹中打开cmd命令窗

最初了解的操作是window+R,输入cmd打开命令窗,然后再到指定的盘,cd到指定的目录下。这样看着比较繁琐。有两种相对简单的方法方法一1.打开指定文件夹2.选中文件夹地址栏输入cmd3.回车方法二1.打开指定文件夹2.按住shift键3.空白区右键选择—>在此处打开Powershell窗口就可以直接打开对应目录下的cmd命令窗了...

2021-04-13 15:04:14 18779 3

原创 swiper 轮播 多行多列 横向排列

一直没仔细研究过swiper,用到了swiper多行多列的展示效果,官网默认是纵向排列想要做到横向排列,需添加一个一个属性:slidesPerColumnFill:'row'slidesPerView: 4,slidesPerColumn: 4,slidesPerColumnFill:'row',这样就可横向排列,记下来做个备份...

2020-09-17 11:36:22 5530 2

原创 微信小程序解析富文本编辑

使用小程序自带的富文本组件基本使用方法1.在wxml页面中使用 rech-text 标签<rich-text nodes="{{nodes}}"></rich-text>2.在js页面中使用 绑定数据Page({ /** * 页面的初始数据 */ data: { nodes:'' },3.给nodes绑定富文本格式代码块数据,就OK了...

2020-05-22 10:35:57 313

原创 vue,小程序 阻止事件穿透的方法

默认情况下,事件在h5页面会穿透传递,比如一div里面套一个div,点击上层div,下层div也会响应 要阻止事件穿透,使用event.stopPropagation(); 代码示例:<div @click="testout($event)> <div @click="testin($event)"></div></div>..........

2020-04-08 15:55:24 1987

原创 VisualStudio注释/取消注释 快捷键

注释:Ctrl + K + C ;取消注释:Ctrl + K+ U ;

2020-02-27 15:24:11 465

原创 自定义overflow:auto的滚动条样式

.zzscroll{ width:1000px; height:640px; overflow-y: auto;} .zzscroll::-webkit-scrollbar { width:6px; height:640px; } .zzscroll::-webkit-scrollbar-thumb { border-radius:...

2019-12-30 13:32:15 1538 2

原创 vue-cli2和vue-cli3 取消eslint 校验代码

项目中遇到的eslint校验报错问题,查阅资料后,记录一下v-cli21.创建工程的时候,提示是否启用eslint检测的。 Use ESLint to lint your code? No2.在webpack.base.conf.js里面删掉下面:{ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre',...

2019-10-17 14:54:34 880

原创 微信小程序 wx.navigateTo()多个参数传参方法

正在学习中,传递多个参数的方法,记录一下参数传递1.数据需要转义为字符串才能通过参数传递 JSON.stringify()2.多个参数传递,前面要加 & 符号let dataList = JSON.stringify(this.data.dataLists) wx.navigateTo({ url: '../details/details?dataList=' + dat...

2019-08-08 17:07:05 15113 1

原创 js类数组对象转为数组

我们有一种需求就是把类数组对象转化为数组对象,方法如下:1.通过Array.prototype.slice.call()将类数组对象传入即可。本文以vue代码为例,写在计算属性中computed:{ dataList(){ return Array.prototype.slice.call(this.List) //this.List => 要转换的类数组对象 }}...

2019-08-07 11:03:34 492

原创 js数组去重方法

利用对象的思想,对象的一个属性是唯一的,如果对象里没有这个属性的话,就放入这个属性,即为true.var arr = [1,1,2,3,0,3,3,3,3,4,4,5]function removal(arr){ var obj = {}, arrData = [], len = arr.length for(var i = 0; i < len; i++){ if(!o...

2019-08-01 16:43:52 117

原创 vue刷新当前页面,不留白

用provide / inject 组合原理:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效在App.vue,声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载。<template> <div id="app"> <router-view v-if="isRou...

2019-07-22 18:05:11 169

转载 git push同时推送到两个远程仓库

前言当你的项目同时放在两个远程仓库(例如:一个开源中国,一个github)上时,需要分别push两次,进行以下修改,即可一次push,推送到两个远程库!正文进入你的项目目录,打开.git/config文件(.git是隐藏目录,需要打开显示隐藏文件…)在url = xxx下再加一行其他远程库的路径,例如,开源中国的:此后,你只需要git push origin master,即可同时推...

2019-07-18 16:17:44 2231

原创 弹性布局水平垂直居中

知识点justify-content: center//子项在flex容器水平居中align-items: center//子项在flex容器垂直居中代码块<div class="main"> <div class="maincon"> </div></div>.main{ width: 100vw; hei...

2019-07-18 11:46:02 17559

原创 vue进度条+定时器,实现自动变化

实现思路:1.添加一个class名为Progress 的 div,即进度条外边框。2.接着,在上面的 div 内,添加一个class名为jindu的div3.class.jindu的style宽度使用百分比,例如 style=“50%”; 表示进度条在 50% 的位置。代码<div> <div class="Progress"> <div cla...

2019-07-17 11:38:16 4321

原创 nth-child()选择器奇偶匹配

奇偶数匹配奇数列/行奇数(odd)与(2n+1)结果一样;nth-child(odd)偶数列/行偶数(even)与(2n+0)或(2n)结果一样; nth-child(even)

2019-06-27 13:13:00 2069

原创 html实现弹窗

上午闲来无事,用html及原生js写个弹窗,供参考。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body{ margin: 0px; ...

2019-06-20 12:10:48 84804 28

原创 npm命令突然失效,使用npm下载插件、运行项目报错的解决方法

删除C:\user{用户}\下的.npmrc文件

2019-06-10 09:59:41 1770 1

原创 vue实现单选多选全选全不选功能

单选当用v-for渲染一组数据的时候,可以带上index来区分他们,这里利用这个index来简单地实现单选<ul class="user-content" v-for="(list,index) in translist" :class="{bgcolor:index == checkid}" @click="checktrans(index)"> </ul>根据...

2019-06-04 16:02:22 4114

原创 Vue中使用vuex,页面刷新登录状态不丢失,退出登录后清空登录状态的解决方法

前端小白,最近使用vue做用户的登录/退出,在开发过程中遇到的一些问题,记录下来。由于vue自身特性的原因,vuex中的数据在页面刷新之后其中的数据会初始化,这就导致组件之间通过vuex传递的数据在用户f5刷新页面之后会丢失。搜索了一些方法,使用localStorage实现页面刷新之后数据不丢失的方法代码如下vuexconst state = { userInfo: JSON.pars...

2019-05-28 16:39:30 15404 8

原创 关于三目运算符多个判断条件的写法

结构a==0?-1:a==1?0:1

2019-05-24 17:20:34 5256

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除