06 2022 档案
摘要：前言：最近百度的服务器搞活动，挺便宜的，之前用过阿里云的，后来过期了而续费贼贵，打算再白嫖一下别的厂商。本来看好腾讯云的3年新用户1千块钱的那个，但是后来刷到了百度的，2年才一百五，划算得一批。 注：我买的是百度云轻量应用服务器，其次镜像选择的是Centos的最新版本。 2024年2月份新购腾讯云服
阅读全文
摘要：前言：css的nth-child选择器可以选择一个范围来设置样式，比如2n-1就是匹配所有奇数，3n匹配所有3的倍数等等。
阅读全文
摘要：前言：vue+iview项目业务中出现弹出modal，点击modal中按钮显示图片，图片被modal挡住的情况。 显示图片的组件叫v-viewer，打开控制台可以看到modal的默认层级为1000-2200不等，v-viewer的层级为2015。 至于为什么iview的modal的层级为什么会忽高忽
阅读全文
摘要：前言：项目中的a标签的href值为javascript:;，这在react编译中报错中，在vue中没有报错，具体报错信息如下： Warning: A future version of React will block javascript: URLs as a security precautio
阅读全文
摘要：前言：报错如题↑↑，点击上传图片，监听组件upload并把成功上传的图片赋值给变量。 组件代码： <Upload multiple={true} action={} data={} name="image" fileList={fileList} accept="image/gif, image/j
阅读全文
摘要：报错如下： must set key for ＜rc-animate＞ children 翻译：必须为＜rc animate＞子级设置关键帧 意思：传递给upload组件的数据必须包含key，而我传递的只有图片地址。只需添加一个uid字段即可。 注：uid这个值是antd的upload组件声明需要的
阅读全文
摘要：前言：在开发中常常遇到需要一个元素控制多个样式的业务，如果用的是vue框架，直接:style或者:class即可，而react的写法则相对晦涩，较前者复杂，例子如下： // style // 静态写法 style={{ display: none }} // 动态写法 单个样式 给判断条件this.
阅读全文
摘要：<View style={[styles.items, styles.bg1]}> <Text>翻译</Text> </View> 如上所述，类名：items和bg1需要以数组形式展示
阅读全文
摘要：前言：写了一个select和button，想要点击button清除select选中的值。 官网提供了一个方法：clearSingleSelect。该方法需要配合clearable使用，如下： <Select ref="selectbox" clearable> // ... </Select> me
阅读全文
摘要：这个问题以前遇到过，之前应该也有记录，现在重新记录一遍。 解决方案：后端接口代码用排除法去一步步打印，直至确认位置在哪。 排查结果：后端连接的数据库不正确，数据库连错了，更换即可。
阅读全文
摘要：前言：业务需要批量导入数据，在导入前把数据展示出来做个预览，这里写的就是这预览部分。 需要一些依赖：npm install -S file-saver xlsx 在main.js引入： import XLSX from 'xlsx' Vue.prototype.XLSX = XLSX 注：我在网上看
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA
阅读全文
摘要：前言：一定要跟着官方文档走，否者硬邦邦地去修改全局样式显然是有些不太优雅。 我要修改的是表格行的背景颜色，直接上代码： 在table里面加上一行控制行样式的代码（注意一定要用变量，我尝试过使用写死的样式名是没有效果的，反而会显示异常）： :row-class-name="rowClassName"
阅读全文
摘要：前言：wepy小程序的点击事件无效。 原因（大多数情况）： 1.事件名写法有误或压根就没有这事件； 2.事件没有放在method里面； 3.勾选了【将 JS 编译成 ES5】； 4.调试基础库过高或过低； 网络上大多数解决方案是这样的： 1.检验事件名是否规范； 2.把事件写入method里面； 3
阅读全文
摘要：前言：小程序+wepy框架。 使用wepy.canvasToTempFilePath()绘图，canvas生成的是本地图片缓存，不是网络路径。 报错：errMsg: "canvasToTempFilePath:fail :create bitmap failed" 原因：canvasToTempFi
阅读全文
摘要：前言：如题。 解决方案：upload组件里的onChange方法写法是： onChange={this.handleChange} 这个写法本来行得通，但是我复制了一份这个组件的写法去做第二个上传图片功能的业务时，能上传成功图片，但是在返回给变量（图片路径，比如fileList）赋值时拿到了一个un
阅读全文
摘要：前言：antd的select组件的defaultValue属性不生效。 解决方案： 如果你的select是用form包裹住的，那么请看下面： <Form layout="inline"> <Form.Item label="商品状态"> {getFieldDecorator('status', {
阅读全文
摘要：前言：做一个购物车页面，底部有个结算栏，这个结算栏的要求是当页面出现滚动条，无法一页展示全部内容时固定显示结算栏，否则反之（具体可参照京东的购物车）。 我这个是antd+react搭建的管理后台，那么我们需要两个代码块就可以实现： componentDidMount() { window.addEv
阅读全文
摘要：代码: componentDidMount() { window.addEventListener('scroll', this.handleScroll); } handleScroll = (e) => { console.log(e); } 解决方案: window.addEventListe
阅读全文
摘要：简言：antd的checkbox通过变量控制默认值defaultValue，无法改变初始化后的默认值（就比如说你打开个弹框，里面有个checkbox，首打开时能选中，再次打开还是选中，无论变量怎么改变都是显示选中或者不选中状态。） 解决方案：自己写一个checkbox吧！又不是很难！！ 原因：thi
阅读全文
摘要：报错：xxx is not a function 原因：xxx方法写在了methods里面，this调用不了methods内的函数。 解决方案：把xxx方法写在methods外面即可。
阅读全文
摘要：const query = wx.createSelectorQuery(); query.select('.box').boundingClientRect(); query.exec( (rect) => { console.log(rect) }); 注：如果返回一个null或者是[null]
阅读全文
