自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 uniapp 生成H5 返回上一页 事件不执行

解决办法:uniapp,H5是先执行方法再返回,所以给事件增加延迟调用,如下代码。背景:想根据返回的页面判断是否再返回一页。

2024-08-30 09:41:06 759

原创 微信开发者工具报错[ app.json 文件内容错误] app.json: [“usingComponents“][“van-dialog“]: “./miniprogram_npm/@vant/we

app.json 文件内容错误] app.json: [“usingComponents”][“van-dialog”]: “./miniprogram_npm/@vant/weapp/dialog/index” 未找到(env: macOS,mp,1.06.2301160;lib: 2.16.1)构建完成就会有miniprogram_npm目录了,就完成了。1.项目npm install。2.在开发者工具中构建npm。

2024-01-24 11:20:01 956

原创 el-tree-select、el-select 回显name值不对,显示的是id的值(回显应该是name,结果显示id)

回显应该是name,结果显示id。

2024-01-22 11:17:59 1462 1

原创 设置时间范围为本月第一天到最后一天

默认显示本月第一天和最后一天

2023-06-20 10:47:53 461

原创 小程序扫码失败 scanCode:fail 系统错误,错误码:1, [20230420 18:23:25]

小程序项目里manifest.json文件设置小程序appId就可以了。小程序调用扫码功能时候显示扫码失败。

2023-04-20 18:32:34 1540 4

原创 安卓,qq浏览器img标签取消点击放大图片

问题:安卓的qq浏览器img标签点击会放大图片解决方案:img{pointer-events: none;vertical-align: sub;}关注博主更多文章 https://blog.csdn.net/qq_39882537

2020-12-03 11:20:21 565

原创 vue H5页面跳转小程序<wx-open-launch-weapp>

微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。官网文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html首先按照官网把公众号的安全域名配好然后通过config接口注入权限验证配置并申请所需开放标签(wx.config)然后用小程序跳转按钮:< wx-open-launch-weapp >官网用例<wx-o

2020-08-11 16:46:39 6173 10

原创 js中includes() 和indexOf() 两方法区分

描述includes() ---- 判断一个数组是否包含一个指定的值。indexOf() ---- 搜索数组中的元素,并返回它所在的位置。使用与返回值(undefined、NaN需特殊注意)includes() 返回值true / falselet arr = [1,2,'san',4,,NaN];console.log(arr.includes('san')); //trueconsole.log(arr.includes(6)); //falseconsole.log(arr.

2020-07-15 11:01:38 2489

原创 不固定高度 垂直居中

transform / 配合定位使用<div class="box"> <span>测试文字</span></div>.box{ background: #000; color: #FFF; width: 140px; height: 100px; position: relative;}.box span{ border: 1px solid #fff; position: absolute; left: 50%; top:

2020-06-29 15:26:45 159

原创 mac 查找git安装目录

git版本号git version查找git安装目录which git查看git与用户信息git config --listgit config user.name

2020-05-25 14:51:26 2119

原创 火狐浏览器不支持background-position-y

火狐的低版本兼容(47)不识别 background-position-y解决办法:background:url(‘’ no-repeat 0 -50px);

2020-05-09 17:02:54 341

原创 console 的常用方法 console.log() console.clear() console.dir()

console.log() 浏览器控制台打印信息console.warn() 浏览器控制台打印警告信息(黄色)console.error() 浏览器控制台打印错误信息(红色)console.time() 计时开始console.timeEnd() 结束计时console.clear() 清除当前控制台的所有输出console.dir() 可以显示对象所有属性和方法...

2020-04-09 17:12:23 731

原创 vue-cli搭建项目,使用axios请求接口 form-data格式传参方法

用vue-cli搭建的项目,使用axios发送post请求的参数格式用URLSearchParams方式(兼容太差,最好不要用)let param = new URLSearchParams();param.append("url",window.location.href);URLSearchParams这个方法兼容手机系统版本太差,于是换了另一种方法querystring(兼容...

2020-03-30 11:21:36 503

原创 blur与click事件优先级问题

父元素添加点击事件click,子元素有blur事件因为js是单线程机制,一次只能执行一个事件,所以click与blur存在优先级问题,所以只执行来blur事件解决办法:1. 给blur一个事件缓冲setimeout2. 可以用mousedown来代替click事件...

2020-03-30 11:12:04 921

原创 vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementatio

升级webpack3 ->4 导致的报错Module Error (from ./node_modules/vue-loader/lib/index.js):[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation m...

2020-03-27 14:51:20 7823

原创 CleanWebpackPlugin is not a constructor 安装clean-webpack-plugin报错

使用插件 clean-webpack-plugin 时候报错 CleanWebpackPlugin is not a constructor注意引用插件版本问题,版本太高也不行,“clean-webpack-plugin”: “^2.0.2”大小写问题 开头C要大写,养成习惯插件开头大写,变量开头小写CleanWebpackPlugin 参数问题,new CleanWebpackPlugi...

2020-03-25 16:21:33 186

原创 Cannot find module 'vue-loader/lib/plugin'

安装了 webpack4 的版本之后发现报这个错 Cannot find module ‘vue-loader/lib/plugin’然后上node-modules 里找了一下还真没有/plugin,所以我肯定是 vue-loader 的版本问题升级了一下 “vue-loader”: “^15.7.0” 就好了...

2020-03-25 16:00:13 17388 5

原创 Cannot destructure property `createHash` of 'undefined' or 'null'. 安装mini-css-extract-plugin报错

安装了这个插件 mini-css-extract-plugin 之后webpack打包总在报错 Cannot destructure property “createHash” of ‘undefined’ or ‘null’.后来网上查了一下这个插件 mini-css-extract-plugin 是webpack4才有的插件,所以出现在webpack版本的问题把webpack升级或降级一...

2020-03-25 15:50:38 1017 1

原创 Charles抓正式包配置 proxy

Charles抓正式包配置Charles proxy 的 ssl Proxying添加链接域名(是在菜单栏上,不是设置里)手机链接代理访问chis.pro/ssl 下载描述文件在手机设置-通用-描述文件里 下载成功之后在 设置-通用-关于本机-证书信任设置,设置证书信任打开 就可以了...

2020-03-20 16:40:48 575

原创 Js计算小数点时,会有浮点数精度问题 .toFixed(num)也不是很完美

Js计算小数点时,会有数值不精准的问题 .toFixed(num)也不是很完美例如下图:解决办法(0.1 + 0.2).toFixed(1)但是不确定是否满足一位小数的需求(0.1*100 + 0.2*100) /100 可行两者也有差别,一个是string一个是number,一个是强制两位小数点补位,一个是不显示无用0占位,看个人需求使用,如下图...

2020-03-20 16:25:53 420 1

原创 设置页面title为空 document.title

设置页面title为空如果是H5页面,需要注意的是app抓取title时候要过滤一下,不然一直都是空document.title=’\u200E’;

2020-03-20 16:11:11 1652

原创 vue-cli H5 在app(ios9/android4) 不兼容白屏,页面空白

ios9不支持es6写法,包括一些低版本安卓机,超级坑!!!最先是要配babel-polyfillimport babel-polyfill// 在module.exports里entry: { // app: './src/main.js' app: ["babel-polyfill", "./src/main.js"]}单独配里这里是不好用的,需要在module.expo...

2020-03-20 15:45:04 1584 3

原创 vue/react 路由匹配问题,/:id 与其他页面影响

现在页面上好多路由配置需要用id来区分不用数据页所以问题就会出现:配的/:id路由会影响其他路由就是例如我有一个 /tab的页面访问时会变成 /:id的页面问题原因很简单就是路由匹配不严格导致的举例下面两个路由{ path: "/:id", component: Home,},{ path: "/tab", component: Tab},vue...

2020-03-20 15:16:55 1222

原创 css 样式 常用水平/垂直居中

居中样式,都是比较常用的方法,不常用的就不举例了 有这几种就够用了1/2 都是固定宽高3 个人觉得是最好用的,可以不考虑宽高问题text-align:center;<div class="box"> <span>测试文字</span></div>.box{ width:120px; height:100px; backgro...

2020-03-19 15:55:52 210

原创 用xcode11打包app H5判断ipadpro机型 navigator.userAgent

需求想要的效果是 web/wap自动跳转,ipad归于wap跳转H5页面新版app升级Xcode11来打新包出现ipadPro 不识别是ipad机型首先ipadPro本来就是一个特殊机型!!(神坑)用navigator.userAgent方法打印下面一堆下图是iphone7p真机浏览器弹框下图是ipadPro 在浏览器上弹出下图是谷歌浏览器分别是浏览器模拟iphone6/7,ip...

2020-03-18 18:49:28 2418 1

原创 时间格式问题 ios/ie不兼容 new Date(xxxx-xx-xx xx:xx).getTime() 时间戳

时间格式问题 ios/ie不兼容 new Date(xxxx-xx-xx xx:xx).getTime() 时间戳new Date(2020-03-16 10:00).getTime() 会在手机出现bug开发中发现后台返回数据格式为 2020-03-16 10:00后台库里存储格式string,也不想做处理直接返回给前端所以只能前端给格式处理为时间戳再操作其他那么问题来了,做过测试发现...

2020-03-18 15:45:13 606

原创 兼容 监听事件 监听滚动事件

兼容 监听事件主要以滚动事件为例在敲代码时候会发现个问题----场景是全屏滚动,其中某个页会通过点击事件,出现一个固定的video标签覆盖全屏原代码是这样(具体哪里抄的不太记得了)if(document.addEventListener){ document.addEventListener('DOMMouseScroll' , this.scrollHandler.bind(this...

2019-11-27 15:39:20 639 1

原创 超出容器的图片在容器里左右居中,不使图片变形(大图片居中问题)

超出容器的图片在容器里左右剧中,不使图片变形(大图片居中问题)父元素:overflow:hidden; text-align:center;子元素(img标签):margin:0 -100%;实例代码片段:<li className={style.father}> <img src={require('./img/zt2.jpg')} alt="" /><...

2019-10-11 14:17:52 398

原创 transition 与 不固定高度模块 实现过渡

transition 与 不固定高度模块 实现过渡transtion与不固定高度实现过渡只需要这只max-Height就可以如下react代码<div className={`skuListBox ${this.state.hover?'maxHeight800':'maxHeight0'}`} onMouseEnter={this.mouseEnter.bind(this)} on...

2019-10-11 13:53:34 966

原创 vue项目中 img标签加载失败方法,onerror事件的两种方法

vue项目中 img标签加载失败方法

2019-05-18 17:51:31 30268 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除