1 Star 1 Fork 0

wangProgrammer / big-frontEnd

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

大前端

01.Promise

1.1、小试牛刀

const promise = new Promise((resolve, reject) => {
    setTimeout(()=>{
      console.log('promise resolve');
      resolve()
    },1000)
  })

  promise.then(()=>{
    console.log("promise resolve callback");
  })
  • 总结:
    promise 有三种状态: pending,resolve,reject,进行中状态是可以修改的,其余的都是无法修改的
    then可以执行完成后的回调函数
    已拒绝的,可以catch进行捕获

01.2、学以致用

 function ajaxAsync(methods="GET",url){
  return new Promise((resolve, reject) => {
    let xml = new XMLHttpRequest();
    xml.open(methods,url);
    xml.onreadystatechange = function (){
      if (this.readyState !== 4){
        return;
      }
      if (this.status === 200){
        resolve(this.response)
      }else {
        reject(new Error(this.statusText))
      }
    };
    xml.send();
  })
}
ajaxAsync('GET','./ajax.json').then(res=>{
  console.log('成功',JSON.parse(res).data)
}).catch(err=>{
  console.log('失败', err);
})
  • json数据
{
  "data": {
    "name": "wangyang",
    "age": 18
  }
}

02. amd、cmd、common、ES6模块化

  • 这个以后补充

03. 闭包,作用域,原型链,this

img.png

04. 构造函数、面向对象

4.1. 构造函数

 // 构造函数
  function Person(name,age){
    this.name = name;
    this.age = age;
    this.sayHi = function (){
      console.log(`hello; my name is ${this.name},now ${this.age}`)
    }
  }

  const p1 = new Person('wang',14);
  const p2 = new Person('yang',18);

  console.log(p1 === p2)

// 缺点: 每次都是要开辟一个内存空间

05. react

空文件

简介

取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/itwangyang_coder/big-front-end.git
git@gitee.com:itwangyang_coder/big-front-end.git
itwangyang_coder
big-front-end
big-frontEnd
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891