摘要:
将GitHub仓库Test弄到本地 本地新建文件夹Test 右击运行gitbash 在gitbash中输入git init 在github 仓库选择clone or download 复制链接https://github.com/xxx/xxx.git 在gitbash中输入git clone ht 阅读全文
摘要:
简介 普通的UI应用生命周期一般包括Birth, Growth, Death, React中Component的生命周期也是如此,这是一个持续的过程,贯穿整个应用的生命历程。 阶段 1.mounting(birth) 启动和初始化组件的时候,在这个阶段,会发生如下事情: 定义和配置props和sta 阅读全文
摘要:
rops理解: 大多数组件都可以在创建的时候被不同的参数定制化,这些不同的参数就叫做props.props的流向是父组件到子组件。 子组件Comment,是一条评论组件,父组件CommentList,展示了所有的评论内容,父组件在使用子组件的时候也就是<Comment />时候,不仅仅想使用一个普通 阅读全文
摘要:
JSX使用 一、为什么使用JSX?React的核心机制之一就是虚拟DOM:可以在内存中创建的虚拟DOM元素。但是用js创建虚拟dom可读性差,于是创建了JSX,继续使用HTML代码创建dom,增加可读性 二、如何使用JSX?JSX变量:用{ }包括起来,如 JSX表达式:用{ }包括起来JSX事件: 阅读全文
摘要:
React介绍: React是一个库而不是一个MVC框架,因为React只负责解决MVC框架中V(View)层面的问题,React致力于创建可重用的UI组件。(React is a library for building composable user interfaces. It encoura 阅读全文
摘要:
relative/static: 包含块为最近的块级框,表单元格或行内块祖先框的内容边界构成 absolute: 包含块为最近的最近的、position不是static的祖先元素 fixed: 包含块为视窗,结合top | left | right | bottom,left等初始值为auto,不同 阅读全文
摘要:
实现关键: 1.纯css实现心形图(如果使用图片则无需) html代码: 添加基本css: 实现爱心图1: 实现爱心图2,左半部份逆时针45度,右边顺时针45度 2.心跳动画 运行结果:http://output.jsbin.com/nihizox 阅读全文
摘要:
原始(未居中): Solution 1: 给absolute元素的left设为50%, margin-left设为absolute元素宽度一半的负数 Solution 2: 原理和1相似,设left:50%,但使用css3的transform:translate(x,y); Solution 3: 阅读全文
摘要:
安装nvm,并通过nvm安装nodejs 阅读全文
摘要:
初级版本: 输入框可检索,空格检索忽略 radio点击后会过滤 最后的两个输入框可根据age范围检索过滤 三个单独的功能,不能协同工作 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewpor 阅读全文