自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 html页面转视频-通过canvas动画转视频方案

页面,通过swiper来进行上下翻页形式的,需要转化成一个可供用户分享的视频,调研后实现方案有1. 前端将每个swiper页截图,然后将所有截图生成canvas动画,依次展示效果,在将canvas动画转成blob格式视频,将视频上传服务端,返回链接,展示给用户

2023-11-22 18:37:31 646

原创 dom生成图片

dom生成图片

2023-09-20 17:15:47 76 1

原创 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

原创 百度小程序调研&微信转百度

微信小程序转成百度小程序的转变内容,转变防范,以及百度小程序调研的记录

2023-03-02 18:50:00 3266

原创 vue导航组件,支持传入n项

vue的顶部菜单导航组件,可以传入n项,带切换动画的,底部是图片,也可以用代码写,接受传入自定义高亮索引。

2023-03-02 18:42:24 88

原创 vue确认弹窗组件

vue的确认弹窗组件,子组件直接调用即可,支持取消和确认按钮的文案配置,颜色配置,边框颜色配置,设置取消时间,确认事件。

2023-03-02 18:38:23 1690

原创 跑马灯效果的播报模块组件存档

有好多活动用到此效果,类似跑马灯的一些播报消息的组件,主要通过animate translate3d来实现效果,通过getBoundingClientRect获取内容宽度。

2023-03-02 18:35:49 62

原创 多行截断新方案-canvas-measureText

多行截断好用的方案,很好适配移动端

2023-03-02 18:28:37 204

原创 插件记录-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关注的人

提示
确定要删除当前文章?
取消 删除