qq_40088412-CSDN博客

原创 video标签使用踩坑记录

1、监听视频播放30s 2、部分设备（oppo手机）视频总是会在最上层 3、ios播放自动全屏问题标签属性设置：webkit-playsinline=“true” playsinline=“true”4、ios画中画功能禁用标签属性设置：controlslist=“nodownload” disablePictureI

2021-12-15 13:54:03 1697

原创微信H5页面跳转小程序 - Vue中使用微信开放标签＜wx-open-launch-weapp＞

vue中使用微信开放标签wx-open-launch-weapp 跳转小程序

2021-12-15 11:58:50 1713

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 311

转载移动端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 2749 1

转载 JS同步和异步理解

在做项目时用到了promise异步处理，发现自己对异步概念还是有些模糊，这位大佬总结很详细，拷下收藏原文链接.一、单线程（1）单线程的概念如果大家熟悉java，应该都知道，java是一门多线程语言，我们常常可以利用java的多线程处理各种各样的事，比如说文件上传，下载等，而JavaScript是否也可以支持多线程呢？答案是否定的，JavaScript是一门单线程的语言，因此，JavaScript在同一个时间只能做一件事，单线程意味着，如果在同个时间有多个任务的话，这些任务就需要进行排队，前一个任

2020-07-08 14:31:38 376

原创最近踩过的坑-- ios移动端

input标签，文字过长时不能滑动显示（ios）场景：input标签——设置disabled后，在Android端可以滑动展示，在ios端文字过长时不展示。在网上查询资料后发现，ios端的input文字不能左右滑动，可以通过拖动光标进行移动，设置了disabled后，没有光标便不能滑动文字了。解决方案：简单粗暴的换了标签不使用inputinput标签，光标过长（ios）原因：设置line-height会影响ios的光标长度，对Android无影响解决方案：将line-height值设小一

2020-06-02 10:52:32 1046

原创 JS中对字符串的操作

JS中对字符串的处理split()split() 方法用于把一个字符串分割成字符串数组。用法： stringObject.split(separator,howmany)separator：必选，类型为字符串或者数组，指定要切割的地方。(返回数组含用来指定切割的字符)howmany：可选择，返回数组的最大长度， var string="JavaScript" console.log...

2020-06-02 09:30:37 214

原创 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 2205

原创移动端微信浏览器监听物理返回键

移动端监听物理返回键监听物理返回键Android微信浏览器起因：项目需求移动端H5页面点击返回键，弹出广告弹屏，关闭广告弹屏后，ios端禁止点击返回键，Android端再次点击返回键返回上一界面监听物理返回键参考文章.监听物理返回键//页面加载时调用pushHistory() 添加一条状态pushHistory();window.addEventListener("popsta...

2019-10-21 10:33:03 1325 4

qq_40088412的博客

原创 H5复制内容到剪切板