- 博客(15)
- 收藏
- 关注
RSS订阅原创 mac配置github_ssh
1、设置Git的user name和email：(如果是第一次的话) $ git config --global user.name "xxxxxx" $ git config --global user.email "[email protected]"2、生成密钥$ ssh-keygen -t rsa -C "[email protected]"3、持续回车，需要密码时输入密码就好了4、查看密钥cat ~/.ssh/id_rsa.pub5、登陆github。点击头像，然后 Sett
2021-11-12 20:18:25
1082
原创 js原生懒加载
原生js的懒加载写了一个原生懒加载页面，触底加载、搜索刷新、节流等代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-
2021-06-02 18:22:16
185
原创 input标签blur事件冒泡绑定
input标签blur事件冒泡1).我们知道多个子元素触发同一个事件时，可以将事件绑定在同一个祖级元素上。2).查了一下input标签blur事件不支持冒泡3).可以用focusout事件代替 <div class="divFa" id="divFa"> <p> <input type="text"> </p> <p> <input type="text"> </p> <p> &
2021-05-28 09:13:50
1898
原创 Vue+elemenUi按需引入报错
vueCli脚手架按需引用elementUi报错*npm和babelrc文件配置都没有问题报错的原因是vue.comfig.js配置终端报错 vue.config.js文件配置
2021-05-14 09:15:29
162
原创 CSS-flex布局属性总结
flex布局这里对flex布局的container容器和item项目的属性进行一个汇总flex基本概念flex container:外层包裹子元素的父元素叫做flex容器flex item:我们要布局的子元素叫做flex项目，每个项目占据的主轴空间为 main size,占据的交叉轴空间为 cross sizemain axis:主轴,默认水平方向cross axis:交叉轴，垂直于主轴 <!-- flex container： displ
2021-05-08 10:39:32
262
原创 query路由传参--加密解密
query路由传参加密解密直接看代码const base64={ // 加密 encode(str){ return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,function toSolidBytes(match,p1){ return String.fromCharCode('0x'+p1); })) }, // 解密 decode(str){ return decodeURI
2020-11-26 15:45:35
1178
原创 localStorage和sessionStorage项目使用
localStorage的存、取、清、删const localStorage={ // 获取 get: key => { try{ return JSON.parse(window.localStorage.getItem(key)); }catch{ return window.localStorage.getItem(key); } }, // 存储 set : (key,value) => { window.lo
2020-09-07 17:19:29
141
原创 Vue+el-popover+遮罩首次登陆引导
最近有个需求，用户首次登陆展示新手指导1，点击知道了1关闭指导1，显示指导2，点击知道了2关闭指导2。遮罩view代码 <div class="topMask" v-if="firstLoginShow"></div>css代码.topMask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); z-i
2020-09-04 09:26:21
1688
原创 Vue+Element-ui组件Loading加载
VueCli3和Loading全局配置Loading以服务的方式调用。引入 Loading 服务import { Loading } from 'element-ui';Loading 的配置项options(具体配置参考文档)//开始let loading;function startLoading(){ loading=Loading.service({ lock:false, spinner:'', background:'rgba(0,0,0,0.7)' })}//
2020-08-22 15:48:05
2477
原创 Vue+el-pagination二次封装
Vue二次封装Element-ui分页跳转–手动@_不吃香菜啊新建pagination.vue组件<template>> <div class="mod-paging-query fn-clear" style="background:#fff"> <el-paganition class="fn-right" layout="total,sizes,prev,pager,next,jumper" :total="pager.tota
2020-08-09 00:10:09
890
原创 Vue滚动栏
写了一个滚动栏，先固定在底部后改变位置在methods中 windowLoad(){ let scrollBottom=document.documentElement.scrollHeight-document.documentElement.scrollTop-document.documentElement.clientHeight; //console.log(scrollBottom,'scrollBottom'); if(scrollBottom<157){ this
2020-08-08 23:23:44
242
原创 Vue前端打印/下载.excel、.pdf
VUE前端打印、下载.excel、.pdf文件配置文件request.js中 options.reponseType='blob';下载.excel //data：后端返回数据 name:默认名 function downloadExcel (data,name){ if(data.data){ return; }； let url= window.URL.createObjectURL(new Bolb([data.data]),{type: 'application/vn
2020-08-08 23:00:10
946
1
原创 Vue+El-form表单重置
1.表单添加ref属性<el-form ref="refname"></el-form>2.form的每个item添加prop属性<el-form-item prop="name"> <el-input v-model="query.name"></el-input></el-form-item>3.绑定点击事件中传入refname<el-form-item> <el-button @c
2020-08-05 00:45:16
2646
原创 Vue+$message弹框显示一次
Vue中$message多次弹出时只显示一次lib文件下定义resetMessage.js代码片段import { Message } from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if (messageInstance) { messageInstance.close() } messageInstance = Message(options)};
2020-08-05 00:42:48
1397
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人