From e5eab73e03b62ccdf716109b3151c18b7fc52431 Mon Sep 17 00:00:00 2001 From: mip-platform Date: Wed, 28 Jun 2017 15:35:57 +0800 Subject: [PATCH] update extensions --- mip-233-newsmore/README.md | 28 ++++++ mip-233-newsmore/mip-233-newsmore.js | 40 +++++++++ mip-233-newsmore/package.json | 10 +++ mip-qqtn-cnzz/README.md | 2 +- mip-qqtn-cnzz/mip-qqtn-cnzz.js | 126 ++++++++++++++++++++++++--- 5 files changed, 191 insertions(+), 15 deletions(-) create mode 100644 mip-233-newsmore/README.md create mode 100644 mip-233-newsmore/mip-233-newsmore.js create mode 100644 mip-233-newsmore/package.json diff --git a/mip-233-newsmore/README.md b/mip-233-newsmore/README.md new file mode 100644 index 00000000..f558ab22 --- /dev/null +++ b/mip-233-newsmore/README.md @@ -0,0 +1,28 @@ + +# mip-233-newsmore + +分页加载新闻插件 + +标题|内容 +----|---- +类型|业务,广告 +支持布局|N/S +所需脚本|https://mipcache.bdstatic.com/static/v1/mip-233-newsmore/mip-233-newsmore.js + +## 示例 + +``` html + +
+

童年是美好的，它犹如一杯加了糖的柠檬汁，酸甜可口，回味无穷。童年的回忆又是美妙的，它就似一幅流光溢彩的画卷，将许许多多有趣的、好玩的事情绘入我的脑海，时常一幕幕的闪现。其中两个小片断，每每想起，内心就会不由自主升起一股浓浓的笑意。 + 孩提时代，模仿是孩子们的天性，当然我也不例外。我三岁多的时候，经常见爸爸上厕所时不是拿着书就是带着报。我不明白其中的奥妙，但也好去模仿。每次上厕所时，也装模做样的拿着报纸进去，出来的时候又照样拿出来。爸爸发现我的这一举动后，感到很奇怪，因为那时候，我还不认识几个字。他就在我上厕所的时候，偷偷地拉开门，然后就哈哈大笑起来，笑的眼泪都快出来了。因为他看见我老老实实地坐在马桶上，并没有看报读书，而是把报纸放在墙边。原来，这是我观察爸爸后的“模仿秀”。 +

+ +

俗话说，“一天内，人有三迷”。平常，我的小脑袋瓜也有“断电”的时候。记得有一次早上，起床有点晚，妈妈催促我赶快穿衣吃饭去上学，并叮嘱我穿好毛衣。由于时间紧，我手忙脚乱地穿衣收拾东西。但是，怎么也找不到我的毛衣，急得像热锅上的蚂蚁—团团转。我赶快向妈妈求救，让她帮我也找找毛衣。妈妈走过来后，装作很生气的样子，用手在我的小屁股上拍了一巴掌，说道：“你这孩子怎么搞的，都不长一点脑子，看看自己身上是什么。”我一低头，脸一下子就红到了耳根。原来，毛衣已经在我慌乱时穿在了身上，而我还在“骑驴找驴”。

+ +

童年是充满阳光的，它让我享受了世间最好的关爱；童年是五颜六色的，它使我的回忆绚丽多彩；童年又是丰富有趣的，它给了我无穷的快乐。

+
+ +
展开加载全文
+ +``` diff --git a/mip-233-newsmore/mip-233-newsmore.js b/mip-233-newsmore/mip-233-newsmore.js new file mode 100644 index 00000000..1fd9e36f --- /dev/null +++ b/mip-233-newsmore/mip-233-newsmore.js @@ -0,0 +1,40 @@ +/** + * @file 分页加载新闻插件 + * @author 233 程序部 + */ +define(function (require) { + var $ = require('zepto'); + var customElem = require('customElement').create(); + // build 方法，元素插入到文档时执行，仅会执行一次 + customElem.prototype.build = function () { + var element = this.element; + var page = parseInt($(element).attr('data-page'), 10); + var maxpage = parseInt($(element).attr('data-maxpage'), 10); + var filename = $(element).attr('data-filename'); + function newHtml(obj, filename, page) { + $.ajax({ + type: 'get', + url: filename + '-' + page + '.htm?tim=' + new Date().getTime(), + scriptCharset: 'utf-8', + dataType: 'html', + success: function (data) { + if (data) { + $(element).find('.news-content').html($(element).find('.news-content').html() + data); + obj.attr('data-page', ++page); + } + }, + error: function (data) { + return false; + } + }); + } + $(element).find('.more-button').click(function () { + if (page <= maxpage) { + newHtml($(this), filename, page); + } else { + $(this).remove(); + } + }); + }; + return customElem; +}); diff --git a/mip-233-newsmore/package.json b/mip-233-newsmore/package.json new file mode 100644 index 00000000..7360486c --- /dev/null +++ b/mip-233-newsmore/package.json @@ -0,0 +1,10 @@ +{ + "name": "mip-233-newsmore", + "version": "1.0.0", + "description":"分页加载新闻插件", + "author": { + "name": "newsmore", + "email": "446545975@qq.com", + "url": "www.233.com" + } +} diff --git a/mip-qqtn-cnzz/README.md b/mip-qqtn-cnzz/README.md index 9bd334a4..c593609b 100644 --- a/mip-qqtn-cnzz/README.md +++ b/mip-qqtn-cnzz/README.md @@ -11,7 +11,7 @@ mip-qqtn-cnzz CNZZ统计 ### CNZZ统计 ```html - + ``` diff --git a/mip-qqtn-cnzz/mip-qqtn-cnzz.js b/mip-qqtn-cnzz/mip-qqtn-cnzz.js index 906dfcdf..6fce170d 100644 --- a/mip-qqtn-cnzz/mip-qqtn-cnzz.js +++ b/mip-qqtn-cnzz/mip-qqtn-cnzz.js @@ -5,23 +5,121 @@ * @version 1.0 * @copyright 2016 Baidu.com, Inc. All Rights Reserved */ + define(function (require) { + var $ = require('zepto'); + var customElement = require('customElement').create(); - function mipcnzz() { - var cnzzprotocol = 'https://'; - var cnzzid; - var cnzzsite; - var jsStr = '%3Cspan id=\'cnzz_stat_icon_5932461'; - jsStr += cnzzid + '\'%3E%3C/span%3E%3Cscript src=\''; - jsStr += cnzzprotocol; - jsStr += cnzzsite; - jsStr += 's12.cnzz.com/stat.php%3Fid%3D593246'; - jsStr += cnzzid; - jsStr += '%26show%3Dpic1\' type=\'text/javascript\'%3E%3C/script%3E'; - document.write(unescape(jsStr)); - } customElement.prototype.build = function () { - mipcnzz(); + var element = this.element; + var $element = $(element); + var token = element.getAttribute('token'); + var setConfig = element.getAttribute('setconfig'); + var yczc; + if (token) { + window.yczc = window.yczc || []; + yczc.push([ + '_setAccount', + token + ]); + + // 检测setconfig是否存在 + if (setConfig) { + var setCustom = buildArry(decodeURIComponent(setConfig)); + yczc.push(setCustom); + } + + var cnzzScript = document.createElement('script'); + var src = 'https://s12.cnzz.com/z_stat.php?id=' + token + + '&web_id=' + token; + cnzzScript.setAttribute('language', 'JavaScript'); + cnzzScript.src = src; + $element.append($(cnzzScript)); + bindEle(); + } + }; + + + // 绑定事件 + function bindEle() { + var tagBox = document.querySelectorAll('*[data-stats-cnzz-obj]'); + + for (var index = 0; index < tagBox.length; index++) { + var statusData = tagBox[index].getAttribute('data-stats-cnzz-obj'); + + // 检测statusData是否存在 + if (!statusData) { + return; + } + + try { + statusData = JSON.parse(decodeURIComponent(statusData)); + } catch (e) { + return; + } + var eventtype = statusData.type; + if (!statusData.data) { + return; + } + + var data = buildArry(statusData.data); + + if (eventtype !== 'click' && eventtype !== 'mouseup' && eventtype !== 'load') { + // 事件限制到click,mouseup,load(直接触发) + return; + } + + if ($(tagBox[index]).hasClass('mip-stats-eventload')) { + return; + } + + $(tagBox[index]).addClass('mip-stats-eventload'); + var yczc; + if (eventtype === 'load') { + yczc.push(data); + } + else { + tagBox[index].addEventListener(eventtype, function (event) { + var tempData = this.getAttribute('data-stats-cnzz-obj'); + if (!tempData) { + return; + } + var statusJson; + try { + statusJson = JSON.parse(decodeURIComponent(tempData)); + } catch (e) { + return; + } + if (!statusJson.data) { + return; + } + var attrData = buildArry(statusJson.data); + yczc.push(attrData); + }, false); + } + } + } + + // 数据换转 + function buildArry(arrayStr) { + if (!arrayStr) { + return; + } + + var strArr = arrayStr.slice(1, arrayStr.length - 1).split(','); + var newArray = []; + + for (var index = 0; index < strArr.length; index++) { + var item = strArr[index].replace(/(^\s*)|(\s*$)/g, '').replace(/\'/g, ''); + if (item === 'false' || item === 'true') { + item = Boolean(item); + } + + newArray.push(item); + } + return newArray; + } + return customElement; });