- 博客(13)
- 收藏
- 关注
原创 node sass does not yet support your current environment:解决办法
项目中遇到Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)[app-scripts] For more information on which environments are supported please see:node版本与项目中node-sass版本不匹配记录下解决办法1. 删除老的node-sass文件夹(可以先备份一份
2022-03-14 14:18:46 2674
原创 web页面如何判断是ios还是android
简介JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。常见的移动终端浏览器版本信息let u = navigator.userAgentreturn { trident: u.indexOf('Trident') > -1, // IE内核 presto: u.indexOf('Presto') > -1, // opera内核 webKit: u.indexOf('AppleWebKit
2021-08-23 20:06:01 1135
原创 Vue provide inject 实现响应式
最近在项目中有涉及到关于祖孙组件之间的传值,立马想到vue中的 provide/inject 打开官方文档类型// 一个对象或者是返回对象的函数provide:Object | () => Object// 一个字符串数组 或 一个对象 inject:Array<string> | { [key: string]: string | Symbol | Object }详细这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关
2021-08-17 23:16:30 902
原创 qrcodejs2插件实现二维码生成
qrcodejs2插件实现二维码生成首先安装qrcodejs2插件:页面引入生成二维码某一次的使用过程中突然报错。。经排查(百度)发现是因为需要生成的链接过长导致了报错,好在找到了解决方法,官网已经做出了修复,所以我们只需要升级下版本就行了,新的版本到 [https://github.com/KeeeX/qrcodejs ](https://github.com/KeeeX/qrcodejs )下载 qrcode.js 或 qrcode.min.js 替换掉原来的,再刷新页面,就可以了首先安装qrcod
2021-08-16 21:15:10 636
原创 数组原型方法汇总方便自己查看
1 join()join(separator): 拼接,将数组的元素拼接成一个字符串,以separator为分隔符,省略的话则默认用逗号分隔,该方法只接受一个参数:即分隔符separatorlet arr: number[] = [1, 2, 3]console.log(arr.join()) //1,2,3console.log(arr.join('-')) //1-2-3consol...
2020-01-20 14:47:07 132
原创 vue路由跳转打开新窗口
部分需求需要在路由跳转页面的打开一个新的窗口let routerData = this.$router.resolve({ path: '/pkgeffective'})window.open(routerData.href, '_blank')// this.$router.push({ path: "/pkgeffective" });...
2019-12-11 14:14:33 928
原创 记一次from表单踩坑
form表单中只有一个元素时回车会触发form的默认提交事件,多个不会触发,在 el-form 上添加@submit.native.prevent 阻止默认事件!!!!
2019-12-11 14:11:13 148
原创 同一个元素绑定多个事件
在同一个元素上面绑定多个事件并且不会覆盖,使用addEventListener this.$root.$el.addEventListener('click', () => { this.$emit('update:showShare', false) })
2019-12-11 14:06:53 633
原创 css伪元素设置z-index无效
css使用伪类after或者before的时候想要给after或者before设置一个层级关系,使该伪类写入的样式在box的下面,发现给box设置z-index无效,需要找到父级元素,在父级元素上设置z-index值并且将伪类设置z-index:-1因为 其中将.box:before 的z-index = -1; **是因为.box和.box的伪类为同一级的,而.box 默认为0,修改其中的z...
2019-11-21 16:06:04 4246
原创 vue的注意事项
vue 钩子函数 destoryed 的使用注意 destoryed 在使用是 是页面销毁之后调用,阔能涉及到操作的代码已经被销毁,出现无效的情况,,此时应使用 beforeDestory 页面销毁操作之前执行...
2018-10-22 14:13:27 155
原创 Vue开发与原生交互input的双向绑定问题
Vue开发与原生交互input的双向绑定问题在Vue的开发过程中,一些特定的需求会需要和原生的js进行交互,在原生操作dom中给input赋值,Vue的双向绑定就失效,此时我们需要使用 dispatchEvent 来触发一下。ele.dispatchEvent(new Event(‘input’))...
2018-09-26 11:00:35 1257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人