概述

React是由Facebook主导开发的JavaScript框架，和之前流行过的MVVM框架例如Angular不同，Reac只专注MVC中的V（视图层），优点在于轻、块、并且组件化的思想在构建开发用户界面时有很大的帮助。React规范化的代码风格，能减少每个开发者开发出来的代码风格的差异，在团队协作中益处显著。

前置知识

• JavaScript基础（变量／对象／函数）
• ES6 基础
• 熟悉 HTML
• 基本掌握 CSS

参考文档

• react官网
  Read more »

自适应椭圆

圆

1
2
3
4
5

display: inline-block;
height: 200px;
width: 200px;
background: #fff;
border-radius: 50%;

半透明边框

1
2
3
4
5
6

display: inline-block;
height: 200px;
width: 200px;
background: #fff;
border:10px solid hsla(0,0%,100%,.5);
background-clip: padding-box;

概览

核心

Reactive Components for Modern web interfaces.
数据驱动的组件，为现代化的web界面而生。

定义

一般情况下，当且仅当执行脚本的页面使用相同的协议（通常都是 http）、相同的端口（http默认使用80端口）和相同的 host（两个页面的 document.domain 的值相同）时，才允许不同页面上的脚本互相访问。只要协议、域名、端口有任何一个不通，都被当做为不同域。JavaScript跨域指通过JS在不同域之间进行数据传输或通讯。