zoukankan      html  css  js  c++  java
  • ES6语法收集

    盘ES6、ES7、ES8、ES9、ES10 思维导图

    字符串处理

    参考

    数组

    按条件删除数组中一个元素

    fileList.splice(fileList.findIndex(item => item.uid === file.uid), 1)

     Vuex-Action Xxx:({commit})=>{}

    参考

    例1:

    actions:{
      getCityItem:({
        commit
      }) => {

      }
    }

    Xxx:({commit})=> {

        commit('参数1','参数2')  //可以理解为简化写法
    }
    例子2:
    actions: {
        setNumber: ({
          commit,
          state
        }, number) => {
          // console.log(state.number, number)
          return commit('SET_NUMBER', number)
        }
    }

     ...fn(['a', 'b', 'c'])  ... : 对象展开运算符

    是ES6新增语法, 对象展开运算符,大体有两个主要功能,收集参数与将数组表达式或者string在语法层面展开。这里不做过多介绍

    参考1(高质量)   参考   

    export 用法(联系模块编程)

    属于JS 模块化编程知识范畴(JS模板化编程3种规范,在Webpack学习时也有涉及), 在vue开发中是常用语法

    export default {
      getSearchPositionHistory(states) {
        return states.searchPositionHistory;
      }
    }

     srcstoremutations_types.js  定义导出的常量

    export const SEARCHPOSITIONHISTORY = 'SEARCHPOSITIONHISTORY';

     srcstorefunction.js  封装localStoreage方法,这里以变量local暴露给调用端

    const LocalEvent = function (item) {
      this.get = function () {
          //console.log("function.js")
          return localStorage.getItem(item) ? JSON.parse(localStorage.getItem(item)) : '';
      };
      this.set = function (obj) {
          localStorage.setItem(item, JSON.stringify(obj));
      };
      this.clear = function () {
          localStorage.removeItem(item);
      };
    };
    
    export const local = new LocalEvent('vuex_demo');

     srcstoremutations.js Vuex的 mutations模块

    import * as type from './mutations_types.js'; //常量模块,如定义了type.SEARCHPOSITIONHISTORY
    import * as func from './function';  //封装的localStorage方法
    export default {
      //使用箭头函数实现set功能,传入state和对应的value
      //语法学习:1).ES可以根据 const 所定义的常量调用对应的方法,至于这样的原因,待研究
      [type.SEARCHPOSITIONHISTORY](states, searchPositionHistory) {
        states.searchPositionHistory = searchPositionHistory;
        func.local.set(states); //语法学习:参考function.js,  其内部还是调用localStorage,func见第2行, local见function.js
      }
    }

     箭头函数

    参考

    //没有箭头
    render: function (createElement) {
        return createElement(App);
    }
    //省略冒号和关键词 function
    render (createElement) {
        return createElement(App);
    }
    //继续缩写
    render (h) {
        return h(App);
    }
    //用箭头函数继续缩写
    h => h(App);

    箭头函数, 箭头函数的左边相当于匿名函数,h作为匿名函数的形式参数,连小括号都省略了,在这里右边是形式参数的执行逻辑,并默认return

    关键词: async;  await

    参考

    API 方法收集

    从数组中删除一个元素, findIndex估计是ES5的API

    handleRemove(file, fileList) {
      fileList.splice(
        fileList.findIndex(item => item.uid === file.uid),
        1
      );
    },
  • 相关阅读:
    Android 微信分享信息
    微信朋友圈如何同时分享(图片+文字)
    Android应用加入微信分享
    讨论IT选定的技术招聘企业几点
    MSSQL发现第五到数据的第十
    STL 源代码分析 算法 stl_algo.h -- binary_search
    加快XCode编译链接速度(200%+)—XCode编译慢液
    linux复制文件命令scp
    写出高性能的多核并行编程
    SSH—Struts(三)—跑步者(Action)
  • 原文地址:https://www.cnblogs.com/zhuji/p/13025092.html
Copyright © 2011-2022 走看看