zoukankan      html  css  js  c++  java
  • 前端——1

    哪些东西?
    1.JS东西
    ES6
    面向对象、闭包、模块
    正则、json
    2.Node.js
    原生
    框架——express、koa
    数据库
    实例
    3.自动化
    gulp
    webpack
    4.三大框架
    Angular
    Vue
    React
    5.微信
    公号
    小程序
    6.混合App
    RN
    weex
    7.系统优化、安全

    --------------------------------------------------------------------------------

    ES6

    ECMAScript

    ES2015(ES6.0)

    最新2019(ES10)

    --------------------------------------------------------------------------------

    ES6
    方便->工程性

    --------------------------------------------------------------------------------

    变量

    var:
    1.可以重复声明
    2.没有块级作用域
    3.不能限制

    let 声明变量
    const 声明常量

    1.禁止重复声明
    2.控制修改
    3.支持块级作用域

    --------------------------------------------------------------------------------

    作用域
    1.传统
    函数级

    2.ES6
    块级

    语法块
    {}

    if(){

    }

    for(){

    }

    {

    }

    --------------------------------------------------------------------------------

    解构赋值
    {a: 12, b: 5, c: 33}
    [12, 5, 8]

    1.左右两边一样
    2.右边得是个东西

    --------------------------------------------------------------------------------

    函数
    1.箭头函数
    function (参数){

    }

    (参数)=>{}

    如果,有且仅有1个参数,()也可以省
    如果,有且仅有1条语句-return,{}可以省


    修复this


    2.参数展开

    剩余参数——必须是最后一个
    展开数组——就跟把数组的东西写在那儿一样

    --------------------------------------------------------------------------------

    系统对象

    Array
    map 映射 1对1
    forEach 遍历 循环一遍
    filter 过滤
    aItems
    .filter(item=>item.loc==cur_loc)
    .filter(item=>item.price>=60 && item.price<100);

    reduce 减少 多对1

    String
    字符串模板

    startsWith
    endsWith

    JSON
    1.标准写法
    {"key": "aaa", "key2": 12}

    2.JSON对象
    stringify
    parse

    --------------------------------------------------------------------------------

    *异步处理
    Promise
    async/await

    --------------------------------------------------------------------------------

    异步操作?
    异步——多个操作可以一起进行,互不干扰
    同步——操作一个个进行


    $.ajax({
    url: 'data/1.json',
    dataType: 'json',
    success(data1){
    $.ajax({
    url: 'data/2.json',
    dataType: 'json',
    success(data2){
    $.ajax({
    url: 'data/3.json',
    dataType: 'json',
    success(data3){
    console.log(data1, data2, data3);
    }
    });
    }
    });
    }
    });

    let data1=$.ajax('data/1.json');
    let data2=$.ajax('data/2.json');
    let data3=$.ajax('data/3.json');

    --------------------------------------------------------------------------------

    Promise

    Promise.all([
    p1,
    p2,
    p3
    ]).then();

    async/await

    async function xxx(){
    let a=12;
    let b=5;

    let data=await promise;

    ...

    alert(a+b);
    }

    let xxx=async ()=>{

    }

    --------------------------------------------------------------------------------

    注意 jquery中不要用箭头函数,箭头函数可以绑死this,var定义的变量没有块级作用域  只有一个值。let定义的变量有块级作用域可以有多个值

  • 相关阅读:
    「日常训练」Single-use Stones (CFR476D2D)
    「日常训练」Greedy Arkady (CFR476D2C)
    「Haskell 学习」二 类型和函数(上)
    「学习记录」《数值分析》第二章计算实习题(Python语言)
    「日常训练」Alena And The Heater (CFR466D2D)
    Dubbo 消费者
    Dubbo 暴露服务
    Rpc
    git fail to push some refs....
    Spring Cloud (6)config 客户端配置 与GitHub通信
  • 原文地址:https://www.cnblogs.com/wholeworld/p/10982724.html
Copyright © 2011-2022 走看看