移动端滑动
按下:touchstart 移动:touchmove 松开:touchend 判断左右滑动: 按下记录X轴位置, 划动的过程中判断clientX大于还是小于即可判断左右滑动. 在滑动的过程中持续记录clientX的位置
IOS封装的H5移动端页面底部小黑条
ios封装的web端应用, 滚动到底部后还能继续朝下滚动,出现空白 通过监听 touchmove，让需要滑动的地方滑动，不需要滑动的地方禁止滑动。 App.vue页面 created() { document.body.addEventListener( "touchmove", (e) => { if (e._isScroller) return; e.preventDefault(); }, { passive: false, } ); }, html,body { height:...
移动端input输入时页面放大
<meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
保存图片文件，下载图片
function downloadIamge(imgsrc, name) { //下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function () { let canvas = document.createElement("canvas"); canvas.width = image.width; canvas.height = image.height; ...
页面请求强制HTTPS
Vue v-html CSS样式没有
静态页面实时刷新browser-sync
npm install -g browser-sync --files 路径是相对于运行该命令的项目（目录） browser-sync start --server --files "*" browser-sync start --server --files "css/*.css, *.html"