1+ // // 明星没有经济人 自己买包
2+ 3+ // // 定义一个包类
4+ // class Bags {
5+ // constructor(props) {
6+ // this.name = props;
7+ // }
8+ // getName() {
9+ // return this.name;
10+ // }
11+ // }
12+ 13+ // // 定义一个明星对象
14+ // class Star {
15+ // buyBag(bag) {
16+ // console.log(`买到了一个${bag.getName()}包`);
17+ // }
18+ // }
19+ 20+ // // 创建一个明星实例
21+ // let star = new Star();
22+ // star.buyBag(new Bags('Coach')); //买到了一个Coach包
23+ 24+ // // 明星有助理 助理帮忙买包
25+ // // 定义一个包类
26+ // class Bags {
27+ // constructor(props) {
28+ // this.name = props;
29+ // }
30+ // getName() {
31+ // return this.name;
32+ // }
33+ // }
34+ 35+ // // 定义一个助理对象
36+ // class Assistant {
37+ // constructor(props) {
38+ // this.star = props;
39+ // }
40+ // buyBag(bag) {
41+ // this.star.buyBag(bag);
42+ // }
43+ // }
44+ 45+ // // 定义一个明星对象
46+ // class Star {
47+ // buyBag(bag) {
48+ // console.log(`买到了一个${bag.getName()}包`);
49+ // }
50+ // }
51+ 52+ 53+ 54+ // // 创建一个明星实例
55+ // let star = new Star();
56+ // let assistant = new Assistant(star);
57+ // assistant.buyBag(new Bags('Coach')); //买到了一个Coach包
58+ 59+ 60+ class ABigImage {
61+ constructor ( ) {
62+ this . img = new Image ( ) ;
63+ document . body . appendChild ( this . img ) ;
64+ }
65+ setSrc ( src ) {
66+ this . img . src = src ;
67+ }
68+ }
69+ 70+ class ProxyImage {
71+ constructor ( ) {
72+ this . proxyImage = new Image ( ) ;
73+ }
74+ 75+ setSrc ( src ) {
76+ let bigImageObj = new ABigImage ( ) ;
77+ bigImageObj . img . src = './local.png' ; // 低清晰度图片url 或者本地图片
78+ this . proxyImage . src = src ;
79+ this . proxyImage . onload = function ( ) {
80+ bigImageObj . img . src = src ;
81+ }
82+ }
83+ }
84+ 85+ var proxyImage = new ProxyImage ( ) ;
86+ proxyImage . setSrc ( 'http://pic.netbian.com/uploads/allimg/190922/212043-1569158443de0c.jpg' )
0 commit comments