JavaScript(基于react+dva)
2024-08-31 04:37:44
变量声明
const 和 let：分别表示常量和变量
模板字符串
const user = 'world';
console.log(`hello ${user}`); // hello world
默认参数
function logActivity(activity = 'skiing') {
console.log(activity);
}
logActivity(); // skiing
箭头函数
[1, 2, 3].map(x => x + 1); // [2, 3, 4]
模块的 Import 和 Export
// 引入全部
import dva from 'dva';
// 引入部分
import { connect } from 'dva';
// 引入全部并作为 Icon 对象
import * as Icon from './Icon';
// 导出默认
export default App;
// 部分导出，需 import { App } from './file'; 引入
export class App extend Component {};
ES6 对象和数组
析构赋值
const { name, age } = user;
const [foo, bar] = arr;
对象字面量改进(析构的反向操作)
const name = 'duoduo';
const age = 8;
const user = { name, age };
Spread Operator(即 3 个点 ...)
const todos = ['Learn dva'];
[...todos, 'Learn antd']; // ['Learn dva', 'Learn antd']
Promises
Promise 用于更优雅地处理异步请求
Generators
dva 的 effects 是通过 generator 组织的
Generator 返回的是迭代器，通过 yield 关键字实现暂停功能，把异步逻辑通过同步的方式组织起来
app.model({
namespace: 'users',
effects: {
*fetch({ payload: {page = 1}}, { put, call }) {
const { data } = yield call(users.fetch, { page });
yield put({ type: 'save', payload: data });
},
},
});
最新文章
- JavaScript ： 零基础打造自己的类库
- 实例快速上手 -ASP.NET 4.5新特性WebAPI从入门到精通
- apt-get update更新源时，出现“Hash Sum mismatch”问题
- Qt字符串类——2. 查询字符串数据
- C++-类的const成员变量
- RMAN备份与恢复之参数文件与控制文件
- 指定IE浏览器渲染方式
- jQuery基于ajax实现星星评论代码
- C++Vector使用方法
- 七牛云- Java 端 使用
- C# socket网络编程 基于TCP协议
- redis 缓存技术与memcache的最大差别
- SocketAsyncEventArgs使用解说
- POJ 2289 Jamie's Contact Groups / UVA 1345 Jamie's Contact Groups / ZOJ 2399 Jamie's Contact Groups / HDU 1699 Jamie's Contact Groups / SCU 1996 Jamie's Contact Groups (二分，二分图匹配)
- GIT入门笔记（8）-- 查看历史提交记录/根据版本号回到过去或未来
- How to configure ODBC DSN in Client to access remote DB2 for Windows
- html5+ 原生标题栏添加input 输入框
- IO通信模型（二）同步非阻塞模式NIO（NonBlocking IO）
- centos如何设置固定IP
- Jmeter GIS调用-->参数化+正则表达式提取器+后置处理器+逻辑控制器