zoukankan      html  css  js  c++  java
  • JavaScript(基于react+dva)

     变量声明

    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 });
          },
        },
      });
     
    
    
    
    
  • 相关阅读:
    Pandas | 21 日期功能
    Pandas | 20 级联
    Pandas | 19 合并/连接
    Pandas | GroupBy 分组
    Pandas | 缺失数据处理
    Pandas | 16 聚合
    Pandas | 15 窗口函数
    Pandas | 14 统计函数
    Pandas | 13 索引和选择数据
    Pandas | 12 选项和自定义
  • 原文地址:https://www.cnblogs.com/JunneHu/p/JunneHu.html
Copyright © 2011-2022 走看看