前端开发
文章平均质量分 64
qq_40088412
这个作者很懒,什么都没留下…
展开
-
H5复制内容到剪切板
复制内容到剪切板原创 2021-12-15 14:33:41 · 3622 阅读 · 0 评论 -
video标签使用 踩坑记录
1、监听视频播放30s 2、部分设备(oppo手机) 视频总是会在最上层 3、ios播放自动全屏问题 标签属性设置:webkit-playsinline=“true” playsinline=“true”4、ios画中画功能禁用 标签属性设置:controlslist=“nodownload” disablePictureI原创 2021-12-15 13:54:03 · 1632 阅读 · 0 评论 -
vue路由守卫
vue路由守卫vue路由守卫分为:全局的,单个路由独享的,组件级的vue官方文档回调函数参数to:进入到哪个路由去,from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面next({ name: ‘home’… } 或者 next({ path: ‘/’ }) 跳转一个不同的地址next(false): 中断当前导航全局守卫全局前置守卫:router.beforeEach((to, from, next) => { })全局解析守卫:router.befor原创 2020-07-23 17:30:59 · 302 阅读 · 0 评论 -
移动端touch事件和鼠标事件
前言今天解决项目中一个移动端H5点击拖拽问题,发现组件中使用的 onmousemove 和 onmouseup事件。由此产生移动端touch事件和mouse事件有何不同的疑问,看完这篇文章感觉很有帮助。以下为转载内容:https://www.cnblogs.com/xiaoxingyiyi/p/5447378.htmltouch事件的来源PC网页上的大部分操作都是用鼠标的,即响应的是鼠标事件,包括mousedown、mouseup、mousemove和click事件。一次点击行为,可被拆解成:mous转载 2020-07-21 13:44:48 · 2695 阅读 · 1 评论 -
JS同步和异步理解
在做项目时用到了promise异步处理,发现自己对异步概念还是有些模糊,这位大佬总结很详细,拷下收藏 原文链接.一、单线程(1)单线程的概念如果大家熟悉java,应该都知道,java是一门多线程语言,我们常常可以利用java的多线程处理各种各样的事,比如说文件上传,下载等,而JavaScript是否也可以支持多线程呢?答案是否定的,JavaScript是一门单线程的语言,因此,JavaScript在同一个时间只能做一件事,单线程意味着,如果在同个时间有多个任务的话,这些任务就需要进行排队,前一个任转载 2020-07-08 14:31:38 · 373 阅读 · 0 评论 -
最近踩过的坑-- ios移动端
input标签,文字过长时不能滑动显示(ios)场景:input标签——设置disabled后,在Android端可以滑动展示,在ios端文字过长时不展示。在网上查询资料后发现,ios端的input文字不能左右滑动,可以通过拖动光标进行移动,设置了disabled后,没有光标便不能滑动文字了。解决方案: 简单粗暴的换了标签 不使用inputinput标签,光标过长(ios)原因:设置line-height会影响ios的光标长度,对Android无影响解决方案:将line-height值设小一原创 2020-06-02 10:52:32 · 979 阅读 · 0 评论 -
css 页面同时显示背景图片和背景颜色
解决背景图被拉伸的问题UI给的背景图在手机上会被拉伸,所以让背景图自适应高度,剩余部分显示背景颜色(渐变色)代码如下:background: url("../../public/img/campaign/bg.png") 100% top no-repeat,linear-gradient(180deg,#E04B43 0%,#F6C859 100%);...原创 2019-10-24 11:09:44 · 2196 阅读 · 0 评论 -
移动端微信浏览器监听物理返回键
移动端监听物理返回键监听物理返回键Android微信浏览器起因:项目需求 移动端H5页面点击返回键,弹出广告弹屏,关闭广告弹屏后,ios端禁止点击返回键,Android端再次点击返回键返回上一界面监听物理返回键参考文章.监听物理返回键//页面加载时 调用pushHistory() 添加一条状态pushHistory();window.addEventListener("popsta...原创 2019-10-21 10:33:03 · 1310 阅读 · 4 评论