- 博客(33)
- 收藏
- 关注
RSS订阅
原创 ios设备的弹窗页面，光标错位，光标乱跳
如果产品要求在移动端里有弹窗中多个ipnut，趁早找产品沟通不要弹窗，新起页面，此问题巨坑！一.经常是上下错位，原因是在input 获取焦点以后，键盘弹出后，会把页面往上顶着移动，但是光标停留在了以前的位置，如果页面不复杂，可以在获取焦点后给body上添加 position:fixed ，使用后清除，但是这样会引起页面失去滚动能力,页面中尽量使用absolute，或者是float，还有fle...
2020-01-17 11:03:10
2156
原创 JavaScript Set新增7个方法操作集合
symmetricDifference () 它返回一个包含此集合或给定集合中的元素的新集合，但不包含同时存在于这两个集合中的元素。isSubsetOf () 它返回一个布尔值，指示此集合中的所有元素是否都在给定的集合中。difference () 它返回一个包含此集合中的元素但不包含给定集合中元素的新集合。intersection () 它返回一个包含此集合和给定集合中所有元素的新集合。union () 它返回一个包含此集合中所有元素和给定集合的新集合。
2024-07-03 10:15:51
359
1
原创 Java为什么要设计一个Object根类 这样做有什么好处 如果没有根，会发生什么
Java为什么要设计一个Object根类 这样做有什么好处 如果没有根，会发生什么
2023-03-29 14:00:10
269
原创 error vue-element-admin@4.2.1 dev: `vue-cli-service serve`
碰到 ·error vue-element-admin@4.2.1 dev: vue-cli-service serve删除node_modules然后 npm install core-js@2npm installnpm run dev就好了cnpm安装npm install cnpm -g --registry=https://registry.npm.taobao.org
2021-01-22 14:47:05
1639
原创 vue中js文件里获取this（vue实例）
vue中js文件里获取this（vue实例）1，在main.js中抛出vue实例，在需要用到的地方引入即可main.js里let vueThis= new Vue({ el: '#app', router, store, data:{ Bus: new Vue() }, render: h => h(App)}).$mount('#app');export default vueThis要用的js里import Vue from '@/main'就
2021-01-04 11:22:22
12467
2
原创 vue打包后js文件太大优化
1，路由懒加载component: resolve => require(['@/views/XXX/XXX.vue'], resolve){ path: 'index', component: resolve => require(['@/views/XXX/XXX.vue'], resolve), name: 'XXX', meta: { title: 'XXX', noCache: true },},
2021-01-04 10:18:01
1112
3
转载 js不打开直接下载txt文件（js解决跨域下载文件）
之前用的是a标签的方式，同源是没有问题的，但一跨域就不行了，试了其它方法，不是报跨域错误，就是在当前页面打开文件，体验相当不好。data = data.replace(/\\/g, '/');var aLink = document.createElement('a');aLink.download = data.split('/')[data.split('/').length - 1];aLink.href = data;aLink.click();最终解决方案：如果不好使 比如文件保存
2020-06-09 18:10:35
2419
7
原创 overflow:hidden增加元素总体高度
解决办法：给元素加上display: inline-block;和vertical-align: bottom出现问题的示例：原因可见转载: 但是只inline-block设为block有时不好使设置inline-block元素的overflow：hidden意外增加元素总体高度的问题....
2020-06-04 11:06:26
1028
原创 iOS里微信浏览器长按无法识别二维码（ios微信里二次分享不好使）
ios里微信浏览器真是堪比ie6的巨坑ios里微信浏览器真是堪比ie6的巨坑ios里微信浏览器真是堪比ie6的巨坑比如：ios里微信长按无法识别二维码==ios里微信浏览器内vue，react等单页面项目url不改变==ios里微信浏览器下面自带的后退前进导航栏==ios里的input光标问题==ios里的滑动卡顿，页面缺失。。。。。==这次就吐槽一下长按无法识别二维码的问题：网上找了一大堆的处理方法：1）padding:1000px; margin:-1000px2) 设置
2020-05-15 16:29:14
2575
原创 vue 控制屏幕是否可滚动公共方法
export default { // 禁止滚动 stop(){ let mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false); }, // 可以滚动 move(){ let mo=function(e){e.p
2020-05-12 16:54:39
320
1
原创 vux scroller 上拉加载下拉刷新组件（vux scroller 使用and坑）
怎么引入什么的就不说了，直接代码<div style="padding-top:50px;"> <!-- 距离上部 有的时候上面会需要有一个固定头--> <scroller lock-x <!-- x轴方向禁止移动（水平）--> height="-150" @on-scr...
2019-10-29 17:34:14
1338
原创 Vue Mint UI mt-swipe 的使用
Mint UI的安装使用1、安装 npm install mint-ui -S-S表示 --save2、在main.js中引入mint Ui的css 和 插件 （全局引用）import Mint from ‘mint-ui’;import ‘mint-ui/lib/style.css’Vue.use(Mint);3、在main.js中引入mint Ui的css 和 插...
2019-10-29 16:33:14
2973
原创 JS 数字补0操作
JS 数字前补0操作显示时间的时候,会需要把一位数字显示成两位,这时候就需要补0操作可以使用 slice 和 ES2017 string 的 padStart 方法const NumFun1= (num, len = 2) => (`0${num}`).slice(-len)const NumFun2= (num, len = 2) => (`${num}`).padStart...
2019-10-17 15:34:11
828
1
原创 JS精确到指定位数的小数
将数字四舍五入到指定的小数位数。使用 Math.round() 和模板量将数字四舍五入为指定的小数位数。省略第二个参数 decimals ，数字将被四舍五入到一个整数。const NumFun= (n, decimals = 0) => Number(`${Math.round(`${n}e${decimals}`)}e-${decimals}`)NumFun(3.1415926, ...
2019-10-17 15:15:48
640
1
原创 css隐藏元素的五种方法
css隐藏元素1.opacity: 0;是否占位： 是是否对布局起作用： 是是否响应页面交互： 是2.visibility: hidden;是否占位： 是是否对布局起作用： 是是否响应页面交互： 否3.display: none;是否占位： 否是否对布局起作用： 否是否响应页面交互： 否盒模型都不生成，但可被dom操作4.position: absolute;设置元素到...
2019-04-07 22:32:12
163
原创 es6转es5 的6种方式
es6转码es5一.Babel 在线转码二.谷歌的Traceur 在线转码三.es6console 在线转码并运行四.Traceur 在页面中引入使用//加载 Traceur 文件<script src="https://google.github.io/traceur-compiler/bin/traceur.js"></script>//这两个是将上...
2019-04-07 22:08:40
4898
1
原创 div为空占位
（div）块级元素占位div没有内容时，默认不占位，设置宽度也没用添加最小高度min-height:1px;和border:true;这样就可以保证div没有东西也占着位
2019-04-07 21:43:22
2171
原创 简单易懂的 vue父子组件传值
vue父子组件传值1.父向子 传递数据：在父组件中把子组件当做标签引入，通过设置标签的属性传递数据，在子组件用props接受，将父组件的数据number通过设置标签child的number属性传递给子组件，子组件通过props传递接受，接受后，在子组件内this.number就是父组件的number数据。父组件代码如下(分步骤)：<template> <div...
2019-04-01 22:49:33
306
1
原创 vue assets与static的区别
vue assets与static的区别assets中的文件会经过webpack打包，重新编译，推荐在assets存放js等需要打包编译的文件。static中的文件，不会打包编译。static中的文件只是复制一遍。static中建议放一些外部第三方文件，自己的放assets里，别人的放static中。（图片推荐放在static里）在assets与static中放图都可以使用；但动态绑定，as...
2019-04-01 22:12:13
826
原创 js vue v-for循环删除数组项（删不干净的问题）
js for循环删除数组项（删不干净的问题）重点在与key-=1,要让key随着被截取后数组长度的变化而变化，截取一个，key少一次。let val = this.childData.chackNumber for (let a = 0; a < val.length; a++) { if (val[a].chack == false) { ...
2019-04-01 15:51:39
2538
原创 vue v-for嵌套 ，里层获取获取外层下标索引
vue v-for嵌套 ，里层获取获取使用外层下标索引两层v-for嵌套 只要起不一样的名字就可以互相调用了<div class="playChack" v-for="(item1,index1) in items" :key="index1"> <ul class="firstChack"> <li v-for="(item2,index2) in cha...
2019-03-31 22:56:19
5739
2
原创 vue 打包之后为空白页（路径问题）
vue 打包之后为空白页一、打包后的dist目录下的文件引用路径不对，找不到资源导致白屏（80%都是这么导致的）1.修改config > index.js里的assetsPublicPath的'/’成为'./'dev: { assetsSubDirectory: 'static', assetsPublicPath: './', //将这里改成./ proxy...
2019-03-29 13:27:54
695
原创 vue @ ~ 相对路径 路径别名设置
vue @ ~ 相对路径 路径别名设置./这是相对路径的意思，同级目录。../上级目录。@/这是webpack设置的路径别名。在build/webpack.base.conf这个文件里面设置了@具体指的是什么在build/webpack.base.conf里找到如下resolve: { extensions: ['.js', '.vue', '.json'],//取消后缀 引入...
2019-03-29 12:58:22
6683
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人