又过了三个月了
入职这家公司已经9个月了,项目做了4个,都是移动端,一个夭折,三个还在线上,现在在准备2个月面试要跳槽了,比起刚入职的时候,确实成长了太多太多,记录一下项目中的一些点吧。
由于项目都是uniapp开发的,就看看uniapp的坑吧
1.腾讯云点播接入uniapp控制台报不兼容问题
这个在百度上也有很多人问,我将百度上所有人的方案都试了一遍,只有一种可以,就是在html结构中不写video标签,只放置一个视频盒子用来存储video,在腾讯云点播tcplayer实例化之前,手动创建一个video标签放置上去,再实例化,这样就能解决兼容问题,原理暂时没搞懂
登录页跳转到tabbar页面的时候如何禁止用户返回登录页
一开始想到的是用uni.redirectTo这个api 但是这个api无法用来跳转tabbar页面 其次又想到了禁止用户点击返回按钮,可是这里uniapp又有一个坑,官方文档里onBackPress这个生命周期可以监听到用户点击返回按钮,(官方写明了H5是可以的)可是实际上一点反应都没有,网上也都是吐槽声一片...最后想了个折中的方法,返回登录页时判断有没有token,有就强制跳转首页这里要注意不能用onload,onload只有在页面初次加载时才会触发,返回是不触发的,要用onshow
3.生成长图海报功能
现在很多项目都要求生成长图海报分享到朋友圈,我用的html2canvas插件,它可以让我们将整个DOM结构都生成为一张海报但还是有坑 坑1:图片跨域,解决方案将图片先转为base64 坑2:图片模糊问题,这个问题应该是全网都在搜的问题,可是搜了一圈全是复制粘贴的答案,没一个能用的,什么获取dom将其放大也没有用,但是思路是对的,确实是因为要生成海报的那个DOM元素太小了,生成时被放大导致像素模糊,那么我就将它放大几倍(用定位定在视口以外看不到的地方,然后用插件获取DOM生成最后清晰度一级棒!
除这些之外还遇到了很多问题,但是太多了说不完,先分享这么多吧,要去准备面试涨工资了,希望转行前端的大家都有光明的未来