npm发包初体验
构建自己的NPM包日常组件或者方法,封装成自己的NPM包,并发布到npm,使用的时候npm install即可上码(demo)
123456789101112131415161718192021import myBtn from './myBtn/index.js'//引入自己写好的组件或者方法const components = [myBtn]//构建的api,遍历所有组件和方法const install = function (Vue, opt = {}) { if (install.installed) return components.map((component) => { Vue.component(component.name, component) }) console.log(opt)}if (typeof window !== 'undefin ...
楼小三闸机二维码
楼小三楼小三是由楼小二有感而写的小程序工具,小程序搜索”louxiaosan”即可体验我先解释一下什么是楼小二:商业写字楼企业服务平台,为楼内企业提供一站式办公服务,提升写字楼办公效率,降低办公成本,升级办公体验的APP。其实就是写字楼进电梯前有个闸机,需要打开这个APP里的身份二维码让闸机扫码才能进入,一般是写字楼为了防止陌生人随意进入大厦,而设置的一个工具。那么要进入大厦就得下载他的APP,打开APP要关闭一些广告弹窗,还要点开几个层级的界面才能出现二维码。如果遇到上班高峰或者午餐高峰,网络不好的情况,那就只能跟别人屁股进入了。而且提前截好二维码的图片过了一段时间又不能用。这哪里有提升效率呢?带着疑问用解码工具扫了他的二维码,发现二维码里唯一会变的数据竟然只是一串时间戳。。。那我写个小程序,加个定时器定时改变时间戳,生成个二维码是否可以通过呢。哈哈哈。上码
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616 ...
vue的支付业务(三):其他支付
这里记录了使用vue技术栈,包括微信、微信小程序、支付宝、stripe、蓝新、eghl等支付业务的代码
stripestripe支付是香港地区使用较多的支付方式之一安装它的ui组件vue-stripe-elements-plus
1npm i vue-stripe-elements-plus --save
需要在index.html中放入
1<script src="https://js.stripe.com/v3/"></script>
在你的组件里使用
123456789101112131415161718192021222324252627282930313233343536373839404142434445<template> <card class='stripe-card' :class='{ complete }' :stripe='publ ...
vue的支付业务(二):支付宝
这里记录了使用vue技术栈,包括微信、微信小程序、支付宝、stripe、蓝新、eghl等支付业务的代码
vue支付宝支付注意:支付宝支付是不支持在微信内部打开的,所以在微信中需要引导用户去浏览器打开上码!!
12345678910// 创建divconst div = document.createElement('div')//塞入IDdiv.setAttribute('id', 'myAliPay'); // 将后台处理好的form 放入divdiv.innerHTML = res.data.data.str //将div塞入domdocument.body.appendChild(div)//将div里面的form表单进行提交document.getElementById('myAliPay').getElementsByTagName('form')[0].submit()
要是微 ...
vue的支付业务(一):微信支付
这里记录了使用vue技术栈,包括微信、微信小程序、支付宝、stripe、蓝新、eghl等支付业务的代码
vue微信支付微信支付有两种方式,一种是生成二维码用微信扫码支付(适合PC端),一种是在微信里调起支付(适合M端)。相关文档jsapi支付、H5支付
二维码支付二维码支付逻辑比较简单,给后台提交相关参数(订单ID等),后台会返回生成二维码的字符串,使用vue-qr将字符串生成二维码即可。如支付成功,商户后台会接收到微信侧的异步通知;用户在微信支付收银台完成支付或取消支付,返回商户页面(默认为返回支付发起页面);商户在展示页面,引导用户主动发起支付结果的查询;商户后台判断是否接到收微信侧的支付结果通知,如没有,后台调用我们的订单查询接口确认订单状态;展示最终的订单支付结果给用户。
微信里调起支付注意:WeixinJSBridge内置对象在其他浏览器中无效。上码!!
1234567891011121314151617181920212223//首先判断是否微信内部打开,否则returnlet ua = window.navigator.userAgent.t ...
Hase(哈瑟)
嗨!我是Hase,一个从扣图仔学到切图仔的前端。此博客,主要是记录一些自己觉得需要记录的知识,例如新技术学习的过程等等。