01- ES6、jquery源码、node、webpack

1、课程介绍

 

小马哥blog： https://www.cnblogs.com/majj/

前端学习路径： https://www.processon.com/view/link/5d3a5947e4b0511f13134ced#map 

 

2、ES6简单语法

阮一峰 es6  http://es6.ruanyifeng.com

 1、let和const

es6:

let声明的变量 是块级作用域，不能重复声明

const声明常量，一旦声明，立即初始化，不能重复声明

 

 

 2、模板字符串

3、箭头函数

    // 省略function
    // function(){} ===  ()=>{}

 // 箭头函数

    // 传统
    var f = function(a){
        return a;
    }
    f(1);

    // 单个形参
    var f = (a) => {
        return a;
    }

    // 多个形参
    var f = (num1,num2) =>{
        return num1+num2;
    }
// 字面量方式创建对象
    var person1 = {
        name:'alex',
        age:34,
        fav:function(){
            console.log('喜欢av1')
        }
    }

    person1.fav();


    var person2 = {
        name:'alex',
        age:34,
        fav:() => {
            console.log('喜欢av1')
        }
    }
    person2.fav()
    

坑

 

 

4、对象的单体模式

 

 

5、面向对象

6、总结

 

 

 

 

 

3、jquery源码剖析

https://www.bootcdn.cn

 

 

 

 

 

模块函数

 

 

es6 严格标记

 

 

调用jQuery，创建对象

 

属性与方法

 

方法挂载到jQuery

 

 

 

扩展方法

 

 

 

模块化依赖加载，异步模式加载

 

 

挂载在window ，jQuery

$.ajax()

 

 

4、node

node的介绍 https://www.cnblogs.com/majj/p/9042541.html

简单安装步骤 https://www.cnblogs.com/majj/p/9957597.html#b

1、node的安装

  

 2、npm 安装模块

# 生成package.json
npm install bootstrap --save
npm install swiper --save

# 根据package.json反向生成模块
 npm install 

 

 

  

3、如何跑起来GitHub前端项目

 

 

5、webback

1、 为什么要使用 webpack？

2、什么是webpack

 

 3、模块化

 

 

 

转载于:https://www.cnblogs.com/venicid/p/11454290.html