LOL前端重构规范

# 前端相关SDK

# milo.js 使用milo-next版本

utf8（压缩版本）：

<script src="https://game.gtimg.cn/images/js/milo-next/latest/milo.min.js"></script>

utf8（未压缩版本）：

<script src="https://game.gtimg.cn/images/js/milo-next/latest/milo.js"></script>

gbk版本（压缩版本）：

<script src="https://game.gtimg.cn/images/js/milo-next/latest/milo.gbk.min.js"></script>

gbk版本（未压缩版本）：

<script src="https://game.gtimg.cn/images/js/milo-next/latest/milo.gbk.js"></script>

TIP

特别注意：所有依赖need函数引入的内容不提供兼容（例如Dialog），变更后TGDialogs自行实现或进行修改相关的工具函数，milo前端文档：https://ide.qq.com/milo/sdk/guide/

# 登录态暂时使用如下代码段：

<!--登录前状态 Start-->
<p class="logout-content">你好，请 <a class="btn-login">【登录】</a></p>
<!--登录前状态 End-->
<!--登录后状态 Start-->
<div class="login-content" style="display:none">
  欢迎您，<span class="txt-nickname"></span>，<a class="btn-logout">[注销]</a>
</div>
<!--登录后状态 End-->

并引入js: https://game.gtimg.cn/images/js/lol_public_lib/login-new.js 初始化页面的登录状态:

window.act.initLogin(function (userInfo){
  console.log('已登录:', userInfo);
}, function (err) {
  console.log('未登录:', err);
})

大区绑定dom模板参照上述文档中的模板。

注意

jssdk的full.js存量维护，不再更新，不建议继续使用，掌盟相关，环境判断直接使用milo及掌盟提供的函数进行判断，不符合条件的自行通过useragent正则匹配判断

# QTLTools已处于不再维护状态，请使用mlol.js

注意

根据业务投放渠道选择对应的jsapi!（默认情况无畏契约相关活动仅投放在掌上无畏契约）

【掌盟】掌上英雄联盟jsapi文档：https://mlol.qt.qq.com/docs/jsapi/docs/guide/

<script src="https://mlol-file.qpic.cn/mobile/mlol/js/mlol.js"></script>

【掌瓦】掌上无畏契约jsapi文档：https://app.val.qq.com/jsapi/docs/docs/guide/

<script src="https://app.val.qq.com/jsapi/mval.js"></script>

# 播放器相关

涉及腾讯视频播放的，使用superPlayer，不再使用txplayer 文档：https://vm.gtimg.cn/thumbplayer/docs/superplayer/quick-start.html#%E6%9E%81%E7%AE%80%E4%BE%8B%E5%AD%90

# 分享图生成相关

图片生成在条件允许的情况下，尽可能使用原生canvas，若无法避免使用html2canvas，在需求对齐时提醒产品及重构会有性能及兼容性问题（包括但不限于特定机型卡顿，无法生成图片等）

← 数据统计 →