- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue h5 jssdk 微信分享好友和朋友圈
微信分享对于前端还是很简单的， 主要根据文档和后台返回的数据就可以了1、vue项目中安装weixin-js-sdk （npm install weixin-js-sdk）2、 方便维护src 下建立weixin 文件夹 ， 其下又建立wxsdk.js 进行初始化设置封装import wx from 'weixin-js-sdk'export default { /** * * @param {*} api 微信公众号api * @param {*} fn 回调 */
2021-02-24 10:18:02
1007
1
原创 vue中router的封装+返回键导航模板设置
h5 开发项目中，由于每个页面都有导航组件，即使每个页面都去引用导航组件也会造成代码量大， 不好维护， 代码冗余等问题， 所以就想到直接封装到路由里面， 在路由里面直接设置是否显示导航、改变导航颜色， 改变返回键主题色、及按需修改导航文本说一下思路建立导航返回组件在路由routerList 中就直接设置是否显示导航组件、修改主题色、修改文字、是否显示返回键的需求通过中间路由根据变量直接引入页面 ，在路由中间键中的beforeEachHandle 方法中根据store 去加载导航显示状态及控制是否显
2021-02-23 16:33:45
675
原创 微信JSSDK支付使用
近期有个需求需要在h5 中接入支付， 当时想这还不简单根据官网文档来就好了呀， 一顿操作猛如虎后发现各种问题，着实是踩了坑， 在这里记录下微信jssdk 支付官方文档https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6支付流程1、请求后台接口， 通过静默授权或者非静默授权获取到code2、根据拿到的code再次请求后台接口获取openid 缓存在本地（按公司需求我是这样处理），3、 调用支付方法的时候将o
2020-11-17 15:54:46
907
1
原创 仪表盘动画
仪表盘动画小程序中使用到了仪表盘动画，在小程序上使用方式是采用canvas 去绘制的，canvas 绘制是需要一定时间， 并且绘制出来的图在华为p30 p40 上有很大概览的适配性问题，后期需要使用h5 开发相同功能 ， 果断抛弃了canvas 采用了css 来实现了仪表盘动画效果图实现思路1、让ui给一张底部为透明的刻度图片， 绝对定位 ， 设置z-index 值2、准备个盒子相同与刻度图片相同宽高的绝对定位叠到刻度图片上3、通过css3的旋转属性，旋转以便达到变色的效果4、计算旋转角度，
2020-11-17 15:25:04
1180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人