logo

组件库 游戏部网站组

国内内部组件使用方式：

  1. PC端内部组件，页面需要引用：https://nie.res.netease.com/comm/js/jquery(mixNIE).1.11.js
  2. 移动端内部组件，页面需要引用：https://nie.res.netease.com/comm/js/zepto(mixNIE).last.js

海外内部组件使用方式：

  1. PC：https://comm.res.easebar.com/js/jquery(mixNIE).1.11.js
  2. 移动端：https://comm.res.easebar.com/js/zepto(mixNIE).last.js

代理合作版需改用以下引用：

  1. PC：https://comm.res.easebar.com/js/tw/jquery(mixNIE).1.11.js
  2. 移动：https://comm.res.easebar.com/js/tw/zepto(mixNIE).last.js
  3. 内部组件，代理合作版暂时不支持引用
    //组件需要采用(旧的方式，已弃用)
    nie.use(['组件名1','组件名2'],function(){
        //加载成功后，调用组件方法
    });

    //所有组件引用和代码需要在nie.define下使用(没有特殊说明都需要)
    //模块名是指需要暴露出外部使用的全局变量名字，例如："Common"
    nie.define("模块名1",function(){

        var share = nie.require("nie.util.shareV5");
        var video = nie.require("nie.util.videoV2");
        //直接调用
        share({
            fat:"#share",
            type:1,
            title: shareTxt,
            img: sharePic 
        });

        //如果有需要暴露接口给外部使用，return就可以了
        return {
            init : function(){}
        }
    });
    nie.define("模块名2",function(){
        //通过require引用上面定义好的模块
        var mod = nie.require("模块名1");
        //调用模块的方法
        mod.init();
        //或者直接用"模块名".init();
    });

外部组件使用方式：

  1. 直接引用对应的js和css文件，比如：https://nie.res.netease.com/comm/js/nie/ref/jquery.superslide.js
  2. 多个外部组件合并引用，比如想同时引用superslide和nicescroll，则需要按照以下这么写

海外与代理合作外部引用方式：

  1. 域名前缀改为：https://comm.res.easebar.com，代替上面的https://nie.res.netease.com/comm
    //一般方式
    <script type="text/javascript" src="https://nie.res.netease.com/comm/js/nie/ref/??jquery.superslide.js,jquery.nicescroll.js"></script>
    //代理合作方式
    <script type="text/javascript" src="https://comm.res.easebar.com/js/nie/ref/??jquery.superslide.js,jquery.nicescroll.js"></script>

组件库更新说明：

2024.10.23

  • 新增双端通用组件->基础类->新闻加载组件

2023.3.9

  • 新增双端通用组件->基础类->反馈组件

2022.5.7

  • 新增双端通用组件->基础类->网页加载与错误监控统计，添加时间与错误上报

2021.6.23

  • 新增双端通用组件->基础类->新版新游预约组件，统一新游的预约使用，加入小程序调用相关

2020.9.17

  • 新增移动内部组件->基础类->视频H5组件，解决移动端全屏视频内置播放

2020.6.2

  • 新增移动内部组件->基础类->分享监控组件，统一和解决分享链路监控上报问题

2019.6.20

  • 新增PC内部组件->基础类->内容工具组件，解决内容文本脏字检查，GBK编码内页列表抓取

2019.6.4

  • 新增Webpack插件列表类型，包含resload，html-include，html-supply解决资源加载、地址补全等功能

2018.4.9

  • 修改FIS插件->编译插件->fis-postprocessor-replace，增加支持自定义变量值已经支持html文件

2018.1.26

  • 修改PC内部组件->高级类->新游预约组件，增加支持滑块验证码方式

2017.9.15

  • 新增PC内部组件->高级类->新游预约组件，用于提供双端用户预约游戏使用，支持国际手机号码

2017.6.16

  • 新增PC内部组件->基础类->官网订阅组件，用于提供PC端用户订阅游戏栏目新闻

2017.3.22

  • 新增移动内部组件->基础类->一键启动组件，用于提供移动端启动游戏的功能

2017.01.03

  • 新增外部组件->echarts.js，一个纯 Javascript 的图表库
  • 新增外部组件->isotope.js，用于瀑布流效果

2016.11.08

  • 新增外部组件->moment.js，用于解析、验证、操作和显示日期

2016.11.07

  • 新增外部组件->xss.js，一个用于对用户输入的内容进行过滤，以避免遭受XSS攻击的模块

2016.10.19

  • 新增PC内部组件->基础类->表单验证组件，解决表单验证需要求

2016.9.30

  • 新增PC内部组件->基础类->3D相册轮播组件[V2版]，优化第一版的使用问题

2016.8.29

  • 新增移动端内部组件->基础类->图片上传组件,解决上传图片的需求
  • 新增移动端内部组件->基础类->图片裁剪组件,解决图片裁剪的需求

2016.8.25

  • 新增PC内部组件->高级类->登录组件[新版V2]，内部实现改为统一的URS的https实现，后面会废弃旧的http登陆方式

2016.8.9

  • 新增PC内部组件->基础类->公用alert组件，模拟系统alert/confirm/prompt弹窗功能

2016.8.4

  • 新增PC内部组件->高级类->端游领取礼包码组件，适用于端游领取游戏礼包码，pc和移动都可以用

2016.8.3

  • 新增FIS插件->打包类->jpg-towebp,针对PC端项目，将jpg图转webp图，让项目支持webp，减少大约50%图片体积

2016.8.2

  • 新增PC外部组件->效果切换类->图片查看lightbox2组件，适用于图片大图查看，支持键盘切换图片的图册组件

2016.7.27

  • 新增PC内部组件->基础类->图册组件，针对新闻内页说开发的图册组件，兼容PC和移动端

2016.4.26

  • 新增PC内部组件->基础类->3D相册轮播组件，解决相册类3D切换效果的需求

2016.3.29

  • 新增PC内部组件->基础类->二维码组件,解决二维码自动生成问题的需求
  • 新增PC内部组件->基础类->手游官网下载组件,解决手游官网下载模块统一化的需求
  • 新增PC内部组件->基础类->弹幕组件,解决弹幕类显示的需求

2016.3.24

  • 新增移动端内部组件->基础类->摇一摇组件,解决摇一摇的需求

2016.3.9

  • 新增PC内部组件->基础类->服务器时间组件,修改为调用接口方式

2016.2.24

  • 新增移动外部组件->效果切换类->swiper组件，一款可以实现很多滑动切换效果的组件

2016.2.19

  • 新增移动外部组件->动画类->GreenSock动画组件，是一套用js替代css3实现HTML5补间动画的组件

2016.1.27

  • 新增PC内部组件->高级类->评论系统(新版)，主要解决旧版易用性低的问题

2016.1.20

  • 新增PC外部组件->滚动相关->skrollr，做页面视差滚动效果的组件
  • 新增PC内部组件->基础类->序列帧组件，主要用于PC端需要用序列帧轮播一组动画
  • 废弃PC内部组件的新闻切换和Banner切换，改用PC外部组件的superslide

2016.1.12

  • 新增PC外部组件，增加了滚动相关、切换相关、模板相关的公共组件

2015.12.23

  • 新增PC内部组件->高级组件->登录组件[新版]，新版的登录将统一以后的登录操作，改用css定制和修改样式即可，简化使用

2015.12.15

  • 增加PC内部组件->基础组件->图片查看lightbox组件说明

2015.12.14

  • 修复一些组件说明的问题

2015.12.7

  • 新增移动内部组件->基础组件->分享组件v2，新版的移动端分享组件

2015.12.4

  • 新增FIS插件列表->打包插件->usemin，新的文件合并插件，可以直接在html页面中用注释的方式指定文件的合并

2015.10.16

  • 修改复制组件[新版]，支持Chrome45版本以上，解决Flash复制问题

2015.9.23

  • 新增组件加载方式，详情使用见上面

2015.9.15

  • 新增FIS插件列表->打包插件->trueload，主要用于移动端效果类专题，最大程度降低白屏时间，以及尽快显示loading动画

2015.9.8

  • 新增PC内部组件->基础组件->音频组件，主要解决PC端播放音频的问题，优先使用audio标签，低版本使用flash播放(基于audiojs封装)
  • 新增PC内部组件->基础组件->翻页组件，主要解决前端分页问题，不基于DOM操作

2015.9.2

  • 新增PC内部组件->高级组件->抽奖效果组件，主要解决抽奖转盘类需求

2015.8.28

  • 新增FIS插件列表分类，主要新增FIS中小组自定义的插件说明

2015.8.24

  • 新增PC内部组件->基础组件->视频组件[新版]，主要新增清晰度选择、兼容移动端

2015.8.13

  • 更新PC内部组件->基础组件->点击统计代码，新增针对指定站点统计点击方法
  • 更新PC内部组件->高级组件->登陆接口，修改默认提供的html结构

2015.8.4

  • 新增PC内部组件->高级组件->投票系统[新版]，提供新的方式嵌套投票系统，降低嵌套、调试、修改成本

2015.7.29

  • 新增移动内部组件->基础组件->加载组件，HTML5专题的资源加载组件，将图片改为用svg方式绘制，以及提供更多的接口和回调，详情请查看组件说明

2015.7.28

  • 新增PC内部组件->基础组件->复制组件[新版]，解决以前旧版难使用，单实例的问题，以及移除弹层，提供回调方式，更多说明请参考组件详情
2015 网易游戏.