风烟

如果是直接发链接用户点击就是无法唤起app的app store的。经查二维码的扫描就可以直接跳转。应该是微信浏览器本身做的限制。

在ios上面，做了两个动画，都是使用animation，一个动画盖在另外一个动画上面，然后把下面的动画一直在旋转，上面的绕Y轴旋转，在ios上面就会有一半的动画卡进去，可以看下这个效果这是代码解决方案试了z-index的值发现不管用，z-index改的再大也会也会卡出问题。因为设置了transform之后，z-index的会生效。具体原因是因为：给元素设置transform属性会创建一个新的stacking context。生成了一个新的层叠上下文。所以两个的z-index都是相对于现在的这个层级，

一般原因就是因为视频的封面图和视频本身尺寸比例不一样，导致的。要保证poster和视频的尺寸是一样的

发现这个没有数据，经调查原来是是我误勾选了Focused按钮导致的，去掉就好了Focused这个是用来寻找我们专门要看的请求的，方便过滤，我们可以在Structure模式右键的时候选中相应的域名来达到筛选的目的。...

使用媒体查询来做//iphoneX、iphoneXs@media only screen and (device-width: 375px) and (device-height: 812px) //iphone Xs Max@media only screen and (device-width: 414px) and (device-height: 896px) // iphone 12@media only screen and (device-width: 390px) and (dev

目标有app跳转到app目标页，无app跳转到下载页，或者跳转到appstore。方案一先跳转app对应页面，然后过2s钟跳转下载页。然后中间检测如果visibilitychange事件触发，或者pagehide触发，则清除跳转到下载页的定时器。window.location.href = localPageUrl;let timer = setTimeout(() => { window.location.href = downloadUrl;}, 2000);docume

使得页面当前焦点元素脱离焦点使用下面这段代码，就可以让软键盘回落document.activeElement.blur();

比如要把某个域名下面的资源map到另一个域名下面这样就实现了将https://domain下面aaa这个路径下这资源全部map到http://targetdomain:8083/aaa/这个路径下面。目标域名一定要加aaa，不然map请求的不会带上这个aaa...

在设备上强制安装apk。在app已有的情况下使用-r参数在app版本低于现有版本使用-d参数命令adb install -r -d xxx.apk

自己的内测包进行测试的时候发现，怎么付款的账户是别人的，删除app重装也不行。最终在appstore账户底下发现有一个沙盒账号。把这个删除即可

安卓5版本手机上的H5网页无法滚动。原来是我在vue生命周期mounted的时候执行了以下代码document.body.addEventListener('touchmove', e => { e.preventDefault();});执行这段代码导致的滚动失效，当时为什么这么写呢，有些忘了，以后这块代码想起来之后，要加上注释。安卓滚动问题一般需要先想到touch的问题。一点一点排查。定位原因。...

使用vue版的swiper组件vue-awesome-swiper，这个是最好用的，并且api和swiper基本一致。使用的时候需要拿到滑动之后当前的index。要获取activeIndex这个值。错误写法官方文档这么写有问题，我在全局引入的时候这样根本拿不到。正确写法this.$refs.mySwiper.swiper这样写才可以。然后监听@slideChange="slid...

在使用mintui这个组件的时候，下拉加载更多的时候，一开始滚动会触发系统默认滚动动画，只有等系统默认动画结束之后，再下来才会触发下拉加载动画。不能直接下拉拉到头直接就触发下拉加载动画禁止系统默认弹皮筋效果 document.body.addEventListener('touchmove', function (e) { e.preventDefault(); //阻止默认的处理...

第一种ios上面父元素设置了下面这个css导致fixed定位改变为当前父元素-webkit-overflow-scrolling: touch

使用默认的video标签的时候video::-webkit-media-controls-overlay-play-button { //隐藏android端点击control中暂停按钮时视频中心出现的play icon display: none;}但是会引发安卓无法点击播放问题，需要自己写代码控制视频播放...

document.body.addEventListener('touchmove', e => { e.preventDefault(); });禁止掉body的默认效果就可以了

解决思路，在滚动的时候停止播放动画，在滚动停止的时候恢复动画显示addEventScorll() { let t1 = 0; let t2 = 0; document.onscroll = function() { clearTimeout(this.time); t1 = document.docum...

//// ViewController.swift// WebViewExample//// Created by wayou on 10/26/18.// Copyright © 2018 wayou. All rights reserved.//// references:// - https://www.hackingwithswift.com/read/4/2/...

原来使用的是渐变覆盖，导致开始的bgcolor是白色，会有一个渐变的过程，把bgcolor也设置成你要的颜色就可以了

渲染之前window.onload是一个值，渲染完成之后是另一个值。原因http://www.w3help.org/zh-cn/causes/RD5017行高没有设置，导致渲染前计算的行高和实际出来的高度不一致导致的解决方案统一给body设置line-height进行继承，这样计算高度就不会有问题了...

let scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);let curH = window.innerHeight + scrollTop;let docH = Math.max(document.documentElement.clientHeight, document.bo...

URL编码规范网络标准RFC 1738做了硬性规定："...Only alphanumerics [0-9a-zA-Z], the special characters "$-_.+!*'()," [not including the quotes - ed], and reserved characters used for their reserved purposes may b...

使用picGIFLite软件输入图片配置间隔配置大小（因最小限制可以控制比例）导出gif图

我们在webpack中定义变量plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env }),在代码中判断是否线下环境然后进行浏览器上的模拟比如openWeb...

代码示例_hmt.push(['_trackPageview', '/virtual/login']);router.afterEach((to, from) => { console.log(to); console.log(to.path); window._hmt.push(['_trackPageview', to.path]);});参考文...

移动端显示输入框框直接focus不会弹出软键盘解决思路我们让点击的时候可以通过点击label关联input，这个input(input1)不要通过display：none， 隐藏，我们要通过display: block;position: absolute;z-index: -1;left: -1000px;top: 0px;隐藏，这样其实我们点的时候就是点击输入框，然后键...

移动端做图片上传功能，大体上要经历以下几个步骤。利用fileReader，读取blob对象或者file对象，将图片转为data uri的形式利用canvas，在页面上新建一个画布，利用canvas提供的api，将图片画入到这个画布中利用canvas.toDataUrl(),进行图片的压缩，得到图片的data url值上传文件步骤一当中，在进行图片压缩的时候，我们要先进性判断文件的大小...

解决办法在蒙层弹起的时候将body设置为fixed定位在蒙层消失的时候将body恢复原位popupVisible(newValue) { if (newValue) { document.body.style.position = 'fixed'; document.body.style.width = '100%'; document....

发现是自己引入的node_modules js库，没有进行es6到es5的转换，导致低端机型不支持，{ test: /\.js$/, loader: 'babel-loader', include: [resolve('src'), resolve('test')], options: { ...

父盒子设置display: flex布局， overflow-x: scroll;然后子元素设置 flex-shrink: 0; 让他不要变小，就按照父元素窗口元素元素百分比进行， width: 32.4%; padding-right: .1rem;然后设置相应的边距...

当qa报出一个h5页面当bug的时候，当页面完全不依赖native的时候就是在浏览器也可以正常运行的时候就估计就是h5的问题，这个时候排查问题就很简单，我们通过chrome浏览器直接电脑上看，network看后端请求数据是否有问题。如果没有问题就是h5自身的问题。页面依赖native的时候安卓和ios都有我们问下qa是否这个问题安卓和ios都有，如果都有就大概率就是h5问题，这个...

使用js注入的方式，将a标签的跳转拦截掉var aNodes = document.getElementsByTagName('a');for (var i = 0; i < aNodes.length; i++) { aNodes[i].addEventListener('click', function (e) { e.preventDefault();...