美文网首页
GitHub 榜单(进阶收尾)

GitHub 榜单(进阶收尾)

作者: 饥人谷1904_陈俊锋 | 来源:发表于2019-07-25 22:43 被阅读0次

GitHub榜单

如何在移动端调试:

  • 适配移动端 <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 判断
  • 函数节流限制连续请求

重构优化代码
详细见链接

相关文章

网友评论

      本文标题:GitHub 榜单(进阶收尾)

      本文链接:https://www.haomeiwen.com/subject/ratlrctx.html