![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础学习
空、
这个作者很懒,什么都没留下…
展开
-
关于百度地图获取的经纬度坐标,在小程序腾讯地图上展示位置不对的bug
问题原因:百度地图 与 腾讯地图是两种 地图坐标系。1.百度经纬度转换成腾讯/高德地图经纬度。2.腾讯/高德地图经纬度转换成百度经纬度。高德MapABC地图。灵图51ditu地图。转载 2024-06-05 11:58:14 · 32 阅读 · 0 评论 -
echarts 没画出来图形,dom报错宽高未识别
应当是你画布,父级使用了flex布局,找成了画布的宽高失效。当echarts 刷新时,画不出图形。解决方法:画布class上加上一句。原创 2023-12-13 16:07:48 · 103 阅读 · 0 评论 -
el-image 和 el-table冲突层级冲突问题
我在此不推荐这种解决方式,原因:此样式,会影响 单元格合并时 border显示bug。只需在加入preview-teleported 将插入地址定为body,即可解决。其中原理,很多博客已经所过了,table组件中使用图片,会出现层级过低问题,更好的解决方式其实就写在官方文档下方。网上大部分解决方式是 使用穿透。原创 2023-09-20 14:04:33 · 807 阅读 · 2 评论 -
关于css 父级 影响 子级 z-index层级问题
如题,经过排查,发现是父级使用了 animation-fill-mode: forwards;造成了z-index失效,暂时没有找到解决方法,只能将其与父级定义在同一层。原创 2023-06-01 17:23:12 · 384 阅读 · 0 评论 -
关于electron + vue3 打包所遇见问题
②在vue,config.js文件中配置 preload打包文件位置。1.外置脚本preload.js 没有打进去。①packground.js中配置。解决:使用hash路由模式。2.打包后路由识别失败。原创 2023-02-08 11:50:12 · 1043 阅读 · 0 评论 -
css如何实现点击切换效果
1.在你要放一组的html标签中加入 tabindex标记。2.css中使用focus点击后样式更改。如此便可简单实现点击切换样式效果。原创 2023-01-06 14:24:49 · 6983 阅读 · 1 评论 -
关于ApiPost 前端配置mock 测试数据 流程
1.打开ApiPost软件,找到设置2.选择 自动生成url3.选择具体接口,将环境设置为mock环境,切换到mock服务4.将下端后端设置的返回数据,写进模拟数据中,记得保存5.编写新的axios-mock文件6.直接调用就行,至此可获取模拟数据...原创 2022-04-15 10:55:00 · 3395 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
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 · 694 阅读 · 0 评论 -
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 · 3477 阅读 · 0 评论 -
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 · 769 阅读 · 0 评论 -
重要记录,关于手机与canvas
做的uniapp项目 想给文字换行,排查法现 手机app不支持ctx.measureText方法获取宽度原创 2020-03-31 20:50:05 · 161 阅读 · 0 评论 -
由轮播图 引起的下方字体闪烁
考虑了很多,也尝试了隐藏,固定高度之类,无用解决方法:在img标签的上一层div上样式加这个:transform: translateZ(0);原创 2020-02-29 15:47:34 · 492 阅读 · 0 评论 -
web 苹果手机 与 正则问题
今天做项目的时候遇见的一个深坑,安卓手机无任何问题,苹果页面直接崩溃思考:引起页面崩溃,可能是代码标签缺失,在就是浏览器在读取js的时候不支持某种语法,从而导致编译中断结论:经排查是由于一条正则表达式中 带有 < 小于符号而引起的反思:是否是因为< 被默认识别为了标签<>,是否还有特殊字符的正则是在苹果上不支持?...原创 2019-12-12 14:21:55 · 376 阅读 · 0 评论 -
多个Promise同时执行,等待最后一个返回值
项目所需,还好回忆起了《你不知道的JavaScript 中篇》中有所记载Promise.all:Promise.all([x,x,x,x]) x所表示其他promise操作,你可以带如 promise封装的所有东西,比如Ajax需要注意: 这些带入的promise参数 必须返回 resolve,reject 这些决议,当然如果你用的是第三方插件,可能他里面已经封装过promise,可以...原创 2019-11-30 14:34:24 · 1608 阅读 · 0 评论 -
关于做忽略大小写的模糊查询
群里朋友问了一下,想了 正则可以完美解决这个问题 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 · 473 阅读 · 0 评论 -
关于如何在微信小程序map地图上 cover-view 如何流畅展示动画
在进行微信小程序开发过程中发现了坑,map地图存在时,cover-view 所展示的动画在真机上会很卡。解决的方法也很简单,就是不写在wxss里,而是写在js中/* 底部弹窗开始 -使屏幕变暗 */.commodity_screen { width: 100%; height: 100%; position: fixed; top: 0; left: 0; bac...原创 2019-03-07 16:29:50 · 5731 阅读 · 0 评论 -
微信小程序 自定义下拉加载 对于ios弹性事件的处理
自己做了个下拉加载组件 发现在ios弹性情况下不会出现预期的效果,在网上找了很久,自己也思考了很久总结了三个方法,来实现ios的兼容。首先思考:ios为什么会出现情况?发现:在ios弹性触发的情况下 微信的监听页面滑动事件(onPageScroll)的 e.scrollTop会出现负数,且 ios弹性会遮挡住隐藏view的出现1.利用catch判断下拉事件需要用到的三个事件, tou...原创 2019-03-18 14:37:52 · 1907 阅读 · 0 评论 -
微信小程序 transform对于ios8的不兼容
稍微笔记记录:ios8 对于 微信小程序的 transform 是不支持的,必须写成兼容模式 -webkit-transform原创 2019-03-18 14:42:40 · 2301 阅读 · 0 评论 -
关于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 · 266 阅读 · 0 评论 -
关于微信中使用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 · 453 阅读 · 0 评论 -
关于微信小程序 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 · 7353 阅读 · 0 评论 -
VUE+自定义表单验证组件
在使用vue写了几个项目之后,发现为了某一个功能而引入一个组件不值得,于是便学习了一下,写自定义标签也便于自己去理解大团队们的组件运行机制。man.js中定义Vue.directive('checkParam',{ //从官方文档中可知inserted为钩子函数 // inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。 insert...转载 2019-06-10 15:26:07 · 2895 阅读 · 0 评论 -
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 · 114 阅读 · 0 评论 -
微信安卓input file 上传onchange不能触发问题
在公司的公众号里写了上传图片功能,但是发现部分安卓机型不能触发上传接口,排查发现是onchange没有被触发解决方法:<input type="file" accept="image/*" />accept要写为所有格式image-----------------“image/*” ,就可以解决此问题,特此记录...原创 2019-08-29 09:27:19 · 2220 阅读 · 1 评论 -
对象与对象之间 对照赋值
在项目后台经常会返回意料之外的值,的情况下,前端如无默认赋值会导致页面崩溃的情况为了阻止这一情况自己写了个赋值函数,记录下来// 对象,数组 比对赋值函数function convertData (a, b) { for (var k in a) { // 判断值 不为对象 或者 为空数组 的时候通过 if (typeof a[k] !== 'object' || (a[...原创 2019-09-02 10:33:44 · 486 阅读 · 0 评论 -
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 · 1438 阅读 · 0 评论 -
关于a标签target=_blank使用rel=noopener
一、为什么要使用rel=‘noopener’?先举个栗子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia转载 2019-02-12 09:37:11 · 1918 阅读 · 0 评论