开发过程总结
咕噜咕噜的车轮向前
这个作者很懒,什么都没留下…
展开
-
react CodeMirror react-codemirror2 改变高度
CodeMirror有个默认的高度300px,尝试在less文件修改,没有修改成功。原创 2023-02-20 19:51:34 · 743 阅读 · 0 评论 -
react、ant(版本4),使用modal嵌套form表单,使用modal底部的确定按钮提交form表单
react+ant+ts+umi3,使用modal嵌套form表单,使用modal底部的确定按钮提交form表单原创 2023-01-30 17:47:20 · 1258 阅读 · 0 评论 -
项目打包总是出错
1、uni-app的项目,打包h5可以,打包小程序的时候出现有些文件缺失的情况,例如引用到的组件是在node_modules里面的,查看打包后的小程序代码,确实那部分代码没有打包进来,看了一下node_modules里面的文件结构有点乱,很多下划线_开头的文件,原来是使用cnpm install淘宝镜像安装依赖包导致的,重新切换源// 查看当前镜像 nrm ls// 切换镜像 nrm use npm然后使用npm install来安装,问题居然解决了,感觉淘宝镜像安装依赖包有些未知的问题。..原创 2022-05-07 19:09:17 · 931 阅读 · 0 评论 -
vue-quill-editor 字体样式失效
最近使用vue-quill-editor,发现字体加粗、斜体、颜色都失效了,排查并没有样式冲突。后来发现是由于处理粘贴内容的时候,处理insert的时候把样式去除了clipboard: { // 粘贴版,处理粘贴时候带图片 matchers: [[Node.ELEMENT_NODE, this.handleCustomMatcher]],},handleCustomMatcher(node, Delta) { // 处理粘贴图片大小问题 let ops = []原创 2022-03-02 11:53:02 · 2347 阅读 · 0 评论 -
input输入框需要显示历史输入记录
input 设置属性 autocomplete= "on" 并且需要设置name值例如:<input name="mobile" autocomplete="on" placeholder="手机号"></input>原创 2021-11-30 15:09:34 · 7163 阅读 · 0 评论 -
uni-app 微信小程序热更新出现 Cannot read property ‘call‘ of undefined报错
原因是在manifest.json加上"optimization" : { "subPackages" : true}使用这个配置主要是包太大,加上这个分包的依赖只会打包到分包里,可以看到每个分包都有vendor.js,否则所有的依赖都打包到主包里面,主包的vendor过大但是又出现Cannot read property ‘call‘ of undefined报错,原因未知,有说是因为js和vue不在一起导致的所以,一般上线的包,可以用"optimization" : { "subPac.原创 2021-06-29 20:31:33 · 7284 阅读 · 2 评论 -
微信小程序富文本插件wxParser-plugin,图片出现缝隙的情况
场景:小程序使用wxParser-plugin插件,图片是1125*1965像素,然后某些手机(例如oppo)出现图片之间有缝隙的情况,查看代码,发现图片计算后的高度是838.4px,如果改成838px则没有缝隙问题解决方案:简单粗暴的解决方案是设置.wxParser-p类:margin-bottom: -1px !important;.wxParser-p {margin: 0 !important;font-size: 0 !important;margin-bottom: -1原创 2021-06-08 17:28:36 · 527 阅读 · 0 评论 -
css 选择不是第三列的元素
:not(:nth-child(3n)):not(:nth-child(3n)):not(:nth-child(3n))原创 2021-06-07 16:44:13 · 353 阅读 · 0 评论 -
文本超出显示省略号...,设置超出两行省略号换行不生效的问题。
1、超出1行显示省略号white-space:nowrap;/*规定段落中的文本不进行换行*/overflow:hidden;/*内容会被修剪,并且其余内容是不可见的。*/text-overflow:ellipsis;/*显示省略号来代表被修剪的文本*/2、显示2行显示省略号text-align: left;text-overflow: ellipsis;display: ...原创 2020-04-10 16:29:25 · 2028 阅读 · 0 评论 -
子元素设置width:100%,同时设置了margin:20rpx,这时候样式会有溢出的现象
问题:子元素设置width:100%,同时设置了margin:20rpx,这时候样式会有溢出的现象代码: .father{ height: 100px; width: 100px; background: green; } .child-1{ height: 100%; width: 100%; border-原创 2021-04-15 15:17:46 · 519 阅读 · 0 评论 -
微信小程序 富文本 换行问题 文本溢出使用省略号
》需求场景:由于有高亮的需求,所以选择用富文本的标签<rich-text>,同时还有个需求是希望展示两行,然后溢出的情况用省略号。》解决思路:在nodes节点里面包一层div,然后设置该div的样式为显示两行,溢出文本用省略号显示。》代码:html:<rich-text class="rich_text product-name" :nodes="item.productName | formatRich"></rich-text>js:fil原创 2021-04-04 09:48:58 · 1594 阅读 · 1 评论 -
短信发送活动页的短链打开app,app引流
》需求场景:运营部门想要发短信给用户,短信附带链接,客户打开链接跳到app相应的商品页面》一般唤起app使用scheme协议跳转,例如:[scheme]:XXXX如果在短链里面直接使用scheme跳转协议,这里有个问题,如果手机没有安装app的话,那么点击短链是没有反应的,最终选择的方案是:通过h5活动页,通过短链在浏览器打开活动页,如果用户安装了app,则唤起app,否则5秒后跳转到下载app的页面import uaHandle from '@@/ua.js'export def原创 2021-04-04 09:41:12 · 584 阅读 · 0 评论 -
mac 访问公司内网的域名服务,出现DNS_PROBE_FINISHED_NXDOMAIN
如图:原因:我是在vscode进行编辑hosts文件的,导致配置的host没生效解决方法:1.在终端打开hosts文件,sudo vi /etc/hosts,进行编辑和保存。2.不行的话,清一下dns缓存:sudo killall -HUP mDNSResponder,然后重启电脑...原创 2021-04-02 18:56:14 · 1764 阅读 · 0 评论 -
微信小程序 查看 webview 报错,打开webview调试器
微信开发者工具,在模拟器界面上,点击模拟区域任意地方,先左键点击一下,再右键点击一下,在模拟器左上角会出现一个“调试”的按钮。原创 2021-01-07 12:02:09 · 3031 阅读 · 1 评论 -
小程序 scroll-view里面用 slot 无效
最近开发小程序,想要封装一个包含scroll-view的组件,结果在scroll-view里面使用<slot>失效,页面渲染结果:slot内容并没有在scroll-view里面,而是和scroll-view同级,并且不能使用scroll-into-view。查看微信社区了解到scroll-view里面不能使用<slot>链接:https://developers.weixin.qq.com/community/develop/doc/0006ca373801c8a733d8.原创 2020-12-18 19:41:38 · 817 阅读 · 1 评论 -
uni-app 图片相对路径 在小程序和h5 不一致的问题
今天开发的过程中遇到图片相对路径 在小程序和h5 不一致的问题:例如在小程序中../../**.png,但是在h5中是../../../**.png当然可以条件编译,但是还有一种办法,就是用require引入图片例如:consttour=require('@/static/search-tour.png')然后<image :src="tour">...原创 2020-09-01 16:29:32 · 1839 阅读 · 0 评论 -
移动端开发——调试方法总结(Fiddler、vConsole.js、chrome://inspect/#devices)
1、Fiddler抓包PC端安装Fiddler,点击菜单栏Tools》Options》HTTPS(勾选下面选项,点击Actions,点击TrustRootCertificate)Connections查看端口(可自定义),勾选Allowremotecomputerstoconnect选项手机端配置(手机和电脑要在同一个局域网)ipconfig查看电脑ip地址这样就可以实现手机抓包,分析接口请求数据问题(注意:如果没成功,可以重启一下Fiddler,或者检查...原创 2020-07-30 11:22:28 · 676 阅读 · 0 评论 -
wepy开发遇到的问题(1、渲染延迟或者渲染不出来;2、传参出错)
1、渲染延迟或者渲染不出来:有可能是你没有加this.$apply()知识点:this.$apply()在wepy中:异步回调函数(promise/async&await)中如需更新数据并触发setData引起视图层更新,就要用this.$apply,method里面的方法是不用这个的,但methods里面只能放bindtap这类方法,所以你自己定义的其他方法,或者写在onshow里面,就必须得用this.$apply()...原创 2020-06-22 16:15:12 · 415 阅读 · 0 评论 -
【mpvue开发总结】1、引入插件 项目异常 2、数据缓存
最近接到小程序直播需求,引入直播插件的时候,项目出现异常,子组件渲染不出来解决办法:mpvue项目中引入插件,在$nextTick()通过ref调用子组件会报undefined,后来改用setTimeout,渲染正常,原理还待考究。...原创 2020-05-18 18:41:19 · 264 阅读 · 0 评论 -
vue2.0全局引入公共的less文件,不用每个vue手动引入
1、安装sass-resources-loader依赖npminstall sass-resources-loader --save2、找到build文件夹下面的utils.js文件var sassResourcesLoader = { loader: 'sass-resources-loader', options: { resources: [ path.resolve(__dirname, '../src/style/color.less').原创 2020-05-14 16:16:28 · 198 阅读 · 0 评论 -
报错:for..in loops iterate over the entire prototype chain, which is virtually never what you want.
for..in loops iterate over the entire prototype chain, which is virtually never what you want.意思是使用for..in会遍历整个原型链,这样不是很好的实现方法,推荐使用Object.keysformRules:{ name:true, cardType:true, certi...原创 2020-04-15 15:38:30 · 11339 阅读 · 2 评论 -
小程序 订阅消息 基础库版本和客户端版本判断函数 和 注意事项
低版本只能一次订阅一个模板消息,订阅多个模板会报错,下面代码为了兼容不同版本基础库和客户端(一次订阅一条模板消息还是多条模板消息)subscribeMessage(tmplIds, desc){ // return '' // console.log('-------订阅消息subscribeMessage------') try{ const sysInfo = w...原创 2020-04-07 15:30:04 · 416 阅读 · 0 评论 -
css first-child 和 first-of-type 的区别
p:first-child 表示p元素的父元素的第一个子元素p:first-of-type表示所有p元素的第一个p元素原创 2020-03-26 17:12:24 · 2280 阅读 · 0 评论 -
css 设置背景的时候有图片有背景色,容器又要随内容变化高度的情况。
有一个div容器:<div class="background-test"></div>场景:div容器的背景头部是一张图,其余的地方用背景色填充,这个div容器要随内容撑大,所以不能设置成position:absolute,直接像下面这样设置样式的话:background:url(*****) 颜色值;如果背景图是png格式,有些透明的地方就显示出来上...原创 2019-12-29 12:55:59 · 1155 阅读 · 0 评论 -
vue element-ui 界面有上下两部分table,拉动改变上下区域大小 关键代码
<template><!-- 上表格 --><el-table ref = "topTable"></el-table><!-- 拉动线 --><div class="lineDiv" v-if="detailData" style="background-color:#原创 2018-08-09 09:27:05 · 6737 阅读 · 0 评论 -
element-UI 点击一行,背景色变化
<el-table:data="data":row-class-name="tableRowClassName" //给这一行加类:row-style="selectedHighlight" //设置这一行的样式@row-click="rowClick" //单击时调用的函数></el-table><script>原创 2018-08-10 11:18:35 · 11905 阅读 · 4 评论 -
element-ui tree 更新子树数据
<el-treeref="tree"show-checkboxcheck-strictlylazyaccordionnode-key="id":load="loadNode":props="{isLeaf: 'leaf'}":expand-on-click-node="true":check-on-click-node="true"原创 2018-08-10 18:00:05 · 14986 阅读 · 3 评论 -
element-UI 一个表格有分页、序号、排序,使序号不因排序而变化
关键代码:<el-table-column fixed label="序号"width="50" align="center"><template scope="scope"><span>{{scope.$index+(pageNo - 1) * pageSize + 1}} </span><原创 2018-08-08 11:16:43 · 12782 阅读 · 5 评论 -
elment-UI el-table 有差异 高亮
<template><el-tableborder style="width: 100%;":data="list":row-style="Highlight"></el-table></template> <script>export default {me原创 2018-08-17 10:29:26 · 669 阅读 · 0 评论 -
【时间后退8小时】element el-date-picker 后退8小时的问题 和 new Date()后退8小时的问题
1、el-date-picker后退8小时的问题<el-date-pickerv-model="myForm['OVER_TIME']"style="width: 100%"type="datetime"placeholder="选择日期时间"></el-date-picker>选择8月1号00:00:00后取得值为2018-07-31T16:0...原创 2018-08-29 14:56:32 · 4745 阅读 · 0 评论 -
element-ui 时间选择加限制
组件里的代码(HTML代码 )添加限制:picker-options="pickerOptions0":<div> <span class="demonstration">起止时间:</span> <el-date-picker v-model="startTime"原创 2018-10-29 15:36:26 · 1229 阅读 · 2 评论 -
react 报错:TypeError: Cannot read property 'getFieldDecorator' of undefined
在class前添加 @Form.create() 即可@Form.create()class myComponent extends Component {}原创 2018-11-09 17:15:45 · 4077 阅读 · 0 评论 -
git 修改文件名注意事项
git 对 文件名大小写不敏感,所以当你只修改文件名大小写的时候,实际上会出现修改不生效的情况,解决方法:》复制此文件到其他地方备份,修改文件名称》删除项目中的此文件》提交代码》重新添加此文件到项目中》提交代码,搞定!...原创 2018-11-14 17:57:06 · 6572 阅读 · 0 评论 -
easyUI treeGrid 编辑网格
easyUI treeGrid 编辑网格的时候使用 beginEdit ,记的在表头单元 th 增加属性 editor='text'(text是类型,类似于input的类型,可以为numberbox、datebox等),否则会不出现编辑框的!...原创 2018-11-22 18:04:02 · 789 阅读 · 0 评论 -
React key值注意事项
最近项目使用map遍历生成表单的时候使用了随机数Math.random()作为key值,导致输入框输入一次就失去焦点了,很奇怪的现象,最终查阅网上资料,终于找到问题所在了:React key值要保证稳定且唯一,唯一是指在一数组生成的组件上唯一,稳定则要求不能使用随机生成函数,否则会出现不可预见的错误。 参考文章:https://segmentfault.com/a/1...转载 2018-11-23 14:42:33 · 888 阅读 · 0 评论 -
react报错: dispatch is not a function
react报错: dispatch is not a function,需要在类前添加@connect(() => ({}))import {connect} from 'dva'@connect(() => ({}))class Methods extends Component{}原创 2018-12-20 15:23:39 · 18937 阅读 · 2 评论 -
dva model里面的effects函数可以调用effects函数
在fetchIndCreate函数中调用refreshTree函数:effects: { *refreshTree({ payload }, { call, put }){ const datas = yield call(indTree, payload.basrsId); const { bizdata } = datas; yield pu...原创 2018-12-20 16:40:45 · 9879 阅读 · 4 评论 -
antd tree相关操作:selected要把子集也赋值给checkedKeys,右键 菜单操作
selected要把子集也赋值给checkedKeys,右键 菜单显示,隐藏右键菜单可以设置遮罩层,点击遮罩层隐藏// 左键函数:注意把selectedKeys下的子集也要赋给checkedKeysonSelect = (selectedKeys,e) => { const childrenKeys = e.node.getNodeChildren().map(item =&...原创 2018-12-28 14:24:03 · 7299 阅读 · 2 评论 -
react div 开始滚动 ,鼠标移上去停止滚动,鼠标离开继续滚动
react div 一开始滚动滚动条 ,鼠标移上去停止滚动,鼠标离开继续滚动关键代码:(1)<div className="bar-group-item-chart" ref={ node => this.contentNode1 = node }>(2)setInterval()、clearInterval()(3)addEventListener("mouse...原创 2019-01-28 16:11:35 · 2071 阅读 · 0 评论 -
iview tree 不可拖放,好在有render属性,可以自己写。
基于iview的树项拖放(代码还有很多可以完善的细节):render中添加拖放事件dragstart、dragover、dragend、drop<template> <div> <Tree :data="data5" :render="renderContent" ></Tree> </div>&原创 2019-02-17 17:11:27 · 3646 阅读 · 2 评论