- 博客(31)
- 收藏
- 关注
原创 el-table表固定列错位
判断当前路由页面的name与表格所在页面name相同,且表格ref = “refsTable”时,对 Table 进行重新布局。2.页面配置table的ref=“refsTable”,并引用混入文件。3.特殊页面,直接在监听页面被激活函数调用。1.在混入文件中监听页面激活函数。
2024-07-01 17:15:24
308
原创 element选择周日期不跨月
选择任意一天,自动返回所在周的起始日期,起始日期不跨月。1.使用element日期选择器组件。2.需要安装依赖 - moment。
2023-07-31 09:16:19
214
原创 路由跳转传参的方式和区别
路由跳转及传参1. 不带参数 this.$router.push('/home') this.$router.push({name:'home'}) this.$router.push({path:'/home'})2. query传参 this.$router.push({name:'home',query: {id:'1'}}) this.$router.push({path:'/home',query: {id:'1'}}) // html 取参 $route.query.id
2022-02-25 16:06:04
600
原创 vue路由配置属性整理
vue路由配置 export default new Router({ mode: 'history', //路由模式,取值为history与hash base: '/', //打包路径,默认为/,可以修改 routes: [ { path: string, //路径 component: Component; //页面组件 name: string; // 命名路由-路由名称 components: ( Co
2022-02-25 16:04:16
1186
原创 keys()、values()、entries()的使用
ES6中数组操作keys()、values()、entries()的使用与区别基本说明1、Object.keys(Array ):对键名的遍历。2、Object.values( Array):对键值的遍历。3、Object.entries( Array):对键值对的遍历。例子://对象let data = {aa:2,bb:4,cc:7} console.log(Object.keys(data)); //['aa', 'bb', 'cc'] console.log(Obje
2022-02-25 15:59:43
609
原创 react大屏项目使用rem
一、添加rem.js文件在公共文件夹中创建rem.js文件,配置rem计算功能export default function() { (function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var tid; win.flexible = lib.flexible || (lib.flexible = {}); con
2021-11-16 18:00:20
1395
1
原创 全局监听鼠标事件
全局监听鼠标事件可实现功能:长时间无操作返回登录页var lastTime = new Date().getTime();var currentTime = new Date().getTime();// var timeOut = 30 * 60 * 1000; //设置超时时间: 30分var timeOut = 10 * 1000; //设置超时时间: 30分 window.onload = function () { // window.document.onmousedown
2021-06-25 19:04:40
2032
转载 前端常见跨域问题解决
@前端常见跨域问题解决原文什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1. 资源跳转: A链接、重定向、表单提交2. 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3. 脚本请求: js发起的ajax请求、dom和js对象的跨域操作等其实我们通常所说的跨域是狭义的,是由浏览器
2021-06-09 11:15:22
132
原创 获取浏览器信息(类型及系统)
原文走这儿1.封装获取浏览类型// 各主流浏览器function getBrowser() { var u = navigator.userAgent; var bws = [{ name: 'sgssapp', it: /sogousearch/i.test(u) }, { name: 'wechat', it: /MicroMessenger/i.test(u) }, { name:
2021-05-14 16:50:45
694
原创 瀑布流排版
项目中实现瀑布流样式1.最外层div设置样式column-count: 2; // 每行展示的列数column-gap: 13px; // 列之间的距离
2021-05-14 16:43:16
201
原创 配置git账户密码
配置git账户密码1.Win+R然后输入cmd打开命令窗2. 查看本地配置git config --list3.配置用户名git config --global user.name 用户名4.配置邮箱git config --global user.email 邮箱5.配置密码git config --global credential.helper store6.打开任意一个项目,执行git pull 或者git push操作7.按照提示输入账户密码8.查看配置结果git
2021-05-12 15:23:57
5686
原创 h5页面置灰
页面置灰实现页面整体置灰效果(非所有页面细节)html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }
2021-05-08 14:50:46
566
原创 dialog遮罩层遮挡内容
dialog组件中遮罩层遮挡内容问题重现:1.dialog层每次打开会叠加z-index,当高于内容层级时会遮挡内容-偶发现象2.未知代码原因,初始打开页面,遮罩层遮挡内容-触发则必现3.父元素有定位解决方法:1.手动修改z-index值,增加"!important",取消叠加效果2.组件属性//:append-to-body="true"(默认为false)// :modal-append-to-body='false' (未使用过)<el-dialog title="d
2021-05-07 17:21:21
633
原创 vue项目中实现MD5加密
vue项目中实现MD5加密参考来源:https://www.liaoxuefeng.com/wiki/1022910821149312/1023025778520640使用方法:1.安装依赖npm i -S crypto2.引入依赖const crypto = require('crypto');3.整理加密数据let str = '从前有座山'4.实现加密 const hash1 = crypto .createHash("md5") .update(data)
2021-05-07 16:31:37
1166
转载 flex布局
Flex-弹性布局基本概念子元素的float、clear和vertical-align属性将失效。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称"项目"。容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点)叫做main start,结束位置叫做main end;交叉轴的开始位置叫做cross start,结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main
2020-08-05 20:56:07
76
原创 react && reactNative 脚手架
react脚手架1.检查node版本,6.0.0以上2.文件根目录下打开cmd,官方脚手架工具create-react-app3.命令行输入npm install create-react-app -g 配置环境变量4.命令行输入create-react-app projectName创建项目5.命令行输入cd projectName进入项目根目录6.命令行输入cat package.json1-1.运行 npm start/yarn start1-2.安装路由 npm i -S rea
2020-08-05 20:55:18
160
转载 js 生成二维码
原文地址思路1.随机数获取唯一token2.添加自定义字符串3.token加密4.生成二维码二维码数据准备1.获取随机数 var rod = round(1,100); //1-100以内随机数2.添加自定义字符串 var rodString = (rod+'author');3.MD5加密 var md5rod = md5(rodString);js实现功能引入 - QRCode.js <div id="qrcode"></div> // 显示
2020-08-05 20:52:55
138
原创 判断页面打开浏览器类型
判断页面打开浏览器类型var ua = navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == 'micromessenger') { // 微信浏览器判断 return false;} else if (ua.match(/QQ/i) == 'qq') { // QQ浏览器判断 return false;} else if (ua.match(/WeiBo/i) == "weibo") { // 微博
2020-08-05 20:52:34
213
原创 js判断手机是否下载APP
场景描述在APP内嵌H5页面中,用户在APP外打开该页面并触发相应事件,若用户安装了该APP则调起APP,若用户未安装APP,则Android用户引导至应用宝下载,iOS用户引导至App Store下载前期准备由Android和iOS开发同事提供打开APP对应的urllet androidData = 'android://url/android?operateType=3&configs='+baseUrl let iosData = 'ios://url/ios?operateType
2020-08-05 20:52:14
1145
原创 字符串进行Base64加密和解码
//将Ansi编码的字符串进行Base64编码-加密export function encode64(input) { var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var output = ""; var chr1, chr2, chr3 = ""; var enc1, enc2, enc3, enc4 = ""; var i = 0; do { chr1 = inpu
2020-08-05 20:51:21
2433
原创 学习网址整理
学习网址http://c.runoob.com/front-end/854 – 正则表达https://blog.csdn.net/nihaoqiulinhe/article/details/79084755 — Vue 使用axios 发送post请求,参数格式有错误问题https://www.jianshu.com/p/2e5973fe1223 ----- vuexhttps://www.jianshu.com/p/63f09651724c ------ vue-devtoolshttps:/
2020-08-03 15:21:46
273
原创 数组操作方法
shift()把数组的第一个元素删除,并返回第一个元素的值 var movePos=[1,2]; movePos.shift() console.log(movePos)//[2] document.write(movePos.length);//1concat()用于连接两个或多个数组,并返回一个新数组,新数组是将参数添加到原数组中构成的join()用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。 var movePos=[11,22]; var arr=m
2020-08-03 15:18:24
15
转载 axios发送post请求
Vue 使用axios 发送post请求,参数格式有错误问题注:使用post发送,但是参数有问题,一直报参数无法present的问题,后来看到这篇博客,需要引入QS对参数进行转换,且要设置Content-Type,这样就可以了,特别注意QS的功能: 提交的数据如下 var a = {name:'hehe',age:10}; qs.stringify序列化结果如下 name=hehe&age=10 而JSON.stringify序列化结果如下: "{"a":"hehe","ag
2020-08-03 14:35:25
552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人