分享

未分类

1. 京东广告模板系统
2. 数量：200+ ->2000+
3. 尺寸：30+ -> 500+
4. 设备: pc phone pad
5. 浏览器：ie6+
6. 样式交互持续更新
7. 数据准确性保障，影响算法
8. 媒体投放

less+nodejs生成项目 -> js自动侦测高宽

监控 phantomjs

发布流程grunt->gulp

http://img.hb.aicdn.com/ecc9fe6c192d7eb3c230c5b0ede325e529691980da233-EYABKd_fw658

(function() {
var width = config.show.width;
var height = config.show.height;

document.title = width + '-' + height;
var num = parseInt((height - 20) / width);
num < config.show.num ? num = config.show.num : true;
var renderData = _J.getRenderData(num * config.show.row);

var imgstyle = width < height ? "width:80%" : "height:80%";

var tpl = document.getElementById("skuTpl").innerHTML;

//生成html
var html = _J.template(tpl, {
height: height,
width: width,
logoHeight: 25,
datas: renderData,
column: 1,
len: renderData.length,
in_height: (100 / num) + '%',
imgstyle: imgstyle,
gsize: num,
bot: config.show.bot
});

var div = document.createElement('div');
div.innerHTML = html
document.body.appendChild(div.children[0]);

//商品数据展示
_J.loadAllPrice(renderData);
_J.initjda();
_J.initLogo();
_J.loadPromo(renderData);

var column = 1;

//加载轮播脚本插件
_J('.jdAdCol').turns(config.turns);

})();