我们在build项目的时候,js和css会自动生成.map文件,主要是用来让我们定位代码错误的,但是在生产的时候就不要了,不然这样可以通过chrome浏览器的sources看到我们的源码,这就不美丽了,解决办法: 一:直...
前端工具
react如何处理多个input取值
我们有这样的需求,页面中有很多input需要取值,如果数量少的话,可以一个一个的定义,但是如果数据多起来的话一个一个的处理显得太傻了,并且工作量会很多,网上查了一下,可以这样来统一处理我们的input。 ...
react中单选radio、多选checkbox的实现及图片类型的单选和多选
react的单选和多选跟vue的还是有点区别,vue用v-modle可以实现双向绑定,但是react是单向数据流,所以需要用onChange事件来解决。 先看一张图: 一:单选 import React,{Component} from 'react'; ...
react中box-orient不起作用
今天在处理梁汉文之省略号的时候,遇到一个问题, -webkit-box-orient: vertical 不起作用了 overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:...
dva中统一处理Model
dva中统一处理一下model引入的问题,这样就不用每一次一个一个的导入Model了。 index.js require('./models').default.forEach(key => { app.model(key.default); }); //之前的方式 // app.model(requi...
react16.6 contextType属性
React 16.6引入了在不直接使用Consumer组件的情况下从上下文消费数据的功能。这有助于减少组件JSX中不必要的嵌套,使它们更易于阅读。 使用:static contextType class MyButton extends React.Component...
react组件中返回并列元素的方法
我们在写react组件的时候,经常会遇到这种问题,在render中return元素只能有一个顶级元素,比如div,假如写成这样就会报错: render(){ return( <div>123</div> <div>456</di...
react上拉加载下拉刷新
2019-06-01更新: 上次说了由于懒,所以就直接用了jq,然后其实在工作中实战的时候还是有其他问题的,优化问题优化的恶心(其实是上次留下的坑太多了)所以抽了周末把这个功能根据官方的示例重新写了一下,并...
react redux异步方法总结
redux异步的方法有很多,常用的也就那几种: redux-thunk,redux-actions,redux-promise,redux-saga ,dva 1:redux-thunk https://github.com/reduxjs/redux-thunk 安装:yarn add redux-thunk i...
dva报错ReferenceError: regeneratorRuntime is not defined
dva使用异步方法effects,一直报错ReferenceError: regeneratorRuntime is not defined effects:{ *asyncAdd(action,{ put,call }){ yield call(delay,1000); yield ...