JS-sdk-涉及点

35 阅读1分钟
  1. 通过JS动态引入的方式加载的CSS文件总是异步的,所以不会阻塞其他文件的风险
  2. 重复加载问题: 提供给publisher的代码,不必再引入多个脚本引入多个脚本来渲染组件。但是很多时候大家都用复制粘贴来解决问题时,publisher还是会这么干,因此脚本有可能会重复执行。如果不希望二次执行,可以在脚本执行时创建一个标识符,比如window[xxxx] = 1从而让代码在二次执行的时候提前退出。判断页面上广告位数量>0的时候才去加载数据。
  3. 使用throttle 解决滚动时候页面抖动问题
  4. 判断元素是否出现在滚动区域
  5. 如果元素出现在滚动区域,判断图片是否有lazy_src属性,使用图片懒加载。

正则系列

  1. trim => return str.replace(/^[\s\xa0]+|[\s\xa0]+$/g, "")