- 博客(16)
- 收藏
- 关注
RSS订阅原创 css多行截断方案
html style="-webkit-box-orient: vertical;"css-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;overflow: hidden;
2025-03-25 11:09:24
124
原创 页面加载优化方案整理
使用缓存可减少向服务器的请求数，节省加载时间，所有静态资源都要在服务器端设置缓存，并且尽量使用长缓存(：将不影响首屏的资源和当前屏幕不用的资源放到用户需要时才加载，可大大提升显示速度和降低总体流量(：首屏快速显示可大大提升用户对页面速度的感知，应尽量针对首屏的快速显示做优化。图像没有使用图像的压缩算法，文件会变大，并且要解码后再渲染，加载慢耗时长。：使用图像时选择最合适的格式和大小，然后使用工具压缩，同时在代码中用。，资源加载完成后再显示页面，但加载时间过长，会造成用户流失。
2025-02-21 16:29:35
694
原创 抖音小程序web化适配总结
提交中的内容包括小程序的基础信息，页面总数（不同的query算不同页面），预期web化页面数，后续每日定期新增提交的页面数等，还要包括web化后的页面path路径（不少于1000条，同一路径不同query算不同条）、web化后的页面在IDE中截图（不同的path提供一张就可以）对于更新频率高的业务，例如新闻资讯类，建议开发者在服务端设置定时任务，定期以OpenAPI的形式推送最近增量的页面内容；path路径合集，txt文件，格式同提交准入时候的txt。
2025-02-21 16:27:00
319
原创 node项目迁移总结
原项目框架是采用的vue2，而且node项目中h5页面很多，迭代很多次，导致构建速度很慢，而且以彩经系列页面为例，node项目中经过多次迭代页面内容逻辑很复杂，导致页面整体加载速度相对来说比较慢，而vue3在整体技术结构和引用技术上都针对比如dom加载速度，打包速度等方面都有比较友好的方案，所以我们想主动尝试进行一次页面迁移，以期待能对页面速度、开发难度、构建等待时间等有较好的提升。针对dqd-node中的h5项目，进行从的页面迁移升级。
2025-02-21 16:24:17
631
原创 html页面转视频-通过canvas动画转视频方案
页面，通过swiper来进行上下翻页形式的，需要转化成一个可供用户分享的视频，调研后实现方案有1. 前端将每个swiper页截图，然后将所有截图生成canvas动画，依次展示效果，在将canvas动画转成blob格式视频，将视频上传服务端，返回链接，展示给用户
2023-11-22 18:37:31
1400
原创 vue2 页面 迁移到 vue3，总结梳理
vue3中使用了静态树提升技术，静态树指的是不会发生数据改变的节点，在编译阶段，静态树会被标记并提升到setup函数中，在渲染时候直接使用该节点，不会进行虚拟节点创建，这一点对dom加载时长有很大提升，上面的数据中有体现。属性定义完成后进行dom中用到的方法和事件迁移，此处因为用到了setup语法糖，所以整体js需要逐句更改，比如this指针在setup语法糖中不存在，可以直接引用定义过的属性赋值。，主要修改部分在于生命周期各个部分写法，属性定义，方法定义，各组件之间传值方式修改，全局方法注入变化等。
2023-09-20 16:49:56
602
1
原创 app内嵌h5支付功能，跳转支付宝&微信，vue组件
app内前h5涉及到支付的功能，ios非实物商品实付需要使用ios原生支付方式，实物商品则可以三方支付，主要的实现思路为后端返回跳转支付宝或微信的支付scheme链接，前端进行跳转支付，同时需要实时查询用户的支付状态。整个过程中复杂的部分在于查询用户支付状态的体验方面，需要保证用户在支付成功、支付失败、跳转支付宝、微信回来或者没有跳转支付宝微信等未知的行为下的用户体验。为了防止用户在支付时间超过我们设置轮训时长情况，需要监听用户从支付app返回当前页面，来进行查询支付状态操作。
2023-03-17 15:28:18
7313
原创 跑马灯效果的播报模块组件存档
有好多活动用到此效果，类似跑马灯的一些播报消息的组件，主要通过animate translate3d来实现效果，通过getBoundingClientRect获取内容宽度。
2023-03-02 18:35:49
111
原创 插件记录-dplayer直播插件
"dplayer": "^1.26.0", 直播插件的使用记录，支持m3u8格式的直播或者回放视频播放，ios和安卓兼容性良好，ios不支持自动播放。
2022-07-11 18:53:48
2321
原创 公众号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
375
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人