- 博客(24)
- 收藏
- 关注
RSS订阅原创 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
2079
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
15962
原创 运行.ps1后缀的文件执行PowerShell脚本
编写.ps1后缀脚本的初衷是，提交版本发布时，同样的多行命令每次都需要重新输入，这样操作会相对麻烦些；如果编写.ps1脚本，可能每次只需要修改命令里面的备注/版本号，直接执行这个脚本就好了。在运行脚本的时候，可能会提示在此程序中禁止执行脚本，那就要修改电脑的执行策略，解决方法如下：1.运行get-executionpolicy，如果结果是Restricted，那表示禁止执行脚本。2.执行如下命令，允许执行脚本：set-executionpolicy -executionpolicy 设置为：unres
2021-11-02 14:16:30
4291
原创 如何在文件夹中打开cmd命令窗
最初了解的操作是window+R,输入cmd打开命令窗，然后再到指定的盘，cd到指定的目录下。这样看着比较繁琐。有两种相对简单的方法方法一1.打开指定文件夹2.选中文件夹地址栏输入cmd3.回车方法二1.打开指定文件夹2.按住shift键3.空白区右键选择—>在此处打开Powershell窗口就可以直接打开对应目录下的cmd命令窗了...
2021-04-13 15:04:14
18851
3
原创 swiper 轮播 多行多列 横向排列
一直没仔细研究过swiper，用到了swiper多行多列的展示效果，官网默认是纵向排列想要做到横向排列，需添加一个一个属性：slidesPerColumnFill:'row'slidesPerView: 4,slidesPerColumn: 4,slidesPerColumnFill:'row',这样就可横向排列，记下来做个备份...
2020-09-17 11:36:22
5540
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
315
原创 vue,小程序 阻止事件穿透的方法
默认情况下，事件在h5页面会穿透传递，比如一div里面套一个div，点击上层div，下层div也会响应 要阻止事件穿透，使用event.stopPropagation(); 代码示例：<div @click="testout($event)> <div @click="testin($event)"></div></div>..........
2020-04-08 15:55:24
1989
原创 自定义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
1539
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
881
原创 微信小程序 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
15121
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
493
原创 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
118
原创 vue刷新当前页面，不留白
用provide / inject 组合原理：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效在App.vue,声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载。<template> <div id="app"> <router-view v-if="isRou...
2019-07-22 18:05:11
170
转载 git push同时推送到两个远程仓库
前言当你的项目同时放在两个远程仓库(例如：一个开源中国，一个github)上时，需要分别push两次，进行以下修改，即可一次push，推送到两个远程库！正文进入你的项目目录，打开.git/config文件(.git是隐藏目录，需要打开显示隐藏文件…)在url = xxx下再加一行其他远程库的路径，例如，开源中国的：此后，你只需要git push origin master，即可同时推...
2019-07-18 16:17:44
2235
原创 弹性布局水平垂直居中
知识点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
17562
原创 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
4325
原创 nth-child()选择器奇偶匹配
奇偶数匹配奇数列/行奇数(odd)与(2n+1)结果一样；nth-child(odd)偶数列/行偶数(even)与(2n+0)或(2n)结果一样； nth-child(even)
2019-06-27 13:13:00
2072
原创 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
84814
28
原创 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
4118
原创 Vue中使用vuex，页面刷新登录状态不丢失,退出登录后清空登录状态的解决方法
前端小白，最近使用vue做用户的登录/退出，在开发过程中遇到的一些问题，记录下来。由于vue自身特性的原因，vuex中的数据在页面刷新之后其中的数据会初始化，这就导致组件之间通过vuex传递的数据在用户f5刷新页面之后会丢失。搜索了一些方法，使用localStorage实现页面刷新之后数据不丢失的方法代码如下vuexconst state = { userInfo: JSON.pars...
2019-05-28 16:39:30
15408
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人