h5
Licy92
『对不起,谢谢你,我爱你,请你原谅我。』
展开
-
图片403问题
今天在开发项目的时候遇到一个很奇葩的问题,就是从后台读取一个图片列表,这个图片路径是完整的,但是页面渲染的时候就报403,起初我以为是vue的渲染机制的问题,后来怎么改也没有弄好。网上百度了一下,才知道问题的解决方法:直接上图:解决方法就是在index.html中添加一行代码就正常了。<meta name="referrer" content="no-referrer">...原创 2020-02-21 15:34:20 · 251 阅读 · 0 评论 -
vue如何判断v-if中的DOM元素渲染完毕?
vue如何监听符合v-if条件的dom元素渲染完毕,然后才能进行后续的操作,但是如何才能知道当前DOM元素已经渲染完毕了呢?今天在开发一个评论列表的时候一直有这个问题,使用了各种监听,还是不行,最后使用了$nextTick的回调,才解决了问题。需求如下:以上评论列表中,点击一条评论内容弹出评论框进行评论,需要使得输入框自动聚焦并且在手机浏览器中弹出键盘, 实现代码如下:...原创 2020-02-18 22:47:49 · 8104 阅读 · 1 评论 -
【未完待续】h5页面在移动端所遇到的问题总结
描述:近期在做一个移动端的教育项目,需要全部用h5开发,然后借助android和ios打包成app。目前是页面开发并联调完毕,但是被移动端装到壳子里的时候遇到了各种各样的问题,现在做一个总结,以防后期遇到。问题一:装到壳子里之后,有的手机有刘海,页面会被手机刘海遮挡住问题二:在PC浏览器模拟器中存在滚动条的时候,页面滚动流畅,但是在手机上的时候,会不流畅【解决办法】在有滚动...原创 2019-11-01 17:06:31 · 316 阅读 · 1 评论 -
【未完待续】h5 和 Android & IOS交互
在开发h5项目的时候,使用到了个人中心上传头像的功能,由于使用原生的调用手机相册相机的功能<input type="file" id='image' accept="image/*" capture='camera' name="file"><input type="file" name="file" style="margin-top:20px;">andro...原创 2019-10-29 17:24:08 · 329 阅读 · 0 评论 -
锚点定位的问题
在开发h5页面的时候,遇到一个锚点定位的问题,需要实现的功能如下:上面这个页面需要在手机上实现1)点击“简介”、“详情”、“推荐”时,页面滚动到相对应的位置2)当手滑动屏幕,到相应位置时,头部导航相对应的tab高亮显示首先,实现第一个功能,给每个对应的div增加相应的id="anchor_",代码如下:以上,是实现点击导航,滚动到锚点的代码。实现滑动屏幕到相应...原创 2019-10-29 17:03:59 · 528 阅读 · 0 评论