- 博客(13)
- 收藏
- 关注
原创 使用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
1863
原创 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
1185
原创 vs code,react代码自动补全
在设置里添加以下代码即可"emmet.includeLanguages": { "javascript": "javascriptreact" }
2020-06-30 19:10:00
772
原创 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
6815
原创 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
2149
转载 git rebase 找回丢失的代码!
git rebase处理冲突过程中可以使用 git rebase --abort,但是我碰到的情况是已经rebase完成,生成了新的log,然后我才发现有几个文件被冲掉了,而且我还没push到远程库。 两天的工作量miss,慌得一批。git log 命令可以显示所有提交过的版本信息, 但是rebase已经生成了新的log,丢失的文件并不能找到。git reflog 可以查看所有分支的所有操作记...
2019-07-23 13:47:32
4388
2
原创 ant design中upload组件上传大文件,显示进度条进度条
Upload组件是自带上传进度,但是样式调起来很麻烦,我们要做的就是自定义一个首先页面要引入组件 Upload, ProgressuploadAttachmentsProps = { action: `/api/upload`, showUploadList: false, // 这里关闭自带的列表 beforeUpload: (info) => { /* 上传前的钩子,可以用来...
2019-06-06 15:34:43
17673
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
450
原创 React将Modal中组件销毁
将组件放到Modal组件中进行弹框显示,可是只有在Modal第一次显示时,才会执行子组件的componentDidMount(组件生命周期中只执行一次),获取数据的方法写在了componentDidMount中,这就导致数据发生变化后,弹窗里的数据并没有发生更改。方法一:使用变量控制,关闭Modal时将变量this.setState({ SortingModal: false}), 简单粗暴...
2019-01-29 15:55:12
2771
1
原创 swiper自动初始化
swiper 如果是嵌在Table切换中的,display: none 会销毁实例,只需要加上这两行就OK了 observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper...
2019-01-16 13:33:55
9869
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
12968
原创 upload, 图片上传,上传七牛为例
要达到的目的:上传一张图片返回图片urlhtml5自带图片上传,使用input的filehtml内容: <input type="file" id="test-image-file" name="test" accept="image/gif, image/jpeg, image/png, image/jpg">
2019-01-03 16:06:33
639
原创 使用vscode开发vue项目,iview中<Col></Col>标签报错
这种报错很烦人示例:解决方法:这是vetur中eslint的问题,在vscode菜单中,文件->首选项->设置,找到 “vetur.validation.template”: true 将其改为false,就可关闭eslint的检查,错误消失。之后重启下就ok了...
2019-01-03 15:34:43
2137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人