- 博客(47)
- 收藏
- 关注
RSS订阅原创 echarts 没画出来图形，dom报错宽高未识别
应当是你画布，父级使用了flex布局，找成了画布的宽高失效。当echarts 刷新时，画不出图形。解决方法：画布class上加上一句。
2023-12-13 16:07:48
89
原创 el-image 和 el-table冲突层级冲突问题
我在此不推荐这种解决方式，原因：此样式，会影响 单元格合并时 border显示bug。只需在加入preview-teleported 将插入地址定为body，即可解决。其中原理，很多博客已经所过了，table组件中使用图片，会出现层级过低问题，更好的解决方式其实就写在官方文档下方。网上大部分解决方式是 使用穿透。
2023-09-20 14:04:33
682
原创 关于css 父级 影响 子级 z-index层级问题
如题，经过排查，发现是父级使用了 animation-fill-mode: forwards;造成了z-index失效，暂时没有找到解决方法，只能将其与父级定义在同一层。
2023-06-01 17:23:12
339
原创 关于electron + vue3 打包所遇见问题
②在vue,config.js文件中配置 preload打包文件位置。1.外置脚本preload.js 没有打进去。①packground.js中配置。解决：使用hash路由模式。2.打包后路由识别失败。
2023-02-08 11:50:12
990
原创 css如何实现点击切换效果
1.在你要放一组的html标签中加入 tabindex标记。2.css中使用focus点击后样式更改。如此便可简单实现点击切换样式效果。
2023-01-06 14:24:49
6820
1
原创 关于ApiPost 前端配置mock 测试数据 流程
1.打开ApiPost软件，找到设置2.选择 自动生成url3.选择具体接口，将环境设置为mock环境，切换到mock服务4.将下端后端设置的返回数据，写进模拟数据中，记得保存5.编写新的axios-mock文件6.直接调用就行，至此可获取模拟数据...
2022-04-15 10:55:00
3321
原创 fultter webview 嵌套 H5， js调用不到fultter方法问题
如题，在与fultter所写app 传输数据时，发现找不到fultter所定义方法排查原因：异步回调中访问 fultter所定义方法 失败思考：可能是 所属域不同 ， 用window调用也不行，有知道的大佬请告知一下解决：将调用方法 拿出来 另起按钮调用，不与异步回调同时使用<div class="btn btnPramy tyBtn" @click="cspdf">确定</div> cspdf () { let data = JSON.strin
2021-04-07 11:04:47
137
原创 elementUI icon图标 动态菜单 打包后不显示问题
如题出现上诉问题，经过多方查证未果，最后排查出 外加class样式影响了 icon显示源代码<i :class="'iconfont '+item.meta.icon"></i><style lang="less" scoped> .iconfont { color: #ffffff; margin-right: 10px; }</style>现代码<i :class="item.meta.icon"><
2021-04-05 16:19:11
682
原创 js 关于for循环与 continue
最近拓展学习java代码的时候，发现了js 的 for循环 continue的运用 跳过本次，运行下次循环这篇文章不是研究的 continue break return的不同而是发现了for 与continue的特有作用的一种写法let outer;outer:for(let i = 101;i<150;i++){ for(let j =2;j<i/2;j++){ if(i%j == 0){ continue outer //跳到最外层for循环 运行下次循环
2021-03-06 14:48:38
3464
原创 vue 下定时器与渲染页面方法通用 执行指数形式重复调用的问题 （setInterval，this.$set，this.$forceUpdate()）
问题很好理解，在业务环境需要的情况下，进入页面即执行，如做倒计时把拥有定时器和渲染页面数据this.set，this.set，this.set，this.forceUpdate()函数，放在一起的时候出现了问题：即在执行渲染函数时，页面重新生成了新的定时器，所以会造成 指数形式重复调用解决问题：1.只有一个定时器时，吧定时器定义到window下，执行前先行判断，如果有则不再创建，或者删除if(!window.setTime){ window.setTime = setInterval(this.
2021-01-28 10:06:18
751
原创 关于uniapp的一些坑记录
最近投身一家外包公司，要求做uniapp项目记录一下坑1.在uniapp中 动态绑定input 也就是使用@input 时绑定函数中 需延迟执行代码才管用，如： setTimeout(() => { this.user.Password = this.user.Password.replace(/[^0-9a-zA-Z]/g, ''); }, 10)2.使用正则时，不能带...
2020-03-19 08:58:16
1424
原创 由轮播图 引起的下方字体闪烁
考虑了很多，也尝试了隐藏，固定高度之类，无用解决方法：在img标签的上一层div上样式加这个：transform: translateZ(0);
2020-02-29 15:47:34
486
原创 web 苹果手机 与 正则问题
今天做项目的时候遇见的一个深坑，安卓手机无任何问题，苹果页面直接崩溃思考：引起页面崩溃，可能是代码标签缺失，在就是浏览器在读取js的时候不支持某种语法，从而导致编译中断结论：经排查是由于一条正则表达式中 带有 < 小于符号而引起的反思：是否是因为< 被默认识别为了标签<>，是否还有特殊字符的正则是在苹果上不支持？...
2019-12-12 14:21:55
364
转载 TS之枚举的作用
最近在看TypeScript，接触到了一些新的概念，比如说枚举，先来看一下什么是枚举类型：enum Country { China, USA， Russia}上面的代码就在ts中定义了一个枚举类型（数字枚举），这里如果不做任何修改的话，Country.China的值为0，Country.USA的值为1，往后依次类推每一项的值都 +1看起来有点类似js中镜像翻转后的数组，又...
2019-12-10 09:30:17
5584
1
原创 个人npm 库的建立 - vue组件库
工作中难免有复用组件，只是复制代码的话，过于繁琐还不宜保存，故了想到了建立自己的npm包，封装常用的组件类。此篇文章中只谈vue-cli3.0下如何快速创建库，原生创建留到下一篇文章中...
2019-12-06 13:43:16
196
转载 组件与v-model
写插件的时候，好多时候子组件需要主动修改父组件的值，或者绑定。这时候再用单纯的父子组件通信显得不合适，最好是让父组件不再过多的自己去操作数据，不然就不像一个本分的组件了，这时候就需要v-model。!子组件：this.$emit(‘自定义属性’, data.ids)父组件：<z-select @自定义属性=‘方法’/>v-model父组件写法：绑定一个datadat...
2019-12-05 16:51:03
116
原创 多个Promise同时执行，等待最后一个返回值
项目所需，还好回忆起了《你不知道的JavaScript 中篇》中有所记载Promise.all：Promise.all([x,x,x,x]) x所表示其他promise操作，你可以带如 promise封装的所有东西，比如Ajax需要注意： 这些带入的promise参数 必须返回 resolve，reject 这些决议，当然如果你用的是第三方插件，可能他里面已经封装过promise，可以...
2019-11-30 14:34:24
1592
原创 关于做忽略大小写的模糊查询
群里朋友问了一下，想了 正则可以完美解决这个问题 var Name = ['csgfsgdsfg', 'Csgwerhwh', 'agqagarCS', 'geahfdcS', 'ssjherth', 'aangfjd']; var txt = 'cs'; var reg = new RegExp(txt, 'i'); var main = Name.map((it...
2019-10-28 14:11:09
468
原创 vue-cli3.0+postcss-px-to-viewport vw的适配
在距离上次写flexible适配pc手机端已经一月有余了，发现了其中不好的地方：1.flexible适配需要依靠dpr，苹果dpr在各类型号中大致相同，但安卓有于品牌过多，dpr千奇百怪。故flexible本身只适配了苹果手机，并没有适配安卓2.vw现在已被大部分游览器兼容，而且运用在vue项目上也更加简单明了一、安装postcss-px-to-viewportnpm i postcss-...
2019-10-16 16:00:31
752
原创 Vue-cli使用prerender-spa-plugin插件预渲染的问题
网上已经有很完整的如何使用vue-cli 与 prerender-spa-plugin插件预渲染，这里就不做记录了需要记录的是：预渲染出来的页面是静态的，所以不要动不动就把‘/’路径做预渲染，你会发现上架服务器后什么都点不了我的处理方式是，另写路由来实现渲染 不影响本来项目路由中//预渲染路径{ path: '/yuHome', component: resolve =>...
2019-09-29 15:26:29
952
1
原创 关于vue页面 刷新后变为空白页的问题
描述：在现做项目中，由于公司需要求vue-router模式需要更改为 history模式，发现二级路由刷新直接白屏打开控制台发现报错经排查发现：history模式时，以/开头的嵌套路径会被当做根据经故： 更改vue.confige.jsbaseUrl: '/',而在hash模式时，项目的根目录是不变的应为baseUrl: './',...
2019-09-25 15:19:36
7819
原创 vue react PC/移动端 lib-flexible postcss-px2rem 一套自适应方法
安装 lib-flexible postcss-px2rem 两个包npm i lib-flexible --savenpm i postcss-px2rem --savevue 在main.js 中引入，react 在index.js 中引入import 'lib-flexible'modul文件夹中找到 lib-flexible ->flexible.js functi...
2019-09-04 13:56:51
1422
原创 对象与对象之间 对照赋值
在项目后台经常会返回意料之外的值，的情况下，前端如无默认赋值会导致页面崩溃的情况为了阻止这一情况自己写了个赋值函数，记录下来// 对象，数组 比对赋值函数function convertData (a, b) { for (var k in a) { // 判断值 不为对象 或者 为空数组 的时候通过 if (typeof a[k] !== 'object' || (a[...
2019-09-02 10:33:44
481
原创 微信安卓input file 上传onchange不能触发问题
在公司的公众号里写了上传图片功能，但是发现部分安卓机型不能触发上传接口，排查发现是onchange没有被触发解决方法：<input type="file" accept="image/*" />accept要写为所有格式image-----------------“image/*” ，就可以解决此问题，特此记录...
2019-08-29 09:27:19
2174
1
原创 着手与react-app的学习
一直在使用vue，react快忘记了故，重新学习react项目全方位的搭建安装react脚手架npm i create-react-app -g //脚手架可以简化复杂的配置创建项目create-react-app react-demo脚手架中安装react-router,react-router-domnpm i React-Router React-Router-...
2019-08-20 17:15:55
144
原创 async/await 的学习与使用
async function xx () {} 表明了asyns声明了此函数为异步函数async function xx() { const result = await xxx(); console.log(result);}上面await表示，等待右侧表达式的结果，这个结果是promise对象或者其他值。如果 它等到的不是一个 promise 对象，那 await 表...
2019-08-03 11:29:24
111
原创 vue+store 的模块导入学习
由于项目用不到太多store中的数据转换，故以前都是直接写的store代码没有引用，调用可谈，用在简单项目上也着是方便。近期分析了vue-elementui-admin代码后，学习到了好的store代码的使用方式，故此记录首先从目录上modules中存放store逻辑代码getters.js中获取到modules中的各种数据const getters = { sidebar: s...
2019-08-03 10:38:41
1458
原创 VUE拓展学习之provide/inject的父组件与子组件传值
provide / inject这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。provide：一个对象或返回一个对象的函数inject：一个字符串数组，或 一个对象，对象的 key 是本地的绑定名父组件：定义provide 属性：值provide: { for：'demo' }子组件：定义inje...
2019-08-03 09:20:30
1144
转载 VUE+自定义表单验证组件
在使用vue写了几个项目之后，发现为了某一个功能而引入一个组件不值得，于是便学习了一下，写自定义标签也便于自己去理解大团队们的组件运行机制。man.js中定义Vue.directive('checkParam',{ //从官方文档中可知inserted为钩子函数 // inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 insert...
2019-06-10 15:26:07
2890
原创 微信小程序长列表 数据渲染的些许优化
开始写长列表的时候，是将分页数据合并到一起在重新渲染，发现正常浏览还行，但是数据超过200多条的时候，新数据会出现一段白屏时间。于是做了如下些许优化 var datalistt = res.data var arr = []; datalistt.forEach(function (item) { arr.push({ ...
2019-05-28 13:46:17
8699
1
原创 关于微信小程序 scroll-view 在IOS中所存在的一些问题
最近在对小程序进行一些优化，发现 scroll-view 的两处问题1、IOS手机下scroll-view会存在上拉加载时卡顿情况暂时解决方法(设置高度为100%，问题：设置后不能触发上拉触底事件)： <scroll-view scroll-y="true" style="height:100%"> </scroll-view>...
2019-05-21 11:08:39
7289
原创 关于微信中使用promise记录
首先在文件夹中找到一处放置promise.js文件的地方建议放在utils里。promise.jsfunction wxPromisify(fn) { return function (obj = {}) { return new Promise((resolve, reject) => { obj.success = function (res) { ...
2019-04-15 14:00:41
447
原创 关于js获取和编译 enter （\n） 与后台的交互(小知识记录避免忘记)
如题：在传输数据的时候，打印出来并不会出现\n之类的字符，但是js是可以读取到\n的（同理\r也是可以做到的）var str = '****'var textT = str.replace(/\n/g,"<br>");//经编译后会将文字中的\n编译为<br>接收数据时同样道理var str = '*******';var reg = new RegEx...
2019-03-28 09:34:12
260
原创 微信小程序 transform对于ios8的不兼容
稍微笔记记录：ios8 对于 微信小程序的 transform 是不支持的，必须写成兼容模式 -webkit-transform
2019-03-18 14:42:40
2270
原创 微信小程序 自定义下拉加载 对于ios弹性事件的处理
自己做了个下拉加载组件 发现在ios弹性情况下不会出现预期的效果，在网上找了很久，自己也思考了很久总结了三个方法，来实现ios的兼容。首先思考：ios为什么会出现情况？发现：在ios弹性触发的情况下 微信的监听页面滑动事件（onPageScroll）的 e.scrollTop会出现负数，且 ios弹性会遮挡住隐藏view的出现1.利用catch判断下拉事件需要用到的三个事件， tou...
2019-03-18 14:37:52
1882
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人