create-react-app使用antd按需加载的样式无效问题的解决
官网给出的按需加载解决方案,先安装 babel-plugin-import因为antd默认引入样式是less,所以需要手动配置为CSS,配置方法如下:第一种方法:在package.json中配置,这种方法成功的前提是webpack里query下配置babelrc:true, 这样就会使用babelr
官网给出的按需加载解决方案,先安装 babel-plugin-import因为antd默认引入样式是less,所以需要手动配置为CSS,配置方法如下:第一种方法:在package.json中配置,这种方法成功的前提是webpack里query下配置babelrc:true, 这样就会使用babelr
业务需求,需要在系统登陆的时候,使用“滑动图片验证码”,来验证操作的不是机器人。效果图使用方式在一般的页面组件引用即可。onReload这个函数一般是用来请求后台图片的。class App extends Component {state = {url: ""}componentDidMount()
写在前面React在16.8版本正式发布了Hooks。关注了很久,最近正好有一个小需求,赶紧来试一下。需求描述需求很简单,部门内部的一个数据查询小工具。大致长成下面这样:用户首次访问页面,会拉取数据展示。输入筛选条件,点击查询后,会再次拉取数据在前端展示。需求实现使用React Class Comp
背景公司的前端项目部署方式比较简单,整个过程基本上是手动的;目标通过工具实现以下几个任务:编译、部署自动化;选择指定版本进行回滚;区分不同的分支(环境);技术方案选用 jenkins 作为部署工具;也便于后续 CI 的接入;使用 docker 进行编译,确保每次编译的环境的稳定;步骤步骤一:搭建 J
一开始想学学服务端渲染,脑海中第一个浮现出来的就是next.js这种成熟的方案。看了一两天,有趣,优雅,但是封装好了,原理不甚清楚,也感觉无法灵活嵌合到老项目上去。于是看各种资料,想整理出同构的线索,一步一步地实现自己的同构模板。相关代码可查看我的GitHub。感谢阅读!!TODO List数据:如
之前也是写过一篇关于Redux的文章,来简单理解一下Redux,以及该如何使用。今天我就来分享一个也是入门级别的,React+Redux+antd来实现简单的待办事件。同时也讲讲自己对Redux的理解。先来看一张图吧:我们简单的比喻来让我们更加好的理解Redux,我们这样比喻(图书馆借书):1.Re
最近接手一个React项目,在IE下碰到了俩问题IE11报错如下:跟踪一下之后,发现是一些其他的npm包里面用到了startsWith这个方法,可以自己polyfill一下:if (!String.prototype.startsWith) {String.prototype.startsWith
Android创建原生模块包通过继承 ReactPackage 为你的原生模块包创建 Java 类,可以这么写:覆盖 createNativeModules 和 createViewManagers 方法public class MyNativePackage implements ReactPac
使用react-refetch来简化api获取数据的代码const List = ({data: gists}) => {return ({gists.map(gist => ({gist.description}))})}const withData = url => Part
vue-meta-info 官方地址: monkeyWangs/vue-meta-info(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合)单页面应用在前端正大放光彩。三大框架 Angular、Vue、React,可谓妇