加载中
在项目中初始化工作空间

一. 示例A 1. 在package.json 中声明工作空间名字(packages) { "name": "workSpace", "version": "0.1.1", "private": true, "scripts": { "initWrokspace": "node ./scripts/init-workspa...

2018/11/08 15:06
1
Reduce 与Object.assign()

一.Reduce JavaScript中reduce()方法不完全指南 reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终为一个值,是ES5中新增的又一个数组逐项处理方法,那reduc...

2017/07/27 17:00
8
reactJS -- 14 Router 概念

官方网站 :https://react-guide.github.io/react-router-cn/ 页面做的有层级 一.安装Router 1.首先通过 npm 安装:(最新版) $ npm install --save react-router 1.安装的版本就是 React Ro...

2017/07/14 11:19
6
Redux实例--1 Counter

一. index.js (父界面) 1. 知识点 1.State Store 对象包含所有数据。如果想得到某个时点的数据,就要对 Store 生成快照。这种时点的数据集合,就叫做 State。 当前时刻的 State,可以通过s...

2017/07/12 12:40
7
Redux -- 1 action Reducer

一.Action 1.概念 Action 是把数据从应用传到 store 的有效载荷。它是 store 数据的唯一来源。一般来说你会通过 store.dispatch() 将 action 传到 store。 2.Action 创建函数 Action 创建函数...

2017/07/11 15:19
20
箭头函数

一.语法 基础语法 //1. 前面圆括号,后面大括号 (param1, param2, …, paramN) => { statements; } /* 2.当删除大括号时,它将是一个隐式的返回值,这意味着我们不需要指定我们返回*/ (par...

2017/07/11 11:06
7
Flex 布局教程:语法篇

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指...

2017/07/10 10:59
12
reactJS -- 14 AntDesign样式框架介绍

一. 框架(快速样式) material-ui 官网链接 : http://www.material-ui.com/#/ 阿里芭比框架 :https://ant.design/index-cn 1.安装 使用 npm 或 yarn 安装# 我们推荐使用 npm 或 yarn 的方...

2017/07/04 17:26
34
reactJS -- 13 JSX样式与CSS的互转

一.CSS 格式转化为React中的CSS样式 1. css样式 .miniFooter{ background-color: #333; color: #fdd; padding-left: 20px; padding-top: 3px; padding-bottom: 3px; } 2.React中C...

2017/07/04 16:48
107
reactJS -- 12 CSS 模块化

保证自己写的模块样式比影响其他人的代码。

2017/07/04 16:21
37
reactJS -- 11 內联样式

在react里面进行样式布局

2017/07/04 14:06
3
reactJS -- 10 独立组件间共享Mixins

在组件间进行事件共享

2017/07/04 12:14
23
reactJS -- 9 组件的Refs(操作DOM的两种方法)

一.概述 https://react-cn.github.io/react/docs/more-about-refs.html 组件的Refs用来获取原生的HTML节点  二.操作DOM 1. ReactDOM.findDOMNode() <input id= "submitButton" type= "bu...

2017/07/03 20:03
23
reactJS -- 7 可复用组件(Prop 验证)

一.参考文档 为了防止传入参数类型错误,增加参数验证。 http://www.react-cn.com/docs/reusable-components.html 二. 给类定义属性 BodyIndex.propTypes = { userId : React.PropTypes.n...

2017/07/03 15:32
14
reactJS -- 8 组件生命周期

https://fraserxu.me/2014/08/31/react-component-lifecycle/ React入门教程 - 组件生命周期 每一个阵营组件在加载时都有特定的生命周期,在此期间不同的方法会被执行。 组件加载:component...

2017/07/03 15:28
5
reactJS -- 5 Props 属性

一.逻辑 1.index.js index.js 调用 bodyIndex.js var React = require('react'); var ReactDOM = require('react-dom'); import ComponentHeader from './components/header'; // (./)当前...

2017/07/03 14:22
34
reactJS -- 3 State 工作原理

一. State 作用域 state 的作用域只在当前的 class 当state import React from 'react'; import ReactDOM from 'react-dom'; //export 暴露 export default class BodyIndex extends React.C...

2017/07/03 11:28
15
reactJS -- 1 运行

1.运行 在新版本的 webpack-dev-server 中,因为取消了 content-base 参数,所以需要热加载自动刷新的话,直接执行命令 webpack-dev-server --hot --inline 即可。 访问 :http://localhost:...

2017/06/29 18:50
9
2017/5 JavaScript基础11 --- 正则与模式匹配

一、什么是正则 在常见的字符串检索或替换中,我们需要提供一种模式 表示 检索或替换的规则。正则表达式使用单个字符串来描述、匹配一系列符合某个句法规则的字符串。 abc : 匹配 aabc 、aab...

2017/05/22 15:32
17
2017/5 JavaScript基础9 --- 闭包、作用域

一、理解闭包 1、闭包的例子 //一般函数 function outer(){ var localVal = 30; //局部变量 函数调用完成后,局部变量释放 return localVal; } outer(); //30 /***********闭包*******...

2017/05/19 15:08
13

没有更多内容

加载失败,请刷新页面

返回顶部
顶部