![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
日常填坑
右边的疯子
记录每次的坑
展开
-
vue history路由模式 部署Nginx
1、设置 路由模式为 history2、添加base (非常重要,否则首页加载白屏),路径是相对于域名映射的路径3、修改Nginx配置export default new Router({ mode: 'history', //设置mode base:'/web/bjsubway/', //设置base routes: [ { path: '/', redirect: '/map' }, { path: '/.原创 2020-11-26 18:36:50 · 1064 阅读 · 0 评论 -
使用了bind 之后 removeEventListener 不生效
场景:(见代码) addBodyMove(){ this.bodyDom.addEventListener('touchmove',this.bodyMove.bind(this),{ passive: false }) } addBodyMoveEnd(){ this.bodyDom.addEventListener('touchend',this.bodyMoveEnd.bind(this),{ passive: false }) } removeBodyMove(原创 2020-11-17 18:32:38 · 567 阅读 · 0 评论 -
Unable to preventDefault inside passive event listener due to target being treated as passive 报错
报错:[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>场景:使用了 addEventListener “touchmove”解决办法:添加 { passive: false }bodyDom.addEventListener('touchmove',this.body...原创 2020-11-17 18:28:13 · 1896 阅读 · 1 评论 -
限制字符个数,中文输入法截断问题。
限制字符个数,中文输入法截断问题。情况:限制为7个字,英文没有问题,但是中文再输入最后几个字的时候,拼音过长被自动截断了。解决办法:使用compositionstart ,compositionendcompositionstart:当用户使用拼音输入法开始输入汉字时,这个事件就会被触发compositionend:当用户结束使用拼音输入法开始输入汉字时,这个事件就会被触发记录变量:cpLock //是否正在因为输入法中let _this = this; fo...原创 2020-11-12 17:21:29 · 505 阅读 · 0 评论 -
移动端 手势缩放拖拽功能实现
效果图:实现方式:基于 PinchZoom.js Version: 2.3.4修改源码添加如下功能1、增加初始化居中功能2、增加初始化缩放比功能TODO希望增加惯性滑动使用示例:<template><div> <div :style="'height:'+windowHeight+'px'"> <div id="map_img"> <img :src="...原创 2020-11-11 18:36:40 · 1521 阅读 · 4 评论 -
undefined is not a function wx.getLocalImgData 解决
使用wx.getLocalImgData 微信jssdk,大部分机型可以成功,有某些机型报错undefined is not a function如图所示:解决办法:1、wx.getLocalImgData 需要1.2.0以上版本的jssdk支持https://res.wx.qq.com/open/js/jweixin-1.2.0.jshttps://res.wx.qq.com/open/js/jweixin-1.3.0.jshttps://res.wx.qq.com/o..原创 2020-11-11 16:20:56 · 1491 阅读 · 0 评论 -
weex dom.scrollToElement 滚动问题
使用weex 的dom.scrollToElement 兼容问题1、使用for生成的ref,在初始化获取ref节点时候需要有100ms延迟2、dom.scrollToElement 传入的 ref参数,需要使用this.$refs.ref[0] 方式取值 ,不然会出现ios 安卓 不生效,h5生效.setTimeout(()=>{ weexDom.scrollToElement(this.$refs.activeRef[0],{ offset:0, .原创 2020-11-04 16:30:14 · 3610 阅读 · 0 评论 -
for 循环生成的ref ,使用weex 的dom.scrollToElement 兼容问题
for 循环生成的ref ,使用weex 的dom.scrollToElement 兼容问题1、使用for生成的ref,在初始化获取ref节点时候需要有100ms延迟2、dom.scrollToElement 传入的 ref参数,需要使用this.$refs.ref[0] 方式取值 ,不然会出现ios 安卓 不生效,h5生效....原创 2020-11-04 16:27:37 · 499 阅读 · 0 评论 -
WEEX 初学者注意事项
weex注意事项1.weex中只支持单个class选择器或者id选择器,不支持设置100%,不支持继承2.不支持 display:none 即不支持 v-show,需要使用 v-if 来实现显示和隐藏。3.定位的层级是按顺序排列,没有z-index4.不支持背景图片,background-color background-image:linear-gradient()5.:class不能使用对象语法应该使用数组语法,数组写法:class="[type == 'index' ?...原创 2020-11-02 14:18:35 · 354 阅读 · 0 评论 -
WEEX h5文本样式与真机安卓苹果不一致
问题:WEEX h5文本样式与真机安卓苹果不一致查询许多文章未能得到解决办法,后多次是实验出一下结果:真机样式:H5 样式:解决方式: 在weex中 文本text标签不能折行,否则会被weex编译。<template> <div class="box" style=" flex-direction: row;"> <div><image :src="imIconImg" class="excessFare_list_hea原创 2020-11-02 14:09:13 · 379 阅读 · 0 评论 -
postcss-pxtorem 移动端 vant ui 适配 px自动转换rem
VUE v2.5 项目中 移动端适配 px自动转换rem安装amfe-flexiblenpm i -S amfe-flexible安装postcss-pxtoremnpm i -Dpostcss-pxtorem在项目根目录创建或编辑.postcssrc.js文件注意: rootValue:75, //本项目设计图宽度是750px。其他项目需自己换算 【设计图宽度/10】module.exports = { "plugins": { //...原创 2020-10-15 17:08:27 · 785 阅读 · 2 评论 -
laravel项目启动报错Fatal error require() Failed opening required bootstrap/autoload.php
laravel 项目lnmp部署,访问主页提示Fatal error require() Failed opening required bootstrap/autoload.php 尝试解决办法使用过:1、重新composer install2、修改bootstarp 目录权限3、修改 vender目录权限以上办法全部无法解决问题,还是报错如此。突然发现项目根目录下多出一个.u...原创 2020-01-11 12:42:50 · 3888 阅读 · 1 评论 -
document.referrer 为空,导致微信h5支付失败,react框架
前端使用框架react+webpack路由:react-router-dom 4出现问题:集成微信h5支付,提示商家参数格式有误,请联系商家解决问题原因:document.referrer为空导致失败。解决思路:先在微信开放平台 授权h5支付安全域名 (域名需通过备案)在百度了各种方案无果例如:1、window.locaiton.href 跳转导致referrer为空2、使用...原创 2019-12-13 12:02:38 · 1972 阅读 · 0 评论 -
HTML5 draggable拖放属性与火狐兼容性问题
使用draggable属性拖动一个图片时,火狐上总会新开一个窗口,其他浏览器不会出现这种情况,怎样可以避免?在VUE的 created 状态中添加created() { document.body.ondrop = function (event) { event.preventDefault(); event.stopPropa...原创 2019-11-06 17:36:50 · 1076 阅读 · 0 评论 -
360浏览器 a标签跳转页面失效
问题描述:在360浏览器内 点击a标签无效,页面不跳转。谷歌火狐浏览器没问题。发现问题:由于a标签父元素是button导致无法跳转页面<button type="button" class="btn btn-info"> <a href="{{asset('hotel/list')}}'" >返 回</a></button>解决办法:...原创 2019-11-06 17:14:42 · 898 阅读 · 0 评论