- 博客(11)
- 收藏
- 关注
RSS订阅原创 html页面转视频-通过canvas动画转视频方案
页面，通过swiper来进行上下翻页形式的，需要转化成一个可供用户分享的视频，调研后实现方案有1. 前端将每个swiper页截图，然后将所有截图生成canvas动画，依次展示效果，在将canvas动画转成blob格式视频，将视频上传服务端，返回链接，展示给用户
2023-11-22 18:37:31
646
原创 vue2 页面 迁移到 vue3，总结梳理
vue3中使用了静态树提升技术，静态树指的是不会发生数据改变的节点，在编译阶段，静态树会被标记并提升到setup函数中，在渲染时候直接使用该节点，不会进行虚拟节点创建，这一点对dom加载时长有很大提升，上面的数据中有体现。属性定义完成后进行dom中用到的方法和事件迁移，此处因为用到了setup语法糖，所以整体js需要逐句更改，比如this指针在setup语法糖中不存在，可以直接引用定义过的属性赋值。，主要修改部分在于生命周期各个部分写法，属性定义，方法定义，各组件之间传值方式修改，全局方法注入变化等。
2023-09-20 16:49:56
374
1
原创 app内嵌h5支付功能，跳转支付宝&微信，vue组件
app内前h5涉及到支付的功能，ios非实物商品实付需要使用ios原生支付方式，实物商品则可以三方支付，主要的实现思路为后端返回跳转支付宝或微信的支付scheme链接，前端进行跳转支付，同时需要实时查询用户的支付状态。整个过程中复杂的部分在于查询用户支付状态的体验方面，需要保证用户在支付成功、支付失败、跳转支付宝、微信回来或者没有跳转支付宝微信等未知的行为下的用户体验。为了防止用户在支付时间超过我们设置轮训时长情况，需要监听用户从支付app返回当前页面，来进行查询支付状态操作。
2023-03-17 15:28:18
6239
原创 跑马灯效果的播报模块组件存档
有好多活动用到此效果，类似跑马灯的一些播报消息的组件，主要通过animate translate3d来实现效果，通过getBoundingClientRect获取内容宽度。
2023-03-02 18:35:49
62
原创 插件记录-dplayer直播插件
"dplayer": "^1.26.0", 直播插件的使用记录，支持m3u8格式的直播或者回放视频播放，ios和安卓兼容性良好，ios不支持自动播放。
2022-07-11 18:53:48
1840
原创 公众号h5拼团购买业务梳理
众筹项目放在公众号内，需要用户的微信openid身份标识，注册用手机号验证码，所以需要手机号验证码去注册，然后在将用户手机号和微信的信息绑定，注：微信的api接口基本上都需要openid来进行关联，所以我们项目把openid作为header的Authorization注入所有接口请求中，方便后端获取信息。1.通过微信官方获取code的api，来获取微信code，APPID：公众号的appidredirect_uri：重定向回来的链接。url' + APPID + '&redirect_uri=' + enc
2022-07-11 18:42:13
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人