2020-02-16 标签:详解,react,项目,如何,修改,打包,地址,编译,输出,文件,好吧,笔者,后端,开发,以前,c,s,出身,毫无,web

好吧，笔者是一个后端开发。以前是做C/S项目出身，毫无Web前端基础，为了更好地理解Web开发，去年开始尝试使用公司使用的前端框架React来搭建团队内部使用的系统。通过这个项目的开发，也让我更好地理解了前端同事的不容易，更加坚定了写好接口文档的决心。最近在把自己做的这个内部系统迁移到公司的统一平台

2020-02-16 标签:详解,react,项目,安装,使用,less,用法,总结,配置,app,rewired,rewire,babel,plugin,import,插件,执行命令,n,pm

less的安装配置安装react-app-rewired，react-app-rewire-less，babel-plugin-import插件执行命令：npm install react-app-rewired --save-devnpm install react-app-rewire-less

2020-02-16 标签:详解,react,项目,碰到,ie,问题,最近,接手,11,报错,如下,跟踪,发现,其他的,n,pm,里面,用到

最近接手一个React项目，在IE下碰到了俩问题IE11报错如下：跟踪一下之后，发现是一些其他的npm包里面用到了startsWith这个方法，可以自己polyfill一下：if (!String.prototype.startsWith) {String.prototype.startsWith

2020-02-16 标签:react,antd,redux,实现,待办,事件,方法,之前,写过,一篇,关于,文章,简单,理解,以及,如何,使用,今天,我就,分享

之前也是写过一篇关于Redux的文章，来简单理解一下Redux,以及该如何使用。今天我就来分享一个也是入门级别的，React+Redux+antd来实现简单的待办事件。同时也讲讲自己对Redux的理解。先来看一张图吧：我们简单的比喻来让我们更加好的理解Redux，我们这样比喻(图书馆借书)：1.Re

2020-02-16 标签:react,同构,实践,之实,自己的,模板,一开始,想学,服务端,渲染,脑海中,第一个,浮现,出来,n,ext,js,成熟的

一开始想学学服务端渲染，脑海中第一个浮现出来的就是next.js这种成熟的方案。看了一两天，有趣，优雅，但是封装好了，原理不甚清楚，也感觉无法灵活嵌合到老项目上去。于是看各种资料，想整理出同构的线索，一步一步地实现自己的同构模板。相关代码可查看我的GitHub。感谢阅读！！TODO List数据：如

2020-02-16 标签:react,项目,如何,使用,iconfont,方法,步骤,通常会,作为,图标,显示,解决方案,介绍,配置,准备工作,首先,关键,需要,注意,fontclass

项目中通常会使用iconfont作为图标显示的解决方案，这里介绍下如何在项目中配置。准备工作首先配置好项目，关键需要注意FontClass/Symbol 前缀和Font Family两个配置。当我们配置好项目之后，就可以导出样式文件，复制如下图中的css链接中的内容备用。正餐开始创建Icon.js文

2020-02-16 标签:记录,完整,react,hooks,实践,写在,前面,16,版本,正式,发布,关注,很久,最近,正好有,需求,赶紧,来试,描述

写在前面React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。需求描述需求很简单，部门内部的一个数据查询小工具。大致长成下面这样：用户首次访问页面，会拉取数据展示。输入筛选条件，点击查询后，会再次拉取数据在前端展示。需求实现使用React Class Comp

2020-02-16 标签:使用,jenkins,部署,react,项目,方法,步骤,背景,公司,前端,方式,比较简单,整个,过程,基本上,手动,目标,通过,工具,实现

背景公司的前端项目部署方式比较简单，整个过程基本上是手动的；目标通过工具实现以下几个任务：编译、部署自动化；选择指定版本进行回滚；区分不同的分支（环境）；技术方案选用 jenkins 作为部署工具；也便于后续 CI 的接入；使用 docker 进行编译，确保每次编译的环境的稳定；步骤步骤一：搭建 J

2020-02-16 标签:react,滑动,图片,验证,组件,示例,代码,业务,需求,需要,系统,登陆,使用,操作,机器人,效果,方式,一般

业务需求，需要在系统登陆的时候，使用“滑动图片验证码”，来验证操作的不是机器人。效果图使用方式在一般的页面组件引用即可。onReload这个函数一般是用来请求后台图片的。class App extends Component {state = {url: ""}componentDidMount()

2020-02-16 标签:react,n,ative,原生,模块,接的,简单说,小结,android,创建,通过,继承,为你,java,覆盖

Android创建原生模块包通过继承 ReactPackage 为你的原生模块包创建 Java 类，可以这么写：覆盖 createNativeModules 和 createViewManagers 方法public class MyNativePackage implements ReactPac