GitHub 榜单(进阶收尾)
2019-07-25 本文已影响0人
饥人谷1904_陈俊锋
如何在移动端调试:
- 适配移动端
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
- jsbin的url放到手机中实时刷新
- npm browser-sync 打开UI上的url管理页面
main里面的三个section区块:
获取数据放到页面上,滚动再次获取数据
直接拼接html字符串不够安全,所以先创建节点然后把数据当作innerText放进去
如何在页面上生成大段的字符串:
- 在每一行最后加转义
\
,但是注意转义\
后面不能有空格 - 每行用双引号或单引号之后
+
在一起 - 大段字符串放在
``
之间
这里引入一点:通过ajax发请求是url可以携带数据,通过
``
包裹url 然后将数据${}
包裹填入 url${keyword}
,${_this.page}
发送请求加锁:
限制连续请求
- 通过 if 设置变量 isLoading 或 isFinished 判断
- 函数节流限制连续请求
重构优化代码
详细见链接