- 博客(29)
- 收藏
- 关注
RSS订阅原创 前端局部打印, 不使用插件
思路: 动态生成iframe标签, 替换iframe下body的内容,iframe进行打印注意: 替换的内容标签, 是带样式的, 所以我这边都写在了行内样式<div> <h2>局部打印</h2> <print v-show="false" id="printBox"></print> <el-button class="button-div" @click="btnClick">打印</el-b.
2021-09-09 14:44:53
210
1
原创 微信授权 10003
最近用微信上授权, 本地测试一切正常,部署后一直提示10003, 网上其他说的配置不加http等等, 都排查了,是不是; 最后发现:微信的 redirect_uri 不支持带端口 !!!!! 坑爹因为我们的前端地址就是需要带端口, 解决方案:1, 新建一个 beforeOauth.html 文件, 放到任意一台服务下, 作为一个中转页. 例如: 访问地址为: http://abc.efg.com/before.html [切记可以不加端口访问]2, 前端代码里的跳转微信...
2021-08-25 10:50:12
873
原创 移动端input聚焦，页面放大
在html添加以下代码，已解决<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1">
2021-03-30 10:47:58
379
原创 2020-12-5 element中el-cascader懒加载回填踩坑
使用el-cascader中回填需要返回绑定数组格式,例如:['江苏省', '南京市', '秦淮区', '中华门街道']因为我封装了组件， 这个默认的值又是接口请求回的，总是会出现偶尔不回填的问题；查看原因：数据改变了，视图不变， 修改为$set赋值也没解决；最终解决办法：el-cascader 绑定key， 修改v-model值的时候，顺便更新下key值。 (我这里绑定的 :key="modelKey")代码如下，请参考：html部分<template>..
2020-12-05 10:57:37
2972
7
原创 ios上window.location.href跳转无效
近期在微信的浏览器上，使用了window.location.href跳转新页面，ios上 出现bug，页面上方的进度条加载完成，地址也已经改变，就是 页面没有改变。 后期在网上找了很多解决方案换成 a链接跳转 无用！最后：换成了location.href 竟然好了！！神奇 记录一下...
2020-07-15 10:25:57
6735
原创 h5开发， ios的input框focus无效
最近遇到，在ios上的h5页面，点击获取验证码按钮， 自动聚焦 验证码的input，使用 this.$refs.名称.focus()， 发现在安卓有效， ios无效通过检查得知： focus() 如果在promise或者定时里面调用，在ios上是无效的， 记录一下...
2020-07-04 14:10:56
1820
4
原创 锚点定位和vue路由机制相冲突
做了一个锚点双向定位的功能, 因为涉及到双向定位, 用js写了之后, 有点bug, 就借助了Ant Design of Vue里的Anchor, 写了之后就发现了, 点击锚点后, 路由地址会变化, 如果此时f5刷新就会有问题, 着急解决, 就使用一个骚操作在点击过后, 又主动路由跳转到 当前这个页面的路由地址,当然这也不是 最好的办法,如果有好的办法, 希望能分享一下...
2020-04-30 09:10:06
789
原创 el-menu 刷新页面高亮,默认展开
因为找了很多博客, 都和我自己的有些不一样. 所以总结一下, 记录一下要有这三个 都存在;:default-active="$route.name"router:index="item.url" 这里的index 绑定的就是 跳转的 url, 我这里使用的 name跳转的,这里的 item.url 就是 路由的name...
2020-03-30 10:55:14
2191
原创 使用blob下载,如果下载失败, 获取到返回的json, 弹出提醒框
使用new FileReader 读取返回,如下let reader = new FileReader()reader.readAsText(response.data, 'utf-8')reader.onload = (e) => { try { let result = JSON.parse(e.target.result) resolve(result...
2020-03-27 15:11:47
1184
原创 elemet-ui的el-tree设置默认高亮无效
在给el-tree设置高亮的时候, 一直设置不上去,后因为一个小问题, 以免忘记,记录下:1, 设置node-key 属性2, 使用nextTick3, 设置highlight-current 属性4, this.$refs.xxx.setCurrentKey('id名称')...
2020-02-29 10:16:33
2287
原创 判断浏览器是否为ie
// 判断当前浏览器是否为ie, 不是为'-1'const IEVersion = function () { var userAgent = navigator.userAgent // 取得浏览器的userAgent字符串 var isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf(...
2019-11-13 16:34:06
326
原创 vue-cli3.0 兼容问题
1. 安装 babel/polyfill2. 在babel.config.js 里面配置module.exports = { presets: [ ['@vue/app', { useBuiltIns: 'entry' }] ]}3. 在 main.js 第一行引入!!!!!!!!!! 4. 经过以上的 配置 还是再ie上面 ...
2019-10-08 11:04:45
1527
原创 vue中使用blob 下载 文件
最近遇到下载文件, 以前做的直接就是a链接 下载, 这次是调接口,后台返回一段数据流,后来用到blob1, 用到的get方法, 但是注意, 要告诉 需要什么格式的, 不然就会下载为 乱码. (如果是post, 就封装一个post方法就好了, 同理)// 请求方法封装 - blob下载const getblob = function fetchDownLoad (url) { ...
2019-09-19 20:22:36
2020
原创 for循环 和 forEach 使用return
最近在面试中，遇到这样一个题： for 和 forEach 使用return，分别是跳出当前的循环，还是整个循环回来在电脑上上试了一下：因为return必须是使用在函数里面的， 所以写了两个函数let aa = function() { for(var i = 0; i < 5; i++) { console.log(i) ...
2019-08-21 17:40:33
4614
原创 padding 和 margin 设置百分比时的取值
最近因为图片的布局发现了一个小知识。就是：在padding 和 margin 设置为百分比的时候， 不管是 top/left/right/bottom , 这个百分比都是相对于父元素的宽度来取值的...
2019-06-21 09:55:12
647
原创 【token】刷新token，替换请求头
token过期，用refreshToken 去刷新 token处理： 在每一个请求之前，都去请求刷新token的接口，这里在axios里面用的ajax，因为在axios里面用到了响应拦截，如果还用axios，就会陷入死循环。因为涉及到一个页面刚进入，会去请求多个接口，造成 一个页面刚进入会请求多个token接口，所以 用到防抖、节流，这些都是在axios的请求拦截器里面进行处理的。l...
2019-06-04 14:17:57
3432
原创 【兼容】在google低版本上面，所有的输入框光标偏上
在google低版本上，输入框未输入任何内容时， 光标偏上。网上有的办法说： input的 height设置和 font-size 一样大，然后不给line-height， 用padding把输入框撑大， 但是这是在项目后期发现，改起来工作量大。解决：...
2019-05-31 11:32:09
123
原创 【兼容】在google30-40版本，或者ie 上面， transform 添加浏览器前缀，实现兼容
最近在兼容低版本的google中，低版本的google也不兼容transform ，所以找了各大网站 都没有找到办法解决，后来找到一个解决了， 不光是在 本地能添加浏览器前缀，在打包后，也有前缀。原文地址：https://www.cnblogs.com/yhquan/p/10594321.htmlvue-cli自带了postCss autoprefixer 进行兼容处理，配置如下...
2019-05-31 11:25:38
870
原创 vue中运用name跳转路由，出现跳转到login页的情况
跳转进入的页面写的是动态路由，在进行页面跳转的时候， 只能通过name进行跳转， 现在在跳转的时候，出现一个问题， 时不时的会跳转到 login页。找到问题所在： 如果 用name进行跳转的时候，携带了params，并且这个params 为 null 或者 空， 页面不会跳转到相应的 name 对应的页面，而是会显示没有跳转地址。这是正常的跳转。如果把 n...
2019-05-31 11:09:17
1178
原创 树结构 根据 子集 查找所有的父级，组成数组
function getParents(data, id) { for (var i in data) { if (data[i].regionCode == id) { return [data[i].regionCode]; } if (data...
2019-04-18 17:23:16
2336
原创 图片在 盒子中居中显示， 不影响原图片大小，完整显示
2020/12/2现在看之前写的真是不堪入目...最近用的最好的图片自适应居中的方法，就是使用背景图了，cover，平铺不重复；然后父盒子flex布局，居中
2019-03-14 20:15:31
2495
转载 最全的正则匹配
干货一.校验数字数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 正数、负数、和小...
2019-01-28 17:16:53
777
原创 转base64 出现跨域的 问题
封装的方法 如下在网上找到一个解答， 如下：现在 在我封装的 转base64 的方法中，已经给img添加了 crossOrigin 属性，但还是有问题存在， 待解决...已解决，原因：这个图片是经过百度出来的一个地址， 现根据该地址找到原网址，多次尝试该网址里的其他照片， 将本地图片放上 该网址 同样无法进行转base64， 得出： 该网站的 图片可以通过 img...
2019-01-28 14:23:49
3964
2
原创 js图片转base64， 支持网络地址 和 本地地址
js图片转base64， 支持网络地址 和 本地地址在网上找了一个转的方法，如下：// 转base64 getBase64(img) { //传入图片路径，返回base64 function getBase64Image(img, width, height) { //width、height调用时传入具体像素值，控制大小 ,不传则默...
2019-01-28 11:01:51
7971
2
原创 Vue 图片加载失败， 显示默认图片
后台返回图片 访问404， 如果只用v-if ， 图片没加载出来 还是会留个空位置在，给 img 加上 onerror 属性就可以了，简单粗暴， 暂时没什么问题后面找到更有效的 方法，在vue里面使用：<div class="img-box"> <img v-if="item.captureUrlFull" :key="it...
2019-01-25 17:09:47
2524
原创 vue+element下拉框实现 三级联动
要求实现三个带搜索的 下拉框 的三级联动， element 里的下拉框带搜索，可以实现，就是三级联动需要自己实现给到 三个接口，1，获取小区list 2， 获取该小区楼栋号 3，获取楼栋下的房间号实现如下：因为涉及到回填，所以 页面一加载就要获取 url 的小区id，...
2019-01-22 21:06:54
19188
15
原创 移动端 使用筛选功能后,页面卡死
最近项目开发中, 使用带筛选功能,类似这样:点击出现筛选框后, 下面的内容不允许滑动, 封装了一个方法 bodyScroll (event) { event.preventDefault() }, stopMove () { document.body.style.overflow = 'hidden' document.addEventLis...
2018-11-18 12:35:20
430
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人