Skip to content

Commit

Permalink
update the link protocal
Browse files Browse the repository at this point in the history
  • Loading branch information
im6 committed May 11, 2019
1 parent 25f7d78 commit df02cd3
Show file tree
Hide file tree
Showing 2 changed files with 8 additions and 8 deletions.
10 changes: 5 additions & 5 deletions views/article/1.pug
Original file line number Diff line number Diff line change
Expand Up @@ -38,19 +38,19 @@ block 1
| 设计一个用户列表,用于显示当前所有用户,可以给每个用户重置密码, 如下图所示。
.pure-g
.pure-u-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/1.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/1.png")
p
|当点击重置按钮时候,弹出密码界面
.pure-g
.pure-u-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/2.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/2.png")

h2 模块结构(左图)
.pure-g
.pure-u-md-1-2.pure-u-sm-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/3.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/3.png")
.pure-u-md-1-2.pure-u-sm-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/4.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/4.png")

p
| ModalResetPass是弹出框,里面包含了密码重置模块PasswordInput。
Expand Down Expand Up @@ -92,7 +92,7 @@ block 1
p 当密码不一致时,状态显示如下:
.pure-g
.pure-u-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/5.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/1/5.png")
p 此外,把密码验证加入PasswordInput模块,对逻辑进行隔离,也是很好的实践。
pre
code.JavaScript
Expand Down
6 changes: 3 additions & 3 deletions views/article/3.pug
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ block 3
p 抓取新浪微博截取最新的(2017,06,27)代码,
.pure-g
.pure-u-md-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/1.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/1.png")
p 通过截图看得出来,初始状态下body内部的div构成非常简单。动态内容主要依靠FM.view贯穿全局渲染。我们重点查看FM模块。
p 虽然源码被混淆,不过加点注释还是可以读出其中的精髓的。
h2 Pagelet加载流程
Expand Down Expand Up @@ -154,11 +154,11 @@ block 3
p bigpipe实际加载效果
.pure-g
.pure-u-md-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/2.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/2.png")
p 单个bundle实际加载效果
.pure-g
.pure-u-md-1-1
img.atcImg(src="http://dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/3.png")
img.atcImg(src="//dkny.oss-cn-hangzhou.aliyuncs.com/1/article/3/3.png")

p 综上,BigPipe并不是适用于所有的场合,类似于Facebook和微博,他主要适用于:
ul
Expand Down

0 comments on commit df02cd3

Please sign in to comment.