第一組：楊昊 Angular js雙重循環(huán)獲取父級(jí)下標(biāo)$index
在顯示數(shù)據(jù)時(shí)可能遇到使用ng-repeat的情況经伙，同時(shí)我們可能需要拿到某一級(jí)數(shù)組的當(dāng)前字段值扶叉，這時(shí)可以用$index來(lái)取值。
$index可以看做數(shù)組當(dāng)前值的下標(biāo),<div ng-repeat=”e in list track by $index ”></div>中，e的值等于list[$index]枣氧。
而在遇到ng-repeat嵌套的情況溢十，可以用$parent.$index來(lái)取值。
注意：$index需要慎重使用达吞，在給ng-repeat加上過(guò)濾器的情況下
利用$index取值可能與上圖中的item的值不匹配（過(guò)濾后的數(shù)組可以算一個(gè)新數(shù)組茶宵，長(zhǎng)度發(fā)生了變化，items[$index]不一定是原數(shù)組當(dāng)前下標(biāo)的值）宗挥。
實(shí)例：如下圖所示乌庶，直接獲取父級(jí)下標(biāo)，只有兩個(gè)ng-repeat寫(xiě)在一起的時(shí)候契耿，使用 $parent.$index即可獲取瞒大，若每多一級(jí)ng-if之類(lèi)的判斷條件，則接著在往上一級(jí)尋找即可搪桂。
第二組：葉佳意 JQuery獲取節(jié)點(diǎn)的兄弟,父級(jí),子級(jí)元素的方法
jQuery.parent(expr),找父親節(jié)點(diǎn)透敌，可以傳入expr進(jìn)行過(guò)濾，比如$("span").parent()或者$("span").parent(".class")
jQuery.parents(expr),類(lèi)似于jQuery.parents(expr),但是是查找所有祖先元素踢械，不限于父元素
jQuery.children(expr).返回所有子節(jié)點(diǎn)酗电，這個(gè)方法只會(huì)返回直接的孩子節(jié)點(diǎn)，不會(huì)返回所有的子孫節(jié)點(diǎn)
jQuery.contents(),返回下面的所有內(nèi)容内列，包括節(jié)點(diǎn)和文本撵术。這個(gè)方法和children()的區(qū)別就在于，包括空白文本话瞧，也會(huì)被作為一個(gè)
jQuery對(duì)象返回嫩与，children()則只會(huì)返回節(jié)點(diǎn)
jQuery.prev()，返回上一個(gè)兄弟節(jié)點(diǎn)交排，不是所有的兄弟節(jié)點(diǎn)
jQuery.prevAll()划滋，返回所有之前的兄弟節(jié)點(diǎn)
jQuery.next(),返回下一個(gè)兄弟節(jié)點(diǎn)，不是所有的兄弟節(jié)點(diǎn)
jQuery.nextAll()埃篓，返回所有之后的兄弟節(jié)點(diǎn)
jQuery.siblings(),返回兄弟姐妹節(jié)點(diǎn)处坪，不分前后
jQuery.find(expr),跟jQuery.filter(expr)完全不一樣。jQuery.filter()是從初始的jQuery對(duì)象集合中篩選出一部分架专，而jQuery.find()的返回結(jié)果同窘，不會(huì)有初始集合中的內(nèi)容，比如$("p"),find("span"),是從<p>元素開(kāi)始找<span>,等同于$("p span").
第三組：吳景霞 Observer設(shè)計(jì)模式簡(jiǎn)介
上面的例子顯然能完成我們之前描述的工作胶征，但是卻并不夠好∪担現(xiàn)在假設(shè)熱水器由三部分組成：熱水器、警報(bào)器睛低、顯示器，它們來(lái)自于不同廠商并進(jìn)行了組裝。那么钱雷，應(yīng)該是熱水器僅僅負(fù)責(zé)燒水骂铁，它不能發(fā)出警報(bào)也不能顯示水溫；在水燒開(kāi)時(shí)由警報(bào)器發(fā)出警報(bào)罩抗、顯示器顯示提示和水溫拉庵。
這時(shí)候，上面的例子就應(yīng)該變成這個(gè)樣子：
// 熱水器
// 燒水
public class Heater {
private int temperature;
private void BoilWater() {
for (int i = 0; i <= 100; i++) {
temperature = i;
}
}
}
// 警報(bào)器
public class Alarm {
private void MakeAlert(int param) {
Console.WriteLine("Alarm：嘀嘀嘀套蒂，水已經(jīng) {0} 度了：", param);
}
}
// 顯示器
public class Display {
private void ShowMsg(int param) {
Console.WriteLine("Display：水已燒開(kāi)钞支，當(dāng)前溫度：{0}度。", param);
}
}
這里就出現(xiàn)了一個(gè)問(wèn)題：如何在水燒開(kāi)的時(shí)候通知報(bào)警器和顯示器操刀？在繼續(xù)進(jìn)行之前烁挟，我們先了解一下Observer設(shè)計(jì)模式，Observer設(shè)計(jì)模式中主要包括如下兩類(lèi)對(duì)象：
Subject：監(jiān)視對(duì)象骨坑，它往往包含著其他對(duì)象所感興趣的內(nèi)容撼嗓。在本范例中，熱水器就是一個(gè)監(jiān)視對(duì)象欢唾，它包含的其他對(duì)象所感興趣的內(nèi)容且警，就是temprature字段，當(dāng)這個(gè)字段的值快到100時(shí)礁遣，會(huì)不斷把數(shù)據(jù)發(fā)給監(jiān)視它的對(duì)象斑芜。
Observer：監(jiān)視者，它監(jiān)視Subject祟霍，當(dāng)Subject中的某件事發(fā)生的時(shí)候押搪，會(huì)告知Observer，而Observer則會(huì)采取相應(yīng)的行動(dòng)浅碾。在本范例中大州，Observer有警報(bào)器和顯示器，它們采取的行動(dòng)分別是發(fā)出警報(bào)和顯示水溫垂谢。
在本例中厦画，事情發(fā)生的順序應(yīng)該是這樣的：
- 警報(bào)器和顯示器告訴熱水器，它對(duì)它的溫度比較感興趣(注冊(cè))滥朱。
- 熱水器知道后保留對(duì)警報(bào)器和顯示器的引用根暑。
- 熱水器進(jìn)行燒水這一動(dòng)作，當(dāng)水溫超過(guò)95度時(shí)徙邻，通過(guò)對(duì)警報(bào)器和顯示器的引用排嫌，自動(dòng)調(diào)用警報(bào)器的MakeAlert()方法、顯示器的ShowMsg()方法缰犁。
類(lèi)似這樣的例子是很多的淳地，GOF對(duì)它進(jìn)行了抽象怖糊，稱(chēng)為Observer設(shè)計(jì)模式：Observer設(shè)計(jì)模式是為了定義對(duì)象間的一種一對(duì)多的依賴關(guān)系，以便于當(dāng)一個(gè)對(duì)象的狀態(tài)改變時(shí)颇象，其他依賴于它的對(duì)象會(huì)被自動(dòng)告知并更新伍伤。Observer模式是一種松耦合的設(shè)計(jì)模式。
實(shí)現(xiàn)范例的Observer設(shè)計(jì)模式
我們之前已經(jīng)對(duì)委托和事件介紹很多了遣钳，現(xiàn)在寫(xiě)代碼應(yīng)該很容易了扰魂，現(xiàn)在在這里直接給出代碼，并在注釋中加以說(shuō)明蕴茴。
using System;
using System.Collections.Generic;
using System.Text;
namespace Delegate {
// 熱水器
public class Heater {
private int temperature;
public delegate void BoilHandler(int param);
//聲明委托
public event BoilHandler BoilEvent;
//聲明事件 // 燒水
public void BoilWater() {
for (int i = 0; i <= 100; i++) {
temperature = i;
if (temperature > 95) {
if (BoilEvent != null) {
//如果有對(duì)象注冊(cè)
BoilEvent(temperature);
//調(diào)用所有注冊(cè)對(duì)象的方法
}
}
}
}
}
// 警報(bào)器
public class Alarm {
public void MakeAlert(int param) {
Console.WriteLine("Alarm：嘀嘀嘀劝评，水已經(jīng) {0} 度了：", param);
}
}
// 顯示器
public class Display {
public static void ShowMsg(int param) {//靜態(tài)方法
Console.WriteLine("Display：水快燒開(kāi)了，當(dāng)前溫度：{0}度倦淀。", param);
}
}
class Program {
static void Main() {
Heater heater = new Heater();
Alarm alarm = new Alarm();
heater.BoilEvent += alarm.MakeAlert;
//注冊(cè)方法
heater.BoilEvent += (new Alarm()).MakeAlert;
//給匿名對(duì)象注冊(cè)方法
heater.BoilEvent += Display.ShowMsg;
//注冊(cè)靜態(tài)方法
heater.BoilWater();
//燒水蒋畜，會(huì)自動(dòng)調(diào)用注冊(cè)過(guò)對(duì)象的方法
}
}
}輸出為：Alarm：嘀嘀嘀，水已經(jīng)96度了：Alarm：嘀嘀嘀晃听，水已經(jīng)96度了：Display：水快燒開(kāi)了百侧，當(dāng)前溫度：96度。
第四組：傅云 如何制作網(wǎng)頁(yè)提示框邊上的紅圈提示
例：
- 建一個(gè)CSS
.circle {
right: 10px;
top: 0px;
border-radius: 50%;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
color: #ffffff;
background-color: #ff0000;
}
- 在div中加入需要顯示的文字或數(shù)字或動(dòng)態(tài)獲取數(shù)據(jù)
<div class="circle" id="AbnormalCount">0</div>
第五組：王顥 Winform中的TextBox的小技巧
1. 一些常用屬性
this.textBox5.PasswordChar = '@'; //密碼的樣式
this.textBox5.UseSystemPasswordChar = true; //如果這個(gè)屬性為true能扒，則密碼就和系統(tǒng)默認(rèn)的密碼樣式相同佣渴，而PasswordChar屬性不起作用.
this.textBox5.Multiline = true; //多行顯示
this.textBox5.WordWrap = true; //自動(dòng)換行
this.textBox5.ScrollBars = ScrollBars.Vertical; //顯示垂直滾動(dòng)條。ScrollBars的枚舉值之一初斑。
this.textBox5.MaxLength = 100; //在文本框中輸入的最大字符數(shù)辛润。
2. 實(shí)現(xiàn)自動(dòng)完成功能，提高用戶體驗(yàn)
想實(shí)現(xiàn)自動(dòng)完成见秤，就必須明白三個(gè)屬性：
AutoCompleteSource屬性： 設(shè)置自動(dòng)完成的來(lái)源砂竖。此屬性的值為AutoCompleteSource枚舉值之一
AutoCompleteMode屬性：設(shè)置自動(dòng)完成的顯示模式。此屬性的值為AutoCompleteMode枚舉值之一
AutoCompleteCustomSource屬性：自定義完成來(lái)源鹃答。當(dāng)AutoCompleteSource屬性值為CustomSource時(shí),此屬性才起做用乎澄。屬性值為AutoCompleteStringCollection集合對(duì)象，可以通過(guò)AutoCompleteCustomSource屬性這個(gè)集合测摔。
可以通過(guò)直接屬性值來(lái)實(shí)現(xiàn)自動(dòng)完成置济，也可以用代碼實(shí)現(xiàn)，用代碼如下：
AutoCompleteStringCollection myCutomSource = new AutoCompleteStringCollection();
myCutomSource.AddRange(new string[] {
"成都市東門(mén)",
"成都市北門(mén)",
"成都市西門(mén)",
"成都市南門(mén)"
});
this.textBox5.AutoCompleteSource = AutoCompleteSource.CustomSource;
this.textBox5.AutoCompleteMode = AutoCompleteMode.SuggestAppend;
this.textBox5.AutoCompleteCustomSource = myCutomSource;
3. TextBox控件中的字符在輸入同時(shí)立即轉(zhuǎn)換為大寫(xiě)或小寫(xiě)
方法一：通過(guò)CharacterCasing屬性來(lái)實(shí)現(xiàn)锋八。此屬性默認(rèn)的值為Normal浙于，意思是字符的大小寫(xiě)不會(huì)改變。還有2個(gè)屬性值：Upper和Lower挟纱。
方法二：通過(guò)TextBox的KeyPress事件實(shí)現(xiàn)
private void textBox3_KeyPress(object sender, KeyPressEventArgs e)
{
if (char.IsLower(e.KeyChar))
{
textBox3.SelectedText = char.ToUpper(e.KeyChar).ToString();
e.Handled = true;
}
}
4. 驗(yàn)證用戶輸入羞酗，增加用戶體驗(yàn)
基本的思路是：首先，使用控件的Validating事件來(lái)驗(yàn)證用戶的輸入紊服。其次檀轨，當(dāng)輸入值不符合要求時(shí)胸竞，用ErrorProvider控件通知用戶或者 用MessageBox以彈出對(duì)話框的形式通知用戶。顯然用RrrorProvider控件通知用戶更具用戶體驗(yàn)性裤园。
……
……
……
詳情參考doc文檔
