File tree Expand file tree Collapse file tree 2 files changed +8
-8
lines changed
Expand file tree Collapse file tree 2 files changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -38,19 +38,19 @@ block 1
3838 | 设计一个用户列表,用于显示当前所有用户,可以给每个用户重置密码, 如下图所示。
3939 .pure-g
4040 .pure-u-1-1
41- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/1.png" )
41+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/1.png" )
4242 p
4343 |当点击重置按钮时候,弹出密码界面
4444 .pure-g
4545 .pure-u-1-1
46- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/2.png" )
46+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/2.png" )
4747
4848 h2 模块结构(左图)
4949 .pure-g
5050 .pure-u-md-1-2.pure-u-sm-1-1
51- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/3.png" )
51+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/3.png" )
5252 .pure-u-md-1-2.pure-u-sm-1-1
53- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/4.png" )
53+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/4.png" )
5454
5555 p
5656 | ModalResetPass是弹出框,里面包含了密码重置模块PasswordInput。
@@ -92,7 +92,7 @@ block 1
9292 p 当密码不一致时,状态显示如下:
9393 .pure-g
9494 .pure-u-1-1
95- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/5.png" )
95+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/5.png" )
9696 p 此外,把密码验证加入PasswordInput模块,对逻辑进行隔离,也是很好的实践。
9797 pre
9898 code.JavaScript
Original file line number Diff line number Diff line change @@ -35,7 +35,7 @@ block 3
3535 p 抓取新浪微博截取最新的(2017,06,27)代码,
3636 .pure-g
3737 .pure-u-md-1-1
38- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/1.png" )
38+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/1.png" )
3939 p 通过截图看得出来,初始状态下body内部的div构成非常简单。动态内容主要依靠FM.view贯穿全局渲染。我们重点查看FM模块。
4040 p 虽然源码被混淆,不过加点注释还是可以读出其中的精髓的。
4141 h2 Pagelet加载流程
@@ -154,11 +154,11 @@ block 3
154154 p bigpipe实际加载效果
155155 .pure-g
156156 .pure-u-md-1-1
157- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/2.png" )
157+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/2.png" )
158158 p 单个bundle实际加载效果
159159 .pure-g
160160 .pure-u-md-1-1
161- img.atcImg ( src ="http: //dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/3.png" )
161+ img.atcImg ( src ="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/3.png" )
162162
163163 p 综上,BigPipe并不是适用于所有的场合,类似于Facebook和微博,他主要适用于:
164164 ul
You can’t perform that action at this time.
0 commit comments