- 博客(24)
- 问答 (9)
- 收藏
- 关注
原创 uniapp app端使用webview 跳转外部链接后,返回app端。(stripe pay 支付)
项目需求:app使用webview打开stripe pay支付页面,支付成功或失败的回调地址必须是网络地址,所以需要在回调的网络地址页面跳转回app。4、将PayClosed.html放到服务器上,然后在stripe pay 后台的支付回调那里填上这条链接地址就可以了。1、在下单页面跳转到webview页面,携带stripe pay 支付链接。2、新建webview页面,接收传递过来的stripeURL。3、新建PayClosed.html,作为中间页跳回app。
2024-01-15 14:33:52 1240 4
原创 uniapp开发微信小程序-人脸采集功能、人脸检测功能
适用于人脸采集,人脸检测等功能。逻辑就是先调起摄像头,获取到实时帧数据之后,使用wx.faceDetect进行人脸检测,检测到正面的人脸就可以拍照上传给后端了。
2023-03-20 15:05:57 3297 6
原创 better-scroll 滚动BUG,某些时候设置scrollY后,只能上滑不能下滑,例如某些组件设置了其他挂载节点的时候,不能下滑。
说明:作用:move 事件通常会绑定到 document 上而不是滚动的容器上,当移动的过程中光标或手指离开滚动的容器滚动仍然会继续,这通常是期望的。当然你也可以把 move 事件绑定到滚动的容器上,bindToWrapper 设置为 true 即可,这样一旦移动的过程中光标或手指离开滚动的容器,滚动会立刻停止。解决办法:使用 :stop-propagation=“false” 阻止轮播图滑动事件冒泡,使轮播图只执行better-scroll派发的点击事件。例如某些组件设置了其他挂载节点的时候,不能下滑。
2022-06-23 18:02:35 448
原创 纯css禁止用户复制文字和保存图片,使用css隐藏移动端滚动条的方法
1、纯css禁止用户复制文字和保存图片-webkit-touch-callout主要用于禁止长按菜单。当然针对webkit内核的浏览器。user-select属性是css3新增的属性,用于设置用户是否能够选中文本。2、使用css隐藏移动端滚动条的方法...
2022-06-23 17:59:40 746
原创 uniapp 返回上一页
有可返回的页面则直接返回,uni.navigateBack默认返回失败之后会自动刷新页面,无法继续返回goback() { // #ifdef H5 let canBack = true; const pages = getCurrentPages(); // 有可返回的页面则直接返回,uni.navigateBack默认返回失败之后会自动刷新页面 ,无法继续返回 if (pages.length > 1) { uni.navigateBack(1);
2022-01-18 10:49:08 727
原创 vue3 使用计算属性代替 filter 过滤器实现时间格式化操作
由于vue3没有了 filter 过滤器,所以我尝试了用计算属性代替它去格式化时间方法如下:1、在页面按需引用import formatDate from '../assets/js/FormatDate'// computed 与setup同级computed: { formatDate() { return formatDate; },},2、在页面使用formatDate('2021.3.6', "hh:mm dd/MM/yyyy")ps: 以下为完
2021-09-02 16:14:40 2698 4
原创 vue 接入 facebook 登录的方法(需要翻墙),使用vue-facebook-signin-button插件
tips:首先需要在facebook官网注册开发者账号,并创建应用,拿到应用编号appidfacebook开发者登录平台1、在index.html中加入这个 sdk, appid换成 你的应用编号:<!--appId 写上开发者--><script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v3.3&appId=
2021-09-02 16:03:34 3500 1
原创 vue 接入paydollar支付功能
tips:需要先在官网申请开发者(一)、前端使用方法<form name="payForm" method="post" ref="form" action="https://test.paydollar.com/b2cDemo/eng/payment/payForm.jsp"> <!-- 商户ID --> <input type="hidden" name="merchantId" value="你申请的商户ID" /> <!-- 支付金额 -->
2021-09-02 15:49:39 536
原创 vue3使用侦听器监听路由的变化,实现浏览器回退pc侧边栏高亮改变
这样就可以得到想要的效果了,刷新页面会保留上一次访问的页面和高亮。2、监听路由变化,当路由变化时执行 “getPath” 方法。
2021-09-02 15:29:18 1232
原创 vue + vue-print-nb 实现pc端打印功能,包含vue2和vue3两种引用方式
参考vue-print-nb官方文档(https://github.com/Power-kxLee/vue-print-nb#print-preview)(一)、引入方法vue21)、安装 npm install vue-print-nb --save2)、main.js引入import Print from 'vue-print-nb'Vue.use(Print);vue31)、安装 npm install vue3-print-nb --save2)、main.js 引入i
2021-09-02 15:19:04 6573 1
原创 van-uploader上传图片文件的方法(使用base64上传或使用文件路径)
van-uploader上传图片文件的方法(使用base64上传或使用文件路径)<van-uploader :after-read="afterUploaderimg" :before-read="beforeUploaderimg" type="file" accept=".jpg,.png" mutiple="mutiple" capture="imag
2021-06-09 13:41:58 3688
原创 解决使用 user-scalable=no 设置禁止用户缩放,在苹果浏览器下不生效的问题
解决使用 user-scalable=no 设置禁止用户缩放,在苹果浏览器下不生效的问题window.onload = function () { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault();
2021-06-08 14:28:01 1956
原创 vue + apicloud 实现极光推送
vue + apicloud 实现极光推送在极光推送官网申请appkey,并绑定应用包名在apicloud上添加极光推送模块,配置config.xml文件在index.html页面初始化ajpush注意:apicloud代码需要写在apiready = function () {} 里面注意:apicloud代码需要写在apiready = function () {} 里面点击推送消息后跳转相对应的页面PushOnClick() //监听极光推送点击 //点击推送接收回调事件处
2021-06-08 14:26:42 789
原创 判断访问项目的设备是安卓还是苹果
判断访问项目的设备是安卓还是苹果const u = navigator.userAgent;const isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isiOS) { console.log("ios"); } else { console.log("andriod"); }
2021-06-08 14:21:14 213
原创 vue项目使用router.replace后需要返回两次的解决方案
vue项目使用router.replace后需要返回两次的解决方案问题所在:a页面 push到 b页面, b页面 push到 c页面,c页面 replace到 b页面,这时候点击按钮(router.go(-1)),没有效果,需点击两次才能返回到a页面中!分析:页面跳转流程: a => b => c => b路由栈:a => b => b就路由栈说明:栈中b页面替代了c页面,所以路由栈中不存在c路由,因此在我们在点击第一次返回后,其实是从一个b页面返回到另一个b页面
2021-06-08 14:18:44 3834
原创 使用纯css隐藏移动端滚动条的方法
使用纯css隐藏移动端滚动条的方法// 滚动盒子.wrapper { height: calc(100% - 68px); overflow: hidden; overflow-y: scroll; .wrapper-box { -webkit-overflow-scrolling: touch; } &::-webkit-scrollbar { display: none; }}...
2021-06-08 14:15:41 177
原创 vue-cli4.x 配置pc端px转rem
vue-cli4.x 配置pc端px转rem安装依赖并在main.js中引入该依赖npm i amfe-flexiblenpm i postcss-px2remimport "amfe-flexible"在package.json中配置 "postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "remUnit": 192 //设计稿的除以10得到适配范围 } } }
2021-06-08 11:54:13 287
原创 vue 使用 html2canvas 截图插件
vue 使用 html2canvas 截图插件npm install html2canvas在main.js引入 import html2canvas from 'html2canvas';document.body即节点,options即配置html2canvas(document.body,options).then(function(canvas) { document.body.appendChild(canvas);});Ps:页面渲染的图片不能出现在截图上,要配
2021-06-08 11:50:15 537
原创 组件(子页面)给App.vue(Main.vue)全局传值(使用vue-bus)
标题组件(子页面)给App.vue(Main.vue)全局传值安装依赖 npm install vue-busmain.js引入import VueBus from 'vue-bus'Vue.use(VueBus)组件(子页面)getHouse(e){ this.$bus.emit("bload",e);}App.vue ( Main.vue )mounted(){ //通过on监听事件,回调方法获取数据 this.$bus.on(
2021-06-08 11:41:37 1923
原创 vue 使用 i18n 国际化语言插件小结
vue 使用i18n国际化语言插件小结先安装依赖 npm install vue-i18n新建一个文件夹,存放你的index文件和需要的语言包,我这里需要三种语言,我就创建了三个语言包配置你的index.js,引入国际化插件,我这里设置了用户如果没选选择语言就默认是中文繁体。silentTranslationWarn: true, 作用是去除黄色警告然后在main.js文件中全局引用i18n在页面中的两种引用方式:切换语言时,写在data里面的数据不会重新渲染
2021-06-08 11:33:07 227
原创 成功引入element plus ui库 (使用vue3.x,vue-cli 4.5)
成功引入element plus ui库 (使用vue3.x,vue-cli 4.5)由于公司需要开发一个pc网站,所以引用了这个适用于vue3.0的ui库,顺便做个记录1,先安装npm install element-plus --save2,按需引入npm install babel-plugin-component -D3、修改babel.config.jsmodule.exports = { "presets": [["@babel/preset-env", { "modules"
2021-01-29 11:22:22 1685
空空如也
uniapp 如何做动态SEO?uniapp 如何做动态SEO?
2022-08-18
js 字符串改成日期格式失败 Invalid Date
2021-11-29
js 字符串改成日期格式失败 Invalid Date
2021-11-26
前端什么技术栈可以用一套代码生成APP和webapp?
2021-11-16
vue打包后放入apicloud,做成app,测试页面keep-alive缓存问题
2021-11-16
vue 路由跳转页面更新缓慢的问题
2021-11-11
关于vue移动端支付回调的问题
2021-11-08
vue3 ,如何获取动态渲染的ref?
2021-10-14
vue 单页面做facebook 分享的问题
2021-08-10
vue 使用paydollar支付,回调地址怎么写才可以跳回app的某个页面?
2021-05-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人