1103
工作
实际场景: h5端项目,web 上可以预览,手机连上同一个局域网的 wifi ,那么通过 cmd命令行 ipconfig 可以看到有一个 局域网地址 10.x.x.x,手机可以通过 10.x.x.x 地址访问该项目,如果不能访问,需要在项目中配置启动地址,修改原来的 127.0.0.1
为 0.0.0.0
,这样就可以使用任意地址 10.x.x.x 在手机上的局域网访问该 h5 项目
- canvas 在不同浏览器环境的大小限制
遇到个bug,图片加水印报错,使用原理是 canvas 包裹 img 加上水印,报错原因猜测
客户上传了一张 1322 * 23868 的图片——由 十几张图片拼成的一张长图
猜测可能 是图片大小超出了 浏览器对 canvas 的大小限制导致 canvas 创建失败引起后续报错
使用 库 canvas-size 测试这个手机的 canvas 大小限制,发现最大只能传 4000 * 4000 的大小的图片
相关资料:
- https://www.jb51.net/article/100116.htm
- https://segmentfault.com/q/1010000000601812
- https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element
- https://stackoverflow.com/questions/6081483/maximum-size-of-a-canvas-element/53677532#53677532
今日算法
今日学习:
今日复习:
温故知新
- 防抖节流 这个知识点容易忘记,防抖是一段时间只会触发一次,函数节流是间隔时间执行
- CSS 变量
- CSS 变量教程-阮一峰
好文推荐
项目推荐
好看的博客:Evan's blog 使用的是 vdoing 主题