2017.12.20 點(diǎn)擊旋轉(zhuǎn)圖片掸驱、鼠標(biāo)滑入離開、C#中的反射没佑、Jquery獲取動態(tài)id毕贼、DateTimePicker總結(jié)

第一組:劉聰 點(diǎn)擊旋轉(zhuǎn)圖片功能

點(diǎn)擊圖片實(shí)現(xiàn)逆時(shí)針旋轉(zhuǎn)功能:
Html:


image.png

Model中存儲了多張照片,通過遍歷顯示每張照片图筹,綁定點(diǎn)擊事件帅刀,并且傳入事件和引索作為參數(shù)让腹。
Js:


image.png

通過current[i]記錄點(diǎn)擊次數(shù),改變r(jià)otate值扣溺,實(shí)現(xiàn)旋轉(zhuǎn)骇窍。
效果:


image.png

該方法實(shí)現(xiàn)了簡單的圖片旋轉(zhuǎn)功能,只要點(diǎn)擊圖片锥余,圖片就旋轉(zhuǎn)90度腹纳。


第二組:徐晉 鼠標(biāo)滑入離開及移動

Jquery中的mouseover,mouseout驱犹,mousemove方法:

  • mouseover() 方法:當(dāng)鼠標(biāo)指針位于元素上方時(shí)嘲恍,會發(fā)生 mouseover 事件
  • mouseout() 方法:當(dāng)鼠標(biāo)指針從元素上移開時(shí),發(fā)生 mouseout 事件
  • mousemove() 方法:當(dāng)鼠標(biāo)指針在指定的元素中移動時(shí)雄驹,就會發(fā)生 mousemove 事件

mouseover佃牛,mouseout,mousemove的使用方法示例之圖片提示:

代碼:

<script>
   $(function () {
       var x = 10;
       var y = 20;
       $("a.tooltip").mouseover(function (e) {
           this.myTitle = this.title;
           this.title = "";
           var imageTitle = this.myTitle ? "<br/>" + this.myTitle : "";
           var tooltip = "<div id='tooltip'><img src='" + this.href + "' alt='預(yù)覽圖'>" + imageTitle + "</div>";
           $("body").append(tooltip);
           $("#tooltip").css({
               "top": (e.pageY + y) + "px",
               "left": (e.pageX + x) + "px"
           }).show("fast");
       }).mouseout(function () {
           this.title = this.myTitle;
           $("#tooltip").remove();
       }).mousemove(function (e) {
           $("#tooltip").css({
               "top": (e.pageY + y) + "px",
               "left": (e.pageX + x) + "px"
           });
       });
   })
</script>

實(shí)現(xiàn)效果:
鼠標(biāo)滑入圖片時(shí)顯示圖片的放大提示医舆,并且提示可以跟隨鼠標(biāo)移動俘侠,鼠標(biāo)離開圖片時(shí)提示消失。

image.png

第三組:吳景霞 詳解C#中的反射

兩個(gè)現(xiàn)實(shí)中的例子:
  1. B超:大家體檢的時(shí)候大概都做過B超吧蔬将,B超可以透過肚皮探測到你內(nèi)臟的生理情況爷速。這是如何做到的呢?B超是B型超聲波霞怀,它可以透過肚皮通過向你體內(nèi)發(fā)射B型超聲波惫东,當(dāng)超聲波遇到內(nèi)臟壁的時(shí)候就會產(chǎn)生一定的“回音”反射,然后把“回音”進(jìn)行處理就可以顯示出內(nèi)臟的情況了(我不是醫(yī)生也不是聲學(xué)專家毙石,不知說得是否準(zhǔn)確_)廉沮。

  2. 地球內(nèi)部結(jié)構(gòu):地球的內(nèi)部結(jié)構(gòu)大體可以分為三層:地殼、地幔和地核胁黑。地殼是固體废封,地核是液體,地幔則是半液半固的結(jié)構(gòu)(中學(xué)地理的內(nèi)容丧蘸,大家還記得吧漂洋?)。如何在地球表面不用深入地球內(nèi)部就知道其內(nèi)部的構(gòu)造呢力喷?對刽漂,向地球發(fā)射“地震波”,“地震波”分兩種一種是“橫波”弟孟,另一種是“縱波”贝咙。“橫波”只能穿透固體拂募,而“縱波”既可穿透固體又可以穿透液體庭猩。通過在地面對縱波和橫波的反回情況窟她,我們就可以大體斷定地球內(nèi)部的構(gòu)造了。

大家注意到這兩個(gè)例子的共同特點(diǎn)蔼水,就是從一個(gè)對象的外部去了解對象內(nèi)部的構(gòu)造震糖,而且都是利用了波的反射功能。在.NET中的反射也可以實(shí)現(xiàn)從對象的外部來了解對象(或程序集)內(nèi)部結(jié)構(gòu)的功能趴腋,哪怕你不知道這個(gè)對象(或程序集)是個(gè)什么東西吊说,另外.NET中的反射還可以運(yùn)態(tài)創(chuàng)建出對象并執(zhí)行它其中的方法。

反射是.NET中的重要機(jī)制优炬,通過反射颁井,可以在運(yùn)行時(shí)獲得程序或程序集中每一個(gè)類型(包括類、結(jié)構(gòu)蠢护、委托雅宾、接口和枚舉等)的成員和成員的信息。有了反射葵硕,即可對每一個(gè)類型了如指掌溪北。另外我還可以直接創(chuàng)建對象例证,即使這個(gè)對象的類型在編譯時(shí)還不知道劈彪。

反射的用途:

(1)使用Assembly定義和加載程序集绪杏,加載在程序集清單中列出模塊间唉,以及從此程序集中查找類型并創(chuàng)建該類型的實(shí)例挟炬。
(2)使用Module了解包含模塊的程序集以及模塊中的類等月弛,還可以獲取在模塊上定義的所有全局方法或其他特定的非全局方法弦叶。
(3)使用ConstructorInfo了解構(gòu)造函數(shù)的名稱尊沸、參數(shù)威沫、訪問修飾符(如pulic 或private)和實(shí)現(xiàn)詳細(xì)信息(如abstract或virtual)等。
(4)使用MethodInfo了解方法的名稱洼专、返回類型棒掠、參數(shù)、訪問修飾符(如pulic 或private)和實(shí)現(xiàn)詳細(xì)信息(如abstract或virtual)等屁商。
(5)使用FiedInfo了解字段的名稱烟很、訪問修飾符(如public或private)和實(shí)現(xiàn)詳細(xì)信息(如static)等,并獲取或設(shè)置字段值蜡镶。
(6)使用EventInfo了解事件的名稱雾袱、事件處理程序數(shù)據(jù)類型、自定義屬性官还、聲明類型和反射類型等芹橡,添加或移除事件處理程序。
(7)使用PropertyInfo了解屬性的名稱望伦、數(shù)據(jù)類型林说、聲明類型煎殷、反射類型和只讀或可寫狀態(tài)等,獲取或設(shè)置屬性值腿箩。
(8)使用ParameterInfo了解參數(shù)的名稱豪直、數(shù)據(jù)類型、是輸入?yún)?shù)還是輸出參數(shù)度秘,以及參數(shù)在方法簽名中的位置等顶伞。

詳情見下面鏈接:

詳解C#中的反射

第四組:傅云 Jquery獲取動態(tài)id

在沒有觸發(fā)點(diǎn)擊事件,而是調(diào)用方法自動生成的input或其他相關(guān)屬性(id,class,value等)時(shí)剑梳,使用此JS方法是獲取不到的

document.getElementsByTagName("input")

這個(gè)時(shí)候可以起作用的是JQuery的find()方法

$('#div1').find("input");

第五組:王顥 DateTimePicker總結(jié)

在WinForm中經(jīng)常會用到DateTimePicker這個(gè)控件唆貌,用這個(gè)控件獲取時(shí)間會使用到Text屬性或者Value屬性。
關(guān)于這兩個(gè)屬性垢乙,還是存在著一些的不同锨咙,在這里簡單的測試和總結(jié)一下。

首先看一下默認(rèn)狀態(tài)下的DateTimePicker控件

就是由含年追逮、月酪刀、日三個(gè)值拼成的一個(gè)字符串表示一個(gè)日期的值。


image.png
1. 設(shè)置DateTimePicker控件顯示的格式

這個(gè)控件有一個(gè)CustomFormat屬性钮孵,這個(gè)屬性可以用來控制控件值顯示的日期格式骂倘。
在設(shè)置這個(gè)屬性之前,需要將Format屬性設(shè)置為Custom巴席,表示使用自定義的格式历涝。

CustomFormat的值有以下幾種:
(1)不設(shè)置任何值:使用默認(rèn)的顯示格式,就是你電腦右下角時(shí)間的格式(不包含時(shí)分秒)


image.png

image.png

(2)使用自定義的值:這里的這個(gè)值是可以任意寫的漾唉。荧库。。赵刑。(不過瞎寫沒法獲得時(shí)間)
比如:aaaaa

顯示的就是
image.png

這里設(shè)置格式的方法可以說是匹配特定字符分衫。 以下這些字符是具有特殊含義的字符:y、M般此、d蚪战、h、H铐懊、m屎勘、s(其他的暫時(shí)沒有發(fā)現(xiàn))。

y:代表年居扒。
使用yyyy設(shè)置后會在控件中顯示對應(yīng)的年份概漱。


image.png

(另外還可以y、yy喜喂、yyy這三種會有特殊的顯示瓤摧,不過我也沒太弄明白顯示的規(guī)律竿裂,都是由年份相關(guān)的值組成的一串字符,一般情況也沒啥用)

M:代表月照弥。
MM:代表由兩個(gè)數(shù)字符號組成的月份 腻异,如1月顯示 01,12月顯示12这揣。
M:也是代表月悔常,但是這里小于10月均只顯示1位,沒有前置的0给赞,其余的正常顯示机打。例如:1月顯示1,10顯示10片迅。

d:代表天或者星期幾
dd:代表由兩個(gè)數(shù)字符號組成的天 残邀,例如:1則顯示 01,12顯示12柑蛇。
d: 一位數(shù)只顯示一個(gè)值芥挣,沒有前置的0,其余正常顯示耻台。1顯示1空免,10顯示10。

ddd:代表周幾盆耽,顯示是這樣的
image.png

dddd:這個(gè)代表的是星期幾鼓蜒,顯示式這個(gè)樣子的
image.png

(微軟考慮的真周到啊。征字。。娇豫。匙姜。)

這里要說一下超過4個(gè)以上的d,比如ddddddddddddd顯示的依然是星期幾冯痢,有沒有上限不知道氮昧。那么如果要既顯示日期有顯示周幾呢?很簡單加上一個(gè)非d的字符放兩個(gè)中間就行了浦楣。比如dd-dddd 顯示的就是
image.png

h/H:都是代表小時(shí)袖肥,這里使用h是12時(shí)制,H是24小時(shí)制振劳。(控件會對你輸入的值作處理的椎组,比如你使用了h,那么超過12的值會自動轉(zhuǎn)換)
hh/HH:是兩個(gè)字符組成小時(shí)历恐,h/H是一個(gè)字符寸癌,和上邊的M和d的規(guī)則是一樣的专筷。

m:代表分鐘。m和mm的規(guī)則和區(qū)別和上邊一致蒸苇。
s:代表秒磷蛹。s和ss的規(guī)則和區(qū)別也和上邊一致。

目前發(fā)現(xiàn)的特殊字符就上邊這些溪烤,使用這些字符的組合基本就可以完成所有日期的顯示格式了味咳,比如顯示年月日時(shí)分秒 那么格式為:yyyy-MM-dd HH:mm:ss 對應(yīng)顯示的就是
image.png
2. 獲取控件設(shè)置日期的兩個(gè)方法及其區(qū)別

一般來說獲取控件的日期(值)有兩種方法,一種是使用Text屬性檬嘀,另一種是使用Value屬性槽驶。這兩個(gè)屬性都可以做到,但是他們還是有一定區(qū)別的枪眉,簡單的說一下捺檬。

  1. 首先是Text屬性,它是獲取或設(shè)置與當(dāng)前控件關(guān)聯(lián)的文本贸铜。這個(gè)意思就是DateTimePicker上顯示的是什么堡纬,你獲取到的就是什么。比如你顯示的是a蒿秦,那么Text屬性的值就是a烤镐。而且Text屬性使用ToString()這個(gè)方法的時(shí)候是不能傳遞表達(dá)格式的字符串做參數(shù)。所以想獲得想要的時(shí)間格式就需要使用CustomForma這個(gè)屬性設(shè)置想要的格式棍鳖。

    控件顯示:
    image.png

使用Text屬性獲得的:
image.png
  1. 使用Value屬性炮叶。它是獲取或設(shè)置分配給控件的日期/時(shí)間值。這個(gè)值與設(shè)置的CustomForma屬性的值沒有任何關(guān)系渡处,無論你設(shè)置什么格式镜悉,他獲取的值就是一個(gè)固定格式。這個(gè)格式與你電腦設(shè)置的日期時(shí)間格式相同医瘫。

    控件顯示:
    image.png

使用Value屬性獲得的:
image.png

但是好處是這里在Value后的ToString()方法可以傳遞表達(dá)格式的字符串做參數(shù)侣肄。

比如:dateTimePicker1.Value.ToString("yyyy-MM-dd"),這個(gè)格式參數(shù)的字符的含義和上邊的是一致的醇份。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末稼锅,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子僚纷,更是在濱河造成了極大的恐慌矩距,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件怖竭,死亡現(xiàn)場離奇詭異锥债,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門赞弥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來毅整,“玉大人,你說我怎么就攤上這事绽左〉考担” “怎么了?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵拼窥,是天一觀的道長戏蔑。 經(jīng)常有香客問我,道長鲁纠,這世上最難降的妖魔是什么总棵? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮改含,結(jié)果婚禮上情龄,老公的妹妹穿的比我還像新娘。我一直安慰自己捍壤,他們只是感情好骤视,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著鹃觉,像睡著了一般专酗。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上盗扇,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天祷肯,我揣著相機(jī)與錄音,去河邊找鬼疗隶。 笑死佑笋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的斑鼻。 我是一名探鬼主播蒋纬,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼卵沉!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起法牲,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤史汗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后拒垃,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體停撞,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了戈毒。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片艰猬。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖埋市,靈堂內(nèi)的尸體忽然破棺而出冠桃,到底是詐尸還是另有隱情,我是刑警寧澤道宅,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布食听,位于F島的核電站,受9級特大地震影響污茵,放射性物質(zhì)發(fā)生泄漏樱报。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一泞当、第九天 我趴在偏房一處隱蔽的房頂上張望迹蛤。 院中可真熱鬧,春花似錦襟士、人聲如沸盗飒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽箩兽。三九已至,卻和暖如春章喉,著一層夾襖步出監(jiān)牢的瞬間汗贫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工秸脱, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留落包,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓摊唇,卻偏偏與公主長得像咐蝇,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子巷查,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理有序,服務(wù)發(fā)現(xiàn),斷路器岛请,智...
    卡卡羅2017閱讀 134,628評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,737評論 25 707
  • 1旭寿、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱崇败,在應(yīng)用程序中可通過Name屬性來引用窗體盅称。 ...
    Moment__格調(diào)閱讀 4,522評論 0 11
  • 《裕語言》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 26,243評論 5 19
  • 炒菜這個(gè)作業(yè)肩祥,說起來是從二年級上學(xué)期開始。為什么有這個(gè)計(jì)劃呢缩膝?是因?yàn)?015年去廣州學(xué)習(xí)的時(shí)候看到林老師就是給他們...
    許圣高閱讀 3,122評論 0 2