
工作笔记
文章平均质量分 59
记录工作之中所遇到的问题,便于后期查看,同时希望能给同仁们提供一个参考。
惜__缘
人生就是一个不断学习地过程……
展开
-
Vue使用小技巧(注意事项--坑点)
1.给子组件动态传入数据($attrs使用)// 父组件<parent />// 子组件(第三方组件--quasar)// 组件中的字段不确定(filled outline standout ……),如何根据需要填入对应的值,而不需要在子组件中props所有可能出现的值<child /> ----> <q-select />方法:父组件(parent)----按需传入对应值(如:filled: true)子组件(child )--原创 2021-12-31 18:56:14 · 1272 阅读 · 1 评论 -
工作笔记:node中读取文件流(createReadStream)信息不全
工作中有一个需求是手动维护一个路由文件(项目太大,该文件只维护关键内容--name/key/children),通过node读取该文件内容,设置想要的格式并输出到最终路由文件。通过命令行运行node即可生成文件内容。由于项目太大,手动维护文件一直在不停地往里面添加路由关键信息。直到有一天,同事告诉我无法运行node命令,报错!!!经过一番问题排查,初步判定可能是因为文件太大了。打印生成内容发现返回的是undefind。前几次打印createReadStream中on('data')的data值都原创 2021-04-29 17:53:41 · 1362 阅读 · 0 评论 -
工作笔记:关于node的使用
1.使用localStoragevue-cli根目录创建node文件用于将后台给的数据处理成前端想要的数据字典表,后台给的数据是中英文的码值表。在这里,我需要判断当前localstorage中存储是中文模式还是英文模式。但是,我发现使用localstorage.getItem('lang)会报错:localstorage is not defined通过其他文件引入也不行,因为node读取的是文本,仍然会报错:localstorage is not defined后来,经过在网上搜原创 2021-03-23 15:18:08 · 1054 阅读 · 0 评论 -
echarts实现地图散点图---问题解决方案
项目上有一个需求是,根据总/分部信息显示相关地图,同时根据信息查询相关数据,并以散点图的形式显示在地图上。我查询了一下echarts官网的文档和案例,代码如下:series中的参数coordinateSystem值为option参数中定义的bmap。我于是按着这个方式去调试,发现并未显示任何东西。该引入的都引入了,就是显示不出来。于是,我又去看了一下文档,发现coordinateSystem的值只有如图三个选项:而且,option参数中没有bmap相关配置项。然后,我又去查看geo的相.原创 2020-11-20 11:11:44 · 4331 阅读 · 0 评论 -
工作笔记:Element-UI Dialog自定义组件点关闭按钮 报错:Avoid mutating a prop directly since the value will be overwr...
页面打开Dialog对话框,点击取消和确认正常,点击关闭按钮能关闭Dialog对话框,但是会报错。修改之前的代码://父组件<set-refund-withdraw v-if="withdrawDialogVisible" :visible.sync="withdrawDialogVisible"></set-refund-withdraw>//子组件<el-dialog :close-on-click-modal="false" title原创 2020-08-31 14:29:51 · 2753 阅读 · 1 评论 -
工作笔记:小程序中,标题固定到顶部在iphone手机中滑到底部出现闪烁的问题
需求:页面往上滚动,当红框内容位置滚动到页面顶部时,固定到顶部;反过来,页面往下滚动,当页面滚动高度小于红框内容距离顶部正常高度时(未固定到顶部),则脱离顶部固定。实现://jsonPageScroll: function (e) { if(e.scrollTop >= this.data.tabScrollTop + 10){ this.setData({ tabFixed: true }) } else { thi..原创 2020-08-19 11:45:43 · 607 阅读 · 0 评论 -
工作笔记:使用slice()最后一个参数为负数的方式去掉时间毫秒
定义和用法slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。使用 start(包含) 和 end(不包含) 参数来指定字符串提取的部分。字符串中第一个字符位置为 0, 第二个字符位置为 1, 以此类推。提示:如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。实例let str = "2020-08-19 20:23:41";let s = str.sl.原创 2020-08-19 10:35:45 · 535 阅读 · 0 评论 -
工作笔记:elementUI实现数组(需要验证的数据是以数组的形式呈现)表单验证
<el-form :model="couponForm" ref="couponForm" label-width="200px"> <el-form-item v-for="(item,idx) in couponForm.actIdList" :label="'活动期间第' + (idx + 1) + '次下单得'" :prop="'actIdList['+idx+']'" :rules="{ required: true, message: '请选择'}"> .原创 2020-08-13 16:35:35 · 1718 阅读 · 1 评论 -
wx.createSelectorQuery()返回值为null的解决方案
在我的工作项目中需要通过wx.createSelectorQuery()获取一个元素的高度来设置另一个元素的margin值,然后wx.createSelectorQuery()返回的值为null。我查了百度,找到了一位前辈的解决方案。wx.createSelectorQuery().in(this) // .in(this) 的使用运行结果:能访问到数据了,非常感谢那位前辈的分享!当然,如果是你要获取的元素是要通过后台数据渲染的,你也可以将其放到异步请求成功函数中。原创 2020-07-30 12:46:54 · 5666 阅读 · 3 评论 -
margin-top:负值,padding-top:值--解决顶部一条白线的兼容性问题
自定义顶部导航中遇到一个兼容性问题,顶部总是有一条不明白线,大多数手机都不会出现,但是有部分手机可能会出现。我采用margin-top: -1px;padding-top: 1px;的方式来解决,发现好像可以实现。//wxml<view class="navBar"> <view style="height: {{statusBarHeight}}px;></view> <view> <text style="line原创 2020-07-30 12:14:50 · 907 阅读 · 0 评论 -
关于自定义tabbar项的问题
我们项目中有一个需求:也就是说,tabbar的“分类”项会应该需求显示为“分类”/“管理台”,我们的tabbar项已经有5个,再加上一个就是6个。小程序规定tabbar中的list项不能超过5个。而且,小程序未提供显示/隐藏tabbar某一项的功能。我们知道小程序2.7.0版本增加了一个API(wx.setTabBarItem(Object object))用于动态设置tabbar某一项的内容。但是有一个问题,无法设置pagePath。相关API:https://developers.weixi原创 2020-07-27 12:08:04 · 3932 阅读 · 0 评论