2017年05月_酷jjs

转载如何查看github的html页面显示效果

如何将我上传在GITHUB的代码生成个效果页面给别人看呢？只需在上传的html代码页面的网址前加上“https://htmlpreview.github.io/?”即可，如： https://github.com/fangfay/baidu/blob/master/xiaowei/03/index.html 加上代码后是：https://htmlpreview.githu

2017-05-17 18:57:56 6491

原创 JavaScript基础（运算符）

晕啊算法前置运算符： var box=100; ++box; //前置递增，box = box + 1 alert(box ); // 101 var box=100; --box; //前置递减，box = box - 1 alert(box );

2017-05-12 19:14:22 299

原创 JavaScript基础（数据类型）

JavaScript理论介绍：JavaScript：是一种具有面向对象能力的、解释性的程序设计语言；它是基于对象和事件驱动并具有相对安全的客户端脚本语言；不需要在一个语言环境下运行，只需要支持它的浏览器即可。本地：客户端；远程：服务器端作用：验证发往服务器端的数据、增加web互动、加强用户体验等。特点：松散性：变量不需要明确的类型；对象属

2017-05-11 15:54:07 347

斐波那契数列（Fibonacci sequence），又称黄金分割数列、因数学家列昂纳多·斐波那契（Leonardoda Fibonacci）以兔子繁殖为例子而引入，故又称为“兔子数列”，指的是这样一个数列：1、1、2、3、5、8、13、21、34、……在数学上，斐波纳契数列以如下被以递归的方法定义：F(0)=0，F(1)=1, F(n)=F(n-1)+F(n-2)（n>=2，n∈N*）即：第三项

2017-05-11 10:50:09 8474

原创 JS中的this指向

this：指的是调用当前方法（函数）的那个对象案例分析：window 是 JS “老大”<script> alert(this); //object window ; function fn1(){ alert(this); } fn1(); //object window ;</script><input typ

2017-05-10 12:34:09 298

原创 JS作用域

JS作用域相关知识点归纳总结JS作用域相关理论基础：作用域：域：空间、范围、区域……作用：读、写script：自上而下全局变量、全局函数函数：由里到外浏览器：“JS解析器” 1）“找一些东西”： var function 参数 a = undefine 所有的变量，在正式运行代码之前，都提前赋了一个值：未定义 fn1 =

2017-05-10 11:08:21 296

原创 react demo14 (组件生命周期)

react组件的生命周期<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <script src="./build/react-dom.js"></script

2017-05-07 00:09:06 385

原创 react demo13 (根据组件属性状态this.state实现表单实时监控)

表单监控，this.state实战练习需求：定义一个组件，将用户在输入框内输入的内容进行实时显示分析：组件与用户交换时，存在状态的变化，即输入框的值<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/rea

2017-05-06 22:25:02 1392

原创 react demo12 (获取组件属性状态this.state)

表单监控，this.state实战练习需求：定义一个组件，将用户在输入框内输入的内容进行实时显示分析：组件与用户交换时，存在状态的变化，即输入框的值<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/rea

2017-05-06 22:18:17 1526

原创 react demo11 (添加组件事件处理)

需求：创建一个CheckButton的组件，包含一个checkbox类型<input> 复选框在选中和未选中两种状态下会显示不同的文字，即：根据状态渲染学习：通过this.state读取组件的属性状态值<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</titl

2017-05-06 21:37:52 1117

原创 react demo10 (设置组件属性的默认值getDefaultProps)

需求：定义一个组件，设置title属性默认值学习：组件属性默认值getDefaultProps方法<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <scri

2017-05-06 17:51:02 5779 1

原创 react demo9 (组件属性验证propTypes)

需求：定义一个组件，设置title属性必须是字符串学习：组件属性验证propTypes<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <script sr

2017-05-06 17:39:38 245

原创 react demo8 (设置组件自身属性this.props.children)

需求：定义一个列表组件，列表项中显示的内容，以及列表项的数量都由外部决定学习：设置组件自身属性this.props.children<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"><

2017-05-06 17:14:58 1797

原创 react demo7 (设置组件自身属性...this.props)

需求：定义一个组件，设置组件自身属性…this.props 学习：设置组件自身属性…this.props<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <s

2017-05-06 16:53:02 525

原创 react demo6 (设置组件自身属性this.props)

需求：定义一个复合组件，设置组件自身属性this.props 学习：组件自身属性this.props<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <scr

2017-05-06 16:50:52 772

原创 react demo5 (自定义react复合组件)

React dome 5 需求：定义一个复合组件复合组件：也称为组合组件，创建多个组件合成一个组件注意：命名必须以大写字母开头，驼峰命名法<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react

2017-05-06 16:48:47 646

原创 react demo4 (设置组件样式)

react dome 4 需求：定义一个组件，同时使用3中设置组件样式的方式学习：设置组件的样式<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <scr

2017-05-06 12:44:34 346

原创 react demo3 (自定义react组件)

React dome 3 创建一个组件类需求：渲染一行标题，显示“Hello, world!”<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <scr

2017-05-06 12:08:17 355

原创 react demo2 (JSX入门)

JSX入门需求：渲染一行标题，显示“Hello, world!”<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <script src="./build

2017-05-06 11:42:19 399

原创 react demo1 (react内容渲染)

react dome 1 需求：渲染一行标题，显示“Hello, world!”<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react dome</title> <script src="./build/react.js"></script> <script src=".

2017-05-06 11:12:31 383

原创 react模板

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>react模板</title>  <script src="./build/react.js"></script> <!--react-dom.js的作用是提供与dom相关

2017-05-06 10:55:42 2639

一只程序媛