- 博客(13)
- 收藏
- 关注
RSS订阅原创 谷歌浏览器查看web元素绑定的事件及源码位置
F12进入调试控制台找到对应的元素并处于选中状态在控制台右边选择时间监听的选项卡(Event Listen)展开来的就是对应的事件了比如说点击进入这个时间对应的代码位置就进入到了源码和项目代码的界面代码中标红的是定位到的函数位置右键点击函数名,选择在侧边栏显示位置然后就会显示到你项目的位置(很有可能是在node_modules中,所以使用编...
2020-01-17 11:54:12
2054
原创 umi项目创建
安装yarn(推荐使用,(提示权限不够请使用sudo指令))npm install -g yarn# 安装完成后，使用命令查看是否安装成功yarn -v# 使用yarn安装umiyarn global add umi# 安装完成后，使用命令查看是否安装成功umi -vnpm安装umi(提示权限不够请使用sudo指令)npm install -g umi使用umi快速搭...
2020-01-16 14:56:35
2921
原创 input上传文件限定上传类型
在使用<input type="file" />这个标签来上传文件的时候指定上传文件类型关键: 使用accept属性比如: <input className={styles.fileEle} onChange={this.onImportExcel} type="file" accept=".xls, .xlsx" />注意: 指定多种类型的话, 中间使用,分隔下面...
2020-01-16 12:24:10
1104
原创 如何查看项目的git仓库位置,添加和删除远程仓库
查看项目git仓库信息注意: 由于是隐藏文件,所以windows的资源管理器和mac的访达正常情况下是看不到的进入项目根目录(一定要是根目录, 不能是子目录)进入到.git目录查看config文件信息[core]repositoryformatversion = 0filemode = falsebare = falselogallrefupdates = truesyml...
2020-01-16 11:56:49
2195
原创 antd表格筛选功能(排序功能同理)
表格的columns配置添加this.state中添加在render方法中解构出filteredInfo, 并赋初始值编写要用到的3个方法
2020-01-15 21:57:24
2707
原创 antd中表单校验正则使用方式
类组件的结构(最外层需要先包裹一层语法糖)const PersonManagement = Form.create()( class extends React.Component{} ) epxort default PersonManagement从form中解构出需要的一些方法const { getFieldDecorator } = this.props.form...
2020-01-15 11:31:41
6245
原创 react的img标签路径使用方式
使用import导入import imgURL from './../images/photo.png';<img src={imgURL } />使用require导入(require里面只能写字符串, 不能写变量)<img src={require('./../images/photo.png')} />...
2020-01-15 11:24:41
2858
原创 使用react的使用this.props.history.push()报错
使用react进行js方法进行路由跳转的时候,我一个组件要跳转到另外一个路由,但是使用this.props.history.push(“路径名”)的时候给我报错,从别的页面跳转回这里也没问题,去打印this.props是一个form对象,打印this.props.history的时候是undefined,说明父组件并没有传递一个history过来解决方法: 到父组件中传递一个this.props...
2020-01-15 11:22:20
3793
原创 使用umi中碰到的一些小问题/技巧
页面路由跳转传参// 传递参数<Link to={{pathname:`/breakpromise-manager/${record.id}/detail`,state:{typeId:record.orgType}}}>{text}</Link>// 页面接收参数let orgType = this.props.location.state.typeId;使用...
2020-01-09 22:35:56
8678
1
原创 使用typescript报错只读类型上不存在属性xxx
在react项目中引入了typescript,当你要读取this.state里面的属性的时候比如:<Input placeholder="请输入企业名称" value={this.state.bussinessName} onChange={(e) => this.inputOnChange('bussinessName', e.target.value)}/>...
2020-01-09 12:26:14
19233
原创 vue中响应式布局将字体大小改成自适应
在app.vue的生命周期函数中添加一段代码来设置页面的rem mounted: function() { // 页面开始加载时修改font-size var html = document.getElementsByTagName("html")[0]; var oWidth = document.body.clientWidth || document.docu...
2020-01-06 11:59:06
10326
原创 使用手机查看vue项目
将项目进行打包npm run build打包后找到项目根目录下config目录下的index.js文件将原来localhost替换成0.0.0.0查看本机ipwindows使用cmd进入控制台,输入ipconfig即可查看mac打开终端输入nslookup localhost即可查看将浏览器地址栏的url的0.0.0.0替换成你的本机ip然后复制这个url使用草料二维码生成二维...
2020-01-03 19:11:33
546
原创 在vue中引入bootstrap
起因:今天, 一套开发好了的pc端项目, 想让我改成兼容移动端的, 我在考虑使用bootstrap的栅格布局来达到目的过程引入juery$ npm install jquery --save-dev在webpack.config.js 添加内容(不知道这个文件在哪的, 直接进行全局搜索) // 这里带加号的两段代码是用来添加的, 中间那段代码是用来确定位置的 + const...
2020-01-02 10:06:27
415
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人