From df02cd3ac125373c8461987af97d65e8e617d379 Mon Sep 17 00:00:00 2001 From: im6 Date: Sat, 11 May 2019 18:46:42 -0400 Subject: [PATCH] update the link protocal --- views/article/1.pug | 10 +++++----- views/article/3.pug | 6 +++--- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/views/article/1.pug b/views/article/1.pug index 52aed0a..cdf37a2 100644 --- a/views/article/1.pug +++ b/views/article/1.pug @@ -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。 @@ -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 diff --git a/views/article/3.pug b/views/article/3.pug index d33958c..f730a28 100644 --- a/views/article/3.pug +++ b/views/article/3.pug @@ -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加载流程 @@ -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