- 博客(14)
- 收藏
- 关注
RSS订阅原创 iframe嵌套页面 ios中h5页面样式变大/h5页面放大
实际项目开发中，iframe在移动设备中使用问题还是很大的，说一说我的那些iframe坑 做过的这个后台管理框架，最开始的需求是PC，但随着业务需要，需要将项目兼容到ipad，后台的框架也是使用的开源框架开发，使用的是iframe嵌套页面的方式1、内部嵌入iframe，里面的内容页面中有绝对定位的元素，会有问题！现象：项目中嵌入 <iframe /> 并设置宽高后，发现在 Android 手机浏览器上打开可以正常运行，但是在 iOS 手机上会有 iframe 页面样式莫名变大，效果.
2020-06-05 16:52:28
1802
原创 vue iframe结合window.postMessage实现跨域通信
因需要要将多个vue项目整合到一个项目，所以首先想到了iframe嵌入的方式，所以在此使用postmessage父页面往子页面传递数据父页面<iframe ref="asas" @load="sendMessage" src="url" style="height: 100%;width:100%;"></iframe>1、我们首先要获取到iframe的co...
2019-11-05 15:28:48
3399
转载 vue-router如何在返回时返回到上次滚动位置
1.在router.js里面（即路由文件中）const router = new VueRouter({ mode: 'history', routes, scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { ...
2019-06-12 17:06:28
686
转载 【解决】html2canvas.js截图只截取当前可视区域；导出图片不全
问题：之前使用orgchart团队架构图导出图片，会出现图片导出不全的问题原因：当时使用tab标签分类显示的时候，当前选中模块显示内容，未选中模块内容设置为隐藏状态。而html2canvas插件无法识别隐藏的dom元素。思路：找到需要生成截图的dom节点，在页面渲染完成之后，克隆一份备份节点，追加在body后面，这份备份的节点不能是隐藏状态，设置备份节点的绝对定位和图层级别。注：因为是...
2019-01-25 18:34:12
20928
原创 vue项目总结之配置本地，测试，生产环境api
最近在做vue项目，想实现通过不同的命令，调用不同环境的api，防止来回切换不同的api出错。例如: npm run dev 调用本地环境npm run test 调用阿里测试环境apinpm run build 调用 生产环境api先简单说一下创建vue项目的流程:1.npm install-gvue-cli 全局安装脚手架（只安装一次）2.vue init we...
2018-12-17 17:04:30
1050
原创 微信扫一扫遇到的问题
微信扫一扫遇到的问题能获取到签名但是会走失败回掉函数，现实签名失效。其实是官方文档获取token的方法错了。这是官方文档获取token的方法，注意红色线部分修改为...
2018-11-06 10:59:32
1201
转载 vue项目搭建
vue创建项目（npm安装→初始化项目）第一步npm安装首先：先从nodejs.org中下载nodejs双击安装，在安装界面一直Next直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常使用淘宝NPM镜像大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。$ npm install -g ...
2018-07-26 16:00:52
546
原创 mac使用cordova配置android环境以及打包
一 下载jdk配置环境变量jdk下载地址（http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html）住：不要下载最新的版本，会有问题打开.bash_profile文件，如果没有则新建一个，打开的命令为open .bash_profileJAVA_HOME=/Library/Java/Jav...
2018-07-11 21:35:48
4141
原创 cordova环境搭建以及打包apk
1.安装node.JS2.安装ant载连接:http://ant.apache.org/，下载完成之后解压到你想安装的目录，比如D:\ant。然后将目录添加到系统变量里，步骤如下：右击我的电脑，点击属性，左侧菜单点击高级系统设置，在弹窗中点击环境变量，然后在用户变量中添加变量ANT_HOME,值为D:\ant，添加变量path，值为D:\ant\bin，添加变量classpath，值为D:\ant...
2018-06-17 16:56:31
1721
原创 vue左侧菜单，树形图递归实现
最近在做一个后台管理系统，左侧菜单需求是这样的，可以多层，数据由后台传递。先说说遇到的坑，由于是子父组件，当时传递使用的是子父组件的传递，但是这时候只能获取到第一层的数据，第二层往后获取不到数据，踩了一下午坑以后才知道，子组件使用了递归组件，这时候他已经不能往父组件传递了，子传父，只能逐层传递这时候已经隔层了，所以我使用了非子父组件传递，两个页面都引入bus.js，这里不懂的请百度。bus.jsi...
2018-04-26 14:21:14
10084
2
转载 ztree在vue项目中使用并且带有搜索功能
之前博客介绍过怎么在vue里展示以及获取点击元素的内容，此文章之介绍搜索功能html<el-form-item label="机构" class="ztree-par"> <i class="icon_org"></i> <input type="text" pl
2018-04-24 09:22:11
3860
原创 ztree在vue下的实战
此文章用来记录自己项目中觉得有用的插件，勿喷使用main.js需配置 import "./../static/ztree/js/jquery.ztree.core.js";import "./../static/ztree/js/jquery.ztree.excheck.js";import "./../static/ztree/js/jquery.ztree.exedit...
2018-04-24 09:17:14
1638
1
转载 vue 登录滑动验证
之前别人都是用jq写的，自己整理了一下开始使用<el-form-item label="验证"> <div class="form-inline-input"> <div class="code-box" id="code-box">
2018-04-23 18:26:55
10177
1
转载 element 分页组件遇到的问题
先操作element分页，切换到第二页，然后操作。从代码中强制将current-page强制设置为1（即重新查询数据，并将当前页重置为第1页）此时画面显示是对的，分页组件已经将第1页的页码数字激活了然后点击第2页数字，进行换页画面显示也是对的，第2页数字变成激活状态，但是此时竟然无法触发current-change事件原因使用this.pagination.currentPage = val，强制...
2018-04-23 18:12:20
14061
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人