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

2020-02-16 标签:create,react,app,使用,antd,按需,加载,样式,无效,问题,解决,给出,解决方案,安装,babel,plugin,import

官网给出的按需加载解决方案，先安装 babel-plugin-import因为antd默认引入样式是less，所以需要手动配置为CSS，配置方法如下：第一种方法：在package.json中配置，这种方法成功的前提是webpack里query下配置babelrc：true， 这样就会使用babelr

2020-02-16 标签:详解,react,refetch,使用,例子,简化,api,获取,数据,代码,const,list,data,gists,return,ul,map,gist,li,key

使用react-refetch来简化api获取数据的代码const List = ({data: gists}) => {return ({gists.map(gist => ({gist.description}))})}const withData = url => Part

2020-02-16 标签:vue,js,实现,表格,合并,示例,代码,前言,由于,使用,的是,想到,mvvm,是要,数据,驱动,思想,考虑,model,手脚

前言由于使用的是vue，想到MVVM是要用数据驱动的思想，所以考虑在Model做手脚，而不是渲染出数据来后做DOM操作，当然基本的CSS还是要有的。因此这个方法对所有数据驱动的框架都有效，比如说Angular和React。最后的实现效果是这样的：实现思路原本的正常表格的代码长这样：{{ $index

2020-02-16 标签:使用,vue,js,创建,一个时间,跟踪,应用,很简单,正因为如此,简单,人们,常常,认为,适合于,小项,真正的,核心

Vue.js很简单。正因为如此简单，人们常常认为其适合于小项目。虽然真正的Vue.js核心知识只是一个视图层库，实际上有一组工具，将使您能够使用Vue.js构建完整的大规模SPA（单页应用程序）。SPA应用可以在不完全重新加载网页，产生一个更流畅的用户体验到的用户交互响应。还有好的副作用，SPA还鼓

2020-02-16 标签:vue,固定,点击,表头,排序,表格,组件,原理,table,指定,clone,一份,放在,实现,代码,如下,template

原理是将原table的指定行，指定列clone一份放在其上实现代码如下： {{item}} /*eslint-disable*/ var ofixed_table_st = window.setTimeout; var hasLeft = ''; var hasHea