祁沐白神-优快云博客

原创使用react-dnd做一个拖拽排序

有些需求要求排序，拖拽排序无疑是一个很好的交互首先引入react-dndimport React from 'react'import {DragSource, DropTarget} from 'react-dnd'效果图使用cosnt pic_arr = [] // 需要渲染的数组，自己定义！...{ _.map(pic_arr, (item, index) => { const prop = { move: this.moveRow

2020-08-04 19:19:09 1972

原创 iview样式覆盖

使用 /deep/，以取消table边框为例： .ivu-table-wrapper /deep/ .ivu-table:after { width: 0; } .ivu-table-wrapper /deep/ .ivu-table:before { height: 0; }

2020-07-16 17:29:31 1236

原创 vs code，react代码自动补全

在设置里添加以下代码即可"emmet.includeLanguages": { "javascript": "javascriptreact" }

2020-06-30 19:10:00 816

原创 react+antd，简单实现接口请求loading效果

发送请求时showLoading(), 请求失败hideLoading()// 当前正在请求的数量let requestCount = 0// 显示loadingfunction showLoading () { if (requestCount === 0) { var dom = document.createElement('div') dom.setAttribute('id', 'loading') document.body.appendChil

2020-06-17 17:04:09 6971

原创 git stash 覆盖上次的暂存时怎么办

莫慌！git stash list 可以查看暂存的列表git stash pop + “stash@{x}” 想要那次就拉那次的就可以了git stash扩展：git stash 会将当前本地的修改保存到本地git stash list 查看当前stash的记录git stash pop 取出stash，并删除记录，默认是最近一次git stash pop + “stash@...

2019-07-26 14:15:20 2314

转载 git rebase 找回丢失的代码！

git rebase处理冲突过程中可以使用 git rebase --abort，但是我碰到的情况是已经rebase完成，生成了新的log，然后我才发现有几个文件被冲掉了，而且我还没push到远程库。两天的工作量miss，慌得一批。git log 命令可以显示所有提交过的版本信息，但是rebase已经生成了新的log，丢失的文件并不能找到。git reflog 可以查看所有分支的所有操作记...

2019-07-23 13:47:32 4714 2

原创 ant design中upload组件上传大文件，显示进度条进度条

Upload组件是自带上传进度，但是样式调起来很麻烦，我们要做的就是自定义一个首先页面要引入组件 Upload， ProgressuploadAttachmentsProps = { action: `/api/upload`, showUploadList: false, // 这里关闭自带的列表 beforeUpload: (info) => { /* 上传前的钩子，可以用来...

2019-06-06 15:34:43 18128 2

原创 url传参，参数提取

export const parseUrlSearchToJson = () => { const params = {} const query = window.location.href.split('?') if (query.length > 1) { const buf = query[1].split('&') for (let i ...

2019-01-29 16:14:05 474

原创 React将Modal中组件销毁

将组件放到Modal组件中进行弹框显示，可是只有在Modal第一次显示时，才会执行子组件的componentDidMount（组件生命周期中只执行一次），获取数据的方法写在了componentDidMount中，这就导致数据发生变化后，弹窗里的数据并没有发生更改。方法一：使用变量控制，关闭Modal时将变量this.setState({ SortingModal: false}), 简单粗暴...

2019-01-29 15:55:12 2878 1

原创 swiper自动初始化

swiper 如果是嵌在Table切换中的，display： none 会销毁实例，只需要加上这两行就OK了 observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper...

2019-01-16 13:33:55 10042 2

原创 iview中Cascader组件的坑

1. Cascader 数据格式要求只认识这种结构的，所以拿到数据要处理下2. change-on-select 任意选择v-modal 要绑成 [1, 3]如果不使用change-on-select， [1] 是渲染不了的。3. on-change 事件，很傻on-change有两个默认值，但是我们想自己插值的话，这两个默认值就没了比如：使用了v-for循环要插入inde...

2019-01-15 16:18:51 13059

原创 upload, 图片上传，上传七牛为例

要达到的目的：上传一张图片返回图片urlhtml5自带图片上传，使用input的filehtml内容： &lt;input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg"&gt;

2019-01-03 16:06:33 695

原创使用vscode开发vue项目,iview中<Col></Col>标签报错

这种报错很烦人示例：解决方法：这是vetur中eslint的问题，在vscode菜单中，文件->首选项->设置，找到 “vetur.validation.template”: true 将其改为false，就可关闭eslint的检查，错误消失。之后重启下就ok了...

2019-01-03 15:34:43 2170

qq_40313245的博客