2020-02-16 标签:创建,react,component,几种,方式,前言,当我,谈起,多半会,注意力,集中,组件,之上,思考,如何,页面,划分,一个个

前言当我们谈起React的时候，多半会将注意力集中在组件之上，思考如何将页面划分成一个个组件，以及如何编写可复用的组件。但对于接触React不久，还没有真正用它做一个完整项目的人来说，理解如何创建一个组件也并不那么简单。在最开始的时候我以为创建组件只需要调用createClass这个api就可以了；

2020-02-16 标签:react,中使,外部,样式,方式,小结,关于,css,js,认识,使用,编写,处理,方案,它的,实现,比如

一、关于css-in-js的认识1、css-in-js是一种使用 js 编写 css 样式的 css 处理方案。它的实现方案有很多，比如styled-components、polished、glamorous(paypal 开源的，不再维护)、radium、emotion等等。2、其中最成熟的便是s

2020-02-16 标签:react,组件,值的,三种,方法,整理,方式,通过,props,class,children,extends,component,constructor,super,render

整理 react 组件传值 三种方式父组件向子组件传值（通过props传值）子组件：class Children extends Component{constructor(props){super(props);}render(){return(这是：{this.props.name} // 这是

2020-02-16 标签:react,优化,组件,render,使用,重新,引发,情况下,这样做,多余,比如,并未,传递,props,渲染,结果,不变

在react中，父组件的重新render会引发子组件的重新render，但是一些情况下我们会觉得这样做有些多余，比如：父组件并未传递props给子组件新传递的props渲染结果不变class A extends React.Component {render() {console.log('rend

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

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

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

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

2020-02-16 标签:探索,vue,js,component,内容,实现,现在,系统,地学,参考,官方,文档,构建,数据,驱动,web,界面,目标

现在来系统地学习一下Vue（参考vue.js官方文档）:Vue.js是一个构建数据驱动的web界面的库，其目标是实现响应的数据绑定和组合的试图组件。Vue.js拥抱数据驱动的视图概念，这意味着我们能在普通的HTML模板中使用特殊的用法将DOM“绑定”到底层数据。一旦创建了绑定，DOM将于数据保持同步

2020-02-16 标签:js,框架,vue,深入,组件,单独,原文,描述,component,最强,大的,功能,之一,扩展,html,元素,封装,重用,代码

这个要单独写，原文是这么描述vue的组件的：组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。

2020-02-16 标签:vue,js,表格,组件,开发,实例,详解,前言,component,最强,大的,功能,之一,扩展,html,元素,封装,重用,代码,较高

前言组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。组件开发的基础组件可以扩展 HTML 元

2020-02-16 标签:webpack,vue,js,实现,组件,详解,简介,化用,特有的,文件,格式,每一个,html,css,全部,写入,配置,loader,就可以

简介在vue中实现组件化用到了vue特有的文件格式.vue，在每一个.vue文件就是一个组件，在组件中我们将html，css，js全部写入，然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件夹，并在其中建立app.vue文件，这样我们项目