LOL前端重构规范

# 交付规范

需求完成交付之前，需检查以下规范：

  • 页面标题、描述、关键词是否正确
  • 页面点击流是否添加，pgvMain()是否执行
  • 是否引入了安全js：//js.aq.qq.com/js/aq_common.js
  • 分离路径是否正确
  • 页面是否引用外链资源
  • 图片资源是否压缩
  • 浏览器兼容

# 浏览器兼容(pc)

  1. 兼容IE9及以上、Firefox、chrome、QQ浏览器
  2. 页面如无指定，不需要兼容IE6、7、8
  3. 不兼容IE6、7、8的情况下，需要在页面顶部加入提示，并对.browser-tips使用醒目的颜色标识样式
<!--[if lt IE 8]><p class="browser-tips">您的浏览器版本过低，请升级浏览器获得更好的体验<p><![endif]-->

.browser-tips{background:#000;color:#fff;padding:10px 0;text-align:center;width:100%;font-size:14px;position:relative;z-index:100}

# 移动端兼容

  1. 手游游戏内页面Android>=5.1，IOS>=9
  2. 常规移动端页面Android>=8.1，IOS>=13

# 禁用项

警告

禁用定时器方式实现某些功能

禁用包含 'test' 字符来命名文件和文件夹，发布到正式环境（测试环境可用）

# 禁用项

警告

禁用浏览器自带alert弹框

优选选择当前活动的通用弹框样式

其次可以选择milo的Dialog弹框

# 注意项

TIP

# 嵌入字体：

如果页面有嵌入字体的，需要和内部同事确认是否有该字体的版权；字体库

# 图片更新：

对于已经发布上线的活动专题或官网，如需要更新图片建议重新对图片命名并重新上传发布（非覆盖式）。

如果是对之前的图片进行覆盖的方式，在图片发布之后，需要在图片src路径后面加上时间戳来刷新浏览器缓存,如：

.wrap { background-image: url(./wrap.jpg?d=0606) }

← 组件库 →