第一組：楊昊

今天給大家分享一部網(wǎng)絡(luò)神劰偬住：《毛騙》。

是的沒(méi)錯(cuò)，就是這么清新脫俗的名字奶赔，而且可能畫(huà)質(zhì)不好（劇組沒(méi)錢(qián)沒(méi)辦法）惋嚎。但是！Ｕ拘獭另伍！這部劇的劇情真的良心。9.6分——這是國(guó)產(chǎn)電視劇在豆瓣獲得的最高分?jǐn)?shù)绞旅。至今,得到這一分?jǐn)?shù)的劇集一共有三部：《走向共和》摆尝、《大明王朝1566》（這個(gè)也好，都是戲精）以及這部網(wǎng)劇的第三部《毛騙.終結(jié)篇》（可能網(wǎng)盤(pán)見(jiàn)）因悲。厲害了堕汞！

這是知乎上的評(píng)價(jià)：如何評(píng)價(jià)網(wǎng)絡(luò)劇《毛騙》？其中有一點(diǎn)確實(shí)是真的晃琳，就是劇組為了省錢(qián)直接上街拍攝讯检，因?yàn)樾Ч姹蝗罕娕e報(bào)，然后被警察抓走了卫旱。正因如此人灼，劇情中群演的表現(xiàn)力超群。
說(shuō)了這么多顾翼，我就是不放劇情投放，自己去看吧，還有毒點(diǎn)适贸，我是不會(huì)說(shuō)的灸芳。好東西要大家一起分享的。

image.png

第二組：

1. select 清空option

$(“#select”).empty();

2. 計(jì)算時(shí)間差

• 相差天數(shù)

var mydate = new Date();
var tim = "" + mydate.getFullYear();
var mm = mydate.getMonth() + 1;
if (mydate.getMonth() > 9) {
    tim += '-' + mm;
} else {
    tim += '-' + "0" + mm;
}
if (mydate.getDate() > 9) {
    tim += '-' + mydate.getDate();
} else {
    tim += '-' + "0" + mydate.getDate();
}
var nowDate = tim;
var issueDate = IssueDate.substring(0, 10);
var OneMonth = nowDate.substring(5, nowDate.lastIndexOf('-'));
var OneDay = nowDate.substring(nowDate.length, nowDate.lastIndexOf('-') + 1);
var OneYear = nowDate.substring(0, nowDate.indexOf('-'));
var TwoMonth = issueDate.substring(5, issueDate.lastIndexOf('/'));
var TwoDay = issueDate.substring(issueDate.length, issueDate.lastIndexOf('/') + 1);
var TwoYear = issueDate.substring(0, issueDate.indexOf('/'));

var cha = Math.abs((Date.parse(OneMonth + '/' + OneDay + '/' + OneYear) - Date.parse(TwoMonth + '/' + TwoDay + '/' + TwoYear)) / 86400000);

• 相差月數(shù)

  //兩個(gè)日期
var nowDate = tim.toString();
var issueDate = IssueDate.substring(0, 10).toString();

// 拆分年月日
nowDate = nowDate.split('-');
// 得到月數(shù)
nowDate = parseInt(nowDate[0]) * 12 + parseInt(nowDate[1]);
// 拆分年月日
issueDate = issueDate.split('/');
// 得到月數(shù)
issueDate = parseInt(issueDate[0]) * 12 + parseInt(issueDate[1]);
var m = Math.abs(nowDate - issueDate);

3. APPCan-底部菜單欄

var tabview_Tab = appcan.tab({
    selector: $("#Tab"),
    hasIcon: true,
    hasAnim: false,
    hasLabel: true,
    hasBadge: false,
    index: 0,
    data: [{
        label: "優(yōu)免票申請(qǐng)",
        //icon : "fa-home"
    },
    {
        label: "訂單查詢",
        //icon : "fa-user"
    },
    {
        label: "我的信息",
        //icon : "fa-user"
    }]
});
tabview_Tab.on('click',
function(obj, index) {
    $('.tab_pane').removeClass('active');
    $($('.tab_pane')[index]).addClass('active');
    $('.header').addClass('uhide');
    $($('.header')[index]).removeClass('uhide');
    // clearPage();
})

效果:

圖1.png

4. 標(biāo)簽

      var lv2 = appcan.listview({
    selector: "#listview2",
    type: "thinLine",
    hasIcon: true,
    hasAngle: true,
    hasSubTitle: true,
    multiLine: 1
});
lv2.set([{
    // icon : 'myInformation/css/myImg/myImg1.png',
    title: '個(gè)人信息',
    subTitle: '',
    name: "personalDetails"
},
{
    title: '親屬信息',
    subTitle: '',
    name: "relativeInformation"
},
{
    title: '額度信息',
    subTitle: '',
    name: "amountInformation"
},
{
    title: '親屬審核',
    subTitle: '',
    name: "relativesAudit"
}]);
lv2.on('click',
function(ele, context, obj, subobj) {
    if (context.name == "personalDetails") {
        appcan.openWinWithUrl('personalDetails', 'personalDetails.html');
    } else if (context.name == "relativeInformation") {
        appcan.openWinWithUrl('relativeInformation', 'relativeInformation.html');
    } else if (context.name == "amountInformation") {
        appcan.openWinWithUrl('amountInformation', 'amountInformation.html');
    } else if (context.name == "relativesAudit") {
        appcan.openWinWithUrl('relativesAudit', 'relativesAudit.html');
    }
})

效果:

圖2.png

5. 取到對(duì)象的鍵值key及屬性值value

    var object = {
        "name" : "xiaoming",
        "age" : 29
    }
    var keys = [];
    var values = [];
    for (var p in object) {
        if (object.hasOwnProperty(p)) {
            keys.push(p);
            values.push(object[p]);
        }}

第三組：蔡永堅(jiān) Cookie

Cookie是由服務(wù)器端生成取逾，發(fā)送給User-Agent（一般是瀏覽器）耗绿，瀏覽器會(huì)將Cookie的key/value保存到某個(gè)目錄下的文本文件內(nèi)，下次請(qǐng)求同一網(wǎng)站時(shí)就發(fā)送該Cookie給服務(wù)器（前提是瀏覽器設(shè)置為啟用cookie）砾隅。

例如購(gòu)物網(wǎng)站存儲(chǔ)用戶曾經(jīng)瀏覽過(guò)的產(chǎn)品列表误阻，或者門(mén)戶網(wǎng)站記住用戶喜歡選擇瀏覽哪類(lèi)新聞。 在用戶允許的情況下晴埂，還可以存儲(chǔ)用戶的登錄信息究反，使得用戶在訪問(wèn)網(wǎng)站時(shí)不必每次都鍵入這些信息？

怎么在js/jquery中操作處理cookie那儒洛？今天分享一個(gè)cookie操作類(lèi)--jQuery.Cookie.js精耐，是一個(gè)輕量級(jí)的Cookie管理插件。

Cookie下載地址： http://plugins.jquery.com/project/cookie.

特別提醒琅锻，今日發(fā)現(xiàn)一個(gè)特別的錯(cuò)誤卦停，google瀏覽器提示：has no method $.cookie向胡。火狐瀏覽器提示:$.cookie is not a function;調(diào)試了半天惊完，終于找到原因僵芹，如果同一個(gè)頁(yè)面兩次或者多次引入Jquery插件就會(huì)報(bào)此錯(cuò)誤。

使用方法：

• 引入jQuery與jQuery.Cookie.js插件小槐。
  代碼如下:

<script src="jQuery.1.8.3.js" type="text/javascript"></script> 
<script src="jquery.cookie.js" type="text/javascript"></script>

• 將cookie寫(xiě)入文件

varCOOKIE_NAME = 'username'; 
 if( $.cookie(COOKIE_NAME) ){  
   $("#username").val( $.cookie(COOKIE_NAME) );  
 } 
 $("#check").click(function(){ 
   if(this.checked){ 
     $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 });  
     //var date = new Date();  
     //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的這個(gè)時(shí)候過(guò)期  
     //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });  
   }else{ 
     $.cookie(COOKIE_NAME,null, { path: '/'}); //刪除cookie 
   } 
 });

函數(shù):
語(yǔ)法：$.cookie(名稱,值,[option])

• 讀取cookie值
  $.cookie(cookieName)　　
  cookieName:要讀取的cookie名稱拇派。
  示例：$.cookie("username"); 讀取保存在cookie中名為的username的值。

• 寫(xiě)入設(shè)置Cookie值：
  $.cookie(cookieName,cookieValue);　
  cookieName:要設(shè)置的cookie名稱凿跳，cookieValue表示相對(duì)應(yīng)的值件豌。
  示例:$.cookie("username","admin"); 將值"admin"寫(xiě)入cookie名為username的cookie中。
  $.cookie("username",NULL);　　　銷(xiāo)毀名稱為username的cookie

• [option]參數(shù)說(shuō)明：
  expires:有限日期控嗜，可以是一個(gè)整數(shù)或一個(gè)日期(單位：天)茧彤。這個(gè)地方也要注意，如果不設(shè)置這個(gè)東西躬审，瀏覽器關(guān)閉之后此cookie就失效了棘街。
  path:　cookie值保存的路徑，默認(rèn)與創(chuàng)建頁(yè)路徑一致承边。
  domin: cookie域名屬性遭殉，默認(rèn)與創(chuàng)建頁(yè)域名一樣。這個(gè)地方要相當(dāng)注意博助，跨域的概念险污，如果要主域名二級(jí)域名有效則要設(shè)置 ".xxx.com" 。
  secrue:一個(gè)布爾值富岳，表示傳輸cookie值時(shí)蛔糯，是否需要一個(gè)安全協(xié)議。

示例：
復(fù)制代碼代碼如下:

$.cookie("like", $(":radio[checked]").val(), { 
        　　path: "/", expiress: 7 
        })

想了解詳情可以去查閱詳細(xì)文檔2017.11.17-第3組-蔡永堅(jiān).docx窖式。

第四組：張?jiān)? Python XML解析

1. SAX (simple API for XML )

python 標(biāo)準(zhǔn)庫(kù)包含SAX解析器蚁飒，SAX用事件驅(qū)動(dòng)模型，通過(guò)在解析XML的過(guò)程中觸發(fā)一個(gè)個(gè)的事件并調(diào)用用戶定義的回調(diào)函數(shù)來(lái)處理XML文件萝喘。

2. DOM(Document Object Model)

將XML數(shù)據(jù)在內(nèi)存中解析成一個(gè)樹(shù)淮逻，通過(guò)對(duì)樹(shù)的操作來(lái)操作XML。

3. ElementTree(元素樹(shù))

ElementTree就像一個(gè)輕量級(jí)的DOM阁簸，具有方便友好的API爬早。代碼可用性好，速度快启妹，消耗內(nèi)存少筛严。

python使用SAX解析xml

SAX是一種基于事件驅(qū)動(dòng)的API。

利用SAX解析XML文檔牽涉到兩個(gè)部分:解析器和事件處理器饶米。

解析器負(fù)責(zé)讀取XML文檔,并向事件處理器發(fā)送事件,如元素開(kāi)始跟元素結(jié)束事件;

而事件處理器則負(fù)責(zé)對(duì)事件作出相應(yīng),對(duì)傳遞的XML數(shù)據(jù)進(jìn)行處理桨啃。

適于處理下面的問(wèn)題：

• 對(duì)大型文件進(jìn)行處理车胡；
• 只需要文件的部分內(nèi)容，或者只需從文件中得到特定信息照瘾。
• 想建立自己的對(duì)象模型的時(shí)候吨拍。

在python中使用sax方式處理xml要先引入xml.sax中的parse函數(shù)，還有xml.sax.handler中的ContentHandler网杆。

4. ContentHandler類(lèi)方法介紹

characters(content)方法

調(diào)用時(shí)機(jī)：

從行開(kāi)始，遇到標(biāo)簽之前伊滋，存在字符碳却，content的值為這些字符串。
從一個(gè)標(biāo)簽笑旺，遇到下一個(gè)標(biāo)簽之前昼浦， 存在字符，content的值為這些字符串筒主。
從一個(gè)標(biāo)簽关噪，遇到行結(jié)束符之前，存在字符乌妙，content的值為這些字符串使兔。
標(biāo)簽可以是開(kāi)始標(biāo)簽，也可以是結(jié)束標(biāo)簽藤韵。

• startDocument()方法: 文檔啟動(dòng)的時(shí)候調(diào)用虐沥。
• endDocument()方法: 解析器到達(dá)文檔結(jié)尾時(shí)調(diào)用。
• startElement(name, attrs)方法: 遇到XML開(kāi)始標(biāo)簽時(shí)調(diào)用泽艘，name是標(biāo)簽的名字欲险，attrs是標(biāo)簽的屬性值字典。
• endElement(name)方法: 遇到XML結(jié)束標(biāo)簽時(shí)調(diào)用匹涮。

make_parser方法

以下方法創(chuàng)建一個(gè)新的解析器對(duì)象并返回天试。
xml.sax.make_parser( [parser_list] )

參數(shù)說(shuō)明:

• parser_list - 可選參數(shù)，解析器列表

parser方法

以下方法創(chuàng)建一個(gè) SAX 解析器并解析xml文檔：
xml.sax.parse( xmlfile, contenthandler[, errorhandler])

參數(shù)說(shuō)明:

• xmlfile - xml文件名
• contenthandler - 必須是一個(gè)ContentHandler的對(duì)象
• errorhandler - 如果指定該參數(shù)然低，errorhandler必須是一個(gè)SAX ErrorHandler對(duì)象

parseString方法

parseString方法創(chuàng)建一個(gè)XML解析器并解析xml字符串：
xml.sax.parseString(xmlstring, contenthandler[, errorhandler])

參數(shù)說(shuō)明:

• xmlstring - xml字符串
• contenthandler - 必須是一個(gè)ContentHandler的對(duì)象
• errorhandler - 如果指定該參數(shù)喜每，errorhandler必須是一個(gè)SAX ErrorHandler對(duì)象

第五組：王顥 clientHeight、offsetHeight脚翘、scrollHeight

window.screen.availWidth 返回當(dāng)前屏幕寬度(空白空間)
window.screen.availHeight 返回當(dāng)前屏幕高度(空白空間)
window.screen.width 返回當(dāng)前屏幕寬度(分辨率值)
window.screen.height 返回當(dāng)前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回當(dāng)前網(wǎng)頁(yè)高度
window.document.body.offsetWidth; 返回當(dāng)前網(wǎng)頁(yè)寬度

IE（Internet Explorer）灼卢、NS（Netscape）、Opera来农、FF（FireFox）鞋真。
四種瀏覽器對(duì) document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解釋沃于。

• clientHeight

clientHeight涩咖，都認(rèn)為是內(nèi)容可視區(qū)域的高度海诲，也就是說(shuō)頁(yè)面瀏覽器中可以看到內(nèi)容的這個(gè)區(qū)域的高度，一般是最后一個(gè)工具條以下到狀態(tài)欄以上的這個(gè)區(qū)域檩互，與頁(yè)面內(nèi)容無(wú)關(guān)特幔。

• offsetHeight

IE、Opera 認(rèn)為 offsetHeight = clientHeight + 滾動(dòng)條 + 邊框闸昨。
NS蚯斯、FF 認(rèn)為 offsetHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度，可以小于 clientHeight饵较。

• scrollHeight

IE拍嵌、Opera 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度，可以小于 clientHeight循诉。
NS横辆、FF 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容高度，不過(guò)最小值是 clientHeight茄猫。

簡(jiǎn)單地說(shuō)

clientHeight 就是透過(guò)瀏覽器看內(nèi)容的這個(gè)區(qū)域高度狈蚤。

NS、FF 認(rèn)為 offsetHeight 和 scrollHeight 都是網(wǎng)頁(yè)內(nèi)容高度划纽，只不過(guò)當(dāng)網(wǎng)頁(yè)內(nèi)容高度小于等于 clientHeight 時(shí)脆侮，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight阿浓。

IE他嚷、Opera 認(rèn)為 offsetHeight 是可視區(qū)域 clientHeight 滾動(dòng)條加邊框。scrollHeight 則是網(wǎng)頁(yè)內(nèi)容實(shí)際高度芭毙。

同理

clientWidth筋蓖、offsetWidth 和 scrollWidth 的解釋與上面相同，只是把高度換成寬度即可退敦。

• clientHeight與offsetHeight的區(qū)別

clientHeight和offsetHeight的區(qū)別粘咖，就是clientHeight的值不包括scrollbar的高度，而offsetHeight的值包括了scrollbar的高度侈百。然而瓮下，clientHeight和offsetHeight的值到底由什么組成的呢？如何計(jì)算這兩個(gè)數(shù)的值钝域？

• clientHeight和offsetHeight的值由什么決定讽坏？

clientHeight的值由DIV內(nèi)容的實(shí)際高度和CSS中的padding值決定，而offsetHeight的值由DIV內(nèi)容的實(shí)際高度例证，CSS中的padding值路呜，scrollbar的高度和DIV的border值決定；至于CSS中的margin值，則不會(huì)影響clientHeight和offsetHeight的值胀葱。