- 博客(15)
- 收藏
- 关注
RSS订阅
原创 rem计算方式 手写rem vue引入rem
vue引入rem适配时，大多数人都是下载插件，这里分享一下单独建一个ts（js也可以)文件，自己计算rem。在项目中新建rem.ts文件 const docWidth = 1920; const doc: Document = window.document, docEl: HTMLElement = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationch
2022-01-26 14:54:49
1242
4
原创 图文分享到微信 并在浏览器唤醒app跳转到指定页面
图文分享到微信 并在浏览器唤醒app跳转到指定页面1.在app里，给要分享的按钮添加点击事件uni.share({ provider: "weixin", scene: "WXSceneSession",//选择分享到微信聊天界面 type: 0, href: 'http://115.29.240.152:8080/share.html?oid=' + this.paymentInfo.id+'&pid='+ this.paymentInfo.goodsI
2020-08-12 18:44:03
1618
2
原创 混合app之间的跳转
两个app之间的跳转公司和一家线上商城合作了，需要让我们的用户在自己的商城里点击跳转到对方商城，且不用再注册。在这里总结一下方法。1.写一个h5页面，让后台生成可访问的链接。在app中调用手机浏览器打开这个链接,可以在url中传递需要的参数。plus.runtime.openURL("http://mj.shijiyunshang.com/huanxing?account="+profile...
2020-03-31 10:20:26
456
原创 chrome实现音频自动播放 实时消息提示 iframe自动播放
前端有时候会遇到自动播放音频的需求，但谷歌浏览器不支持自动播放音频，可以借助iframe标签来实现。前提是需要用户设置一次本网站允许自动播放，只用设置一次 也只针对当前打开的网站是自动播放的，不影响其他网站。代码//template标签中 <iframe src="./hot.mp3" frameborder="0" wmode="transparent | window" style="opacity: 0.0.1;"
2022-04-04 14:20:00
5009
1
原创 2021-08-15
vue3使用小结从vue中导入要使用的api//vue3中 所有功能都是按需引入 ts语法检测会检查出没有使用的引入模块import {defineComponent} from "@vue/componsition-api"import {ref,reactive,onMounted} from 'vue'export default defineComponent({ setup(){ //创建一个 '键值对' const id = ref(0) id.val
2021-08-15 11:32:04
84
原创 uniapp下载视频文件到手机相册
uniapp下载视频文件到手机相册uni.downloadFile 下载文件，uni.saveFile保存文件,uni.openDocument打开文件，下载的是图片时可以自动保存，但下载视频只能播放，有些手机在播放视频时没有下载选项。代码： uni.downloadFile({ url: url, success: (res) => { console.log(res) if (res.statusCode === 200) { uni
2020-08-14 00:44:43
2404
原创 uni.showToast提示真机测试时闪现
uni.showToast提示真机测试时闪现uni.showToast和uni.showLoading显示效果不一样，但uni.hideLoading()会对两种显示都起作用，如果执行uni.showToast后又执行了uni.hideLoading()就会出现提示消息立刻消失的情况，在手机上会出现这种情况，微信开发者工具中不会。官网解释：https://uniapp.dcloud.io/api/ui/prompt?id=showtoast...
2020-07-27 21:06:43
1130
原创 vue cli3中使用rem
vue cli3中使用rem这篇是总结的vue在pc端的适配，之前讲过在移动端的适配。自己成功后的经验总结，可用。安装amfe-flexible，并在main.js中引入// 引入lib_flexible 使用remimport 'amfe-flexible'2.安装 postcss-px2rem (npm i postcss-px2rem )3.在 vue.config....
2020-03-31 10:31:27
699
原创 vue项目适配移动端 配置步骤
vue项目适配移动端 配置步骤1.使用插件pxtorem把px转化为rem安装： npm install lib-flexible2.在main.js中引入 import ‘lib-flexible/flexible.js’3.安装插件 npm install postcss=pxtorem4，在package.json中添加以下配置"postcss": { "plugins":...
2020-01-20 14:23:14
1266
1
原创 markdown文档去除字母下的红线
中文菜单栏1.点击编辑菜单2.选择编辑菜单下的拼写检查3.点击不使用拼写检查英文菜单栏看不懂的：1.点击菜单栏第二项2.选择弹出框的倒数第二项3.点击第二项（对照中文的步骤看）我真贴心，7758 亲亲我吧~ 陶...
2019-12-21 15:18:13
4593
原创 原生js 数组方法
最近看到很多面试题都涉及到了数组的方法，今天就简单总结一下1，数组本身的方法： <script> var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; // 1. arr.join() 把数组转化为字符串 join("写字符之间的连接符号") console.log(arr.join("-")); // 2. arr.pu...
2019-12-06 21:27:55
338
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人