首頁 > 下載 >  學習資源 > 課件源碼

  • 布爾教育燕十八mysql入門影片教學筆記資料

    MySQL是一個關聯式資料庫管理系統,由瑞典MySQL AB 公司開發,目前屬於 Oracle 旗下產品。 MySQL 是最受歡迎的關聯式資料庫管理系統之一,在 WEB 應用方面,MySQL是最好的 RDBMS (Relational Database Management System,關聯式資料庫管理系統) 應用軟體。 <br /> MySQL是一種關聯式資料庫管理系統,關聯式資料庫將資料保存在不同的表中,而不是將所有資料放在一個大倉庫內,這樣就增加了速度並提高了靈活性。 <br /> MySQL所使用的 SQL 語言是用於存取資料庫的最常用標準化語言。 MySQL 軟體採用了雙授權政策,分為社群版和商業版,由於其體積小、速度快、總體擁有成本低,尤其是開放原始碼這一特點,一般中小型網站的開發都選擇 MySQL 作為網站資料庫。 <br /> <p> 由於其社群版的性能卓越,搭配 PHP 和 Apache 可組成良好的開發環境。 </p> <p> <br /> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">《布爾教育</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">燕十八</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">mysql入門影片教學》是mysql基礎入門課程,隨著mysql不斷發展,現在使用mysql php做網站已成為主流web開發技術,如果你想學習動態網頁設計,那麼建議你選擇php mysql,本課程旨在幫助mysql數據庫初學者快速入門,如果你有這方面的需求,那就和我們一起來開始學習mysql之旅吧! ! ! </span> </p> <p> <span style="background-color:#FFFFFF;">影片連結:http://www.php.cn/course/195.html</span> </p>

    課件源碼34211672017-08-16
  • 布林教育_燕十八_HTML影片教學原始碼

    <p> 超文本標記語言,標準通用標記語言下的一個應用。 <br /> 「超文本」是指頁面內可以包含圖片、鏈接,甚至音樂、程式等非文字元素。 <br /> 超文本標記語言的結構包括「頭」部分(英文:Head)、和「主體」部分(英文:Body),其中「頭」部提供關於網頁的信息,「主體」部分提供網頁的具體內容。 <br /> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">《布爾教育_</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">燕十八</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">_HTML教學》從最基本的概念開始講起,步步深入,帶領大家學習HTML、CSS樣式基礎知識,了解各種常用標籤的意義以及基本用法,後半部分講解CSS樣式程式碼添加,為後面的案例課程打下基礎。 </span> </p> <p> 影片連結http://www.php.cn/course/222.html </p>

    課件源碼34190262017-08-16
  • 布爾教育燕十八Memcached影片教學筆記資料

    <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Memcached 是一個高效能的分散式記憶體物件快取系統,用於動態Web應用以減輕資料庫負載。它透過在記憶體中快取資料和物件來減少讀取資料庫的次數,從而提高動態、資料庫驅動網站的速度。 Memcached基於一個儲存鍵/值對的hashmap。其守護程式(daemon )是用C寫的,但是客戶端可以用任何語言來編寫,並透過memcached協定與守護程式通訊。 <br /> </span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Memcached 是一個高效能的分散式記憶體物件快取系統,用於動態Web應用以減輕資料庫負載。它透過在記憶體中快取資料和物件來減少讀取資料庫的次數,從而提高動態、資料庫驅動網站的速度。我們收集了《布爾教育</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">燕十八</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Memcached影片教學》,希望能夠幫助大家更好的學習Memcached分散式叢集。 </span> </p> <p> <span style="background-color:#FFFFFF;">影片連結:http://www.php.cn/course/314.html</span> </p>

    課件源碼34217592017-08-16
  • 燕十八mongodb影片教學筆記資料

    <p> MongoDB  是一個基於分散式檔案儲存的資料庫。由C 語言編寫。旨在為WEB應用提供可擴展的高效能資料儲存解決方案。 <br /> <p> <span style="background-color:#FFFFFF;color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;">MongoDB 是一個介於關聯式資料庫和非關聯式資料庫之間的產品,是非關聯式資料庫當中功能最豐富,最像關聯式資料庫的。他支援的資料結構非常鬆散,是類似json的bson格式,因此可以儲存比較複雜的資料類型。 Mongo最大的特點是他支援的查詢語言非常強大,其語法有點類似於物件導向的查詢語言,幾乎可以實現類似關係型資料庫單表查詢的絕大部分功能,而且還支援對資料建立索引。 </span> </p> <p> <span style="background-color:#FFFFFF;color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;"><span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">MongoDB 是由C 語言編寫的,是基於分散式檔案儲存的開源資料庫系統。在高負載的情況下,增加更多的節點,可以保證伺服器效能。 MongoDB 旨在為WEB應用提供可擴充的高效能資料儲存解決方案。 《</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">燕十八</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">mongodb影片教學》將會知道你怎麼使用這個分散式檔案儲存的資料庫。 </span></span><br /># </span> </p> <p> <span style="background-color:#FFFFFF;color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;"><span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">影片網址:http://www.php.cn/course/317.html</span></span></span> </p> </p>

    課件源碼34181492017-08-16
  • 燕十八Nginx影片教學筆記資料.zip

    <p> Nginx (engine x) 是一個高效能的HTTP和反向代理伺服器,也是一個IMAP/POP3/SMTP伺服器。 Nginx是由伊戈爾·賽索耶夫為俄羅斯訪問量第二的Rambler.ru站點(俄文:Рамблер)開發的,第一個公開版本0.1.0發佈於2004年10月4日。 <br /> 其將原始碼以類BSD許可證的形式發布,因它的穩定性、豐富的功能集、範例設定檔和低系統資源的消耗而聞名。 2011年6月1日,nginx 1.0.4發布。 <br /> <p> Nginx是一款輕量級的Web 伺服器/反向代理伺服器及電子郵件(IMAP/POP3)代理伺服器,並在一個BSD-like 協定下發行。其特點是佔有記憶體少,並發能力強,事實上nginx的並發能力確實在同類型的網頁伺服器中表現較好。 </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Nginx ("engine x") 是一個高效能的HTTP和反向代理伺服器,也是一個IMAP/POP3/SMTP伺服器。 Nginx是由Igor Sysoev為俄羅斯訪問量第二的Rambler.ru站點開發的,第一個公開版本0.1.0發佈於2004年10月4日。其將原始碼以類BSD許可證的形式發布,因它的穩定性、豐富的功能集、範例設定檔和低系統資源的消耗而聞名。 2011年6月1日,nginx 1.0.4發布。 </span> </p> <p> 影片連結:http://www.php.cn/course/415.html </p> </p>

    課件源碼34188052017-08-16
  • 燕十八Oracle影片教學筆記資料

    <p> Oracle Database,又稱Oracle RDBMS,或簡稱Oracle。是甲骨文公司的一款關聯式資料庫管理系統。它是在資料庫領域一直處於領先地位的產品。可以說Oracle資料庫系統是目前世界上流行的關聯式資料庫管理系統,系統可攜性好、使用方便、功能強,適用於各類大、中、小、微機環境。它是一種高效率、可靠性好的 適應高吞吐量的資料庫解決方案。 </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">《</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">燕十八</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Oracle視屏教學》講解了關於Oracle的基礎知識,包括學習oracle的目的,基本的增刪改查的語句,像學習MySQL一樣,講oracle的所有常用知識點全部講解。 </span> </p> <p> 影片連結:http://www.php.cn/course/430.html </p>

    課件源碼34172302017-08-16
  • 布爾教育燕十八mysql優化影片教學筆記資料

    <p> <span>MySQL是一個關聯式資料庫管理系統,由瑞典MySQL AB 公司開發,目前屬於 Oracle 旗下產品。 MySQL 是最受歡迎的關聯式資料庫管理系統之一,在 WEB 應用方面,MySQL是最好的 RDBMS (Relational Database Management System,關聯式資料庫管理系統) 應用軟體。 </span><br /> <span>MySQL是一種關聯式資料庫管理系統,關聯式資料庫將資料保存在不同的表中,而不是將所有資料放在一個大倉庫內,這樣就增加了速度並提高了靈活性。 </span><br /> <span>MySQL所使用的 SQL 語言是用於存取資料庫的最常用標準化語言。 MySQL 軟體採用了雙授權政策,分為社群版和商業版,由於其體積小、速度快、總體擁有成本低,尤其是開放原始碼這一特點,一般中小型網站的開發都選擇 MySQL 作為網站資料庫。 </span><br /> <span>由於其社群版的性能卓越,搭配 PHP 和 Apache 可組成良好的開發環境。 </span><br /> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;">目前資料庫是大多數系統進行資料儲存的基礎元件,資料庫的效率對系統的穩定性和效率有著至關重要的影響;為了有更好的使用者體驗,資料庫的最佳化顯得異常重要。那我們要從那些方面來對我們的資料庫進行最佳化呢?讓我們在《布爾教育燕十八mysql優化影片教學》這門課程中共同探討一起學習吧! </span> </p> <p> 影片連結:http://www.php.cn/course/200.html </p>

    課件源碼34193642017-08-16
  • 燕十八php底層分析影片教學筆記資料

    <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;">《php底層分析影片教學》將會帶給大家PHP深層的學習教學,透過PHP運行的分析來深入的學習PHP。 </span> </p> <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;">影片連結:http://www.php.cn/course/502.html</span> </p>

    課件源碼34188192017-08-15
  • 燕十八redis影片教學筆記資料

    <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Redis是php專案中使用到的主要快取服務,我們在《燕十八redis影片教學》會介紹redis的高階用法,同時會伴隨著案例來深入的學習Redis.</span> </p> <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;">影片連結:http://www.php.cn/course/498.html</span> </p>

    課件源碼34230282017-08-15
  • JavaScript 基礎加強影片教學原始碼

    <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><span style="color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;background-color:#FFFFFF;">JavaScript一種直譯式腳本語言,是一種動態類型、弱型別、基於原型的語言,內建支援類型。它的解釋器稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在</span><a target="_blank" href="https://baike.baidu.com/item/HTML">HTML</a><span style="color:#333333;font-family:arial, 宋体, sans-serif;font-size:14px;background-color:#FFFFFF;">(標準通用標記語言下的一個應用)網頁上使用,用來為HTML網頁增加動態功能。 </span><br /> </span> </p> <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"> 《</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">JavaScript 基礎加強視訊教學</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">》內容重點介紹JavaScript基礎知識,涉及程式設計的基本語法,主要包含了變數、資料類型、類型轉換、流程控制語句、陣列、簡單類型和複雜類型的區別、物件的介紹,透過案例鞏固基本語法。本套影片將帶你進入奇妙的JavaScript的世界</span></span> </p> <p> 影片連結:http://www.php.cn/course/543.html </p>

    課件源碼34184212017-08-15
  • JavaScript進階框架設計影片教學原始碼

    JavaScript一種直譯式腳本語言,是一種動態型別、弱型別、基於原型的語言,內建支援型別。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來為HTML網頁增加動態功能。 <br /> 在1995年時,由Netscape公司的Brendan Eich,在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作,Netscape管理階層希望它看起來像Java,所以取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。 [1] <br /> <p> 為了取得技術優勢,微軟推出了JScript,CEnvi推出ScriptEase,與JavaScript同樣可在瀏覽器上運作。為了統一規格,因為JavaScript相容於ECMA標準,因此也稱為ECMAScript。 </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><br /> </span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"> 《</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">JavaScript高級框架設計影片教學</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">#》是一個非常有個性的語言. 無論是從程式碼的組織, 還是程式碼的程式設計範式, 還是物件導向理論都獨具一格. 而很早就在爭論的Javascript 是不是物件導向語言這個問題, 顯然已有答案. 但是, 即使Javascript 叱吒風雲二十年, 對於物件導向的理論依舊不被大家所理解. 動態的語法特性, 晦澀的原型結構, 凌亂的作用域規則, 以及錯綜複雜的閉包應用, 再是模糊不清的this ... 等等諸多問題, 都是J​​avascript 的重點和難點.</span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">影片連結:http://www.php.cn/course/458.html</span> </p>

    課件源碼34191162017-08-15
  • 傳智播客AJAX影片教學原始碼

    <p> AJAX即「Asynchronous Javascript And XML」(非同步JavaScript和XML),指一個建立互動式網頁應用的網頁開發技術。 <br /> AJAX = 非同步 JavaScript和XML(標準通用標記語言的子集)。 <br /> AJAX 是一種用於建立快速動態網頁的技術。 <br /> AJAX 是一種在無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。 <br /> 透過在後台與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某個部分進行更新。 <br /> 傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。 </p> <p> 影片連結:http://www.php.cn/course/565.html </p>

    課件源碼34190212017-08-15
  • 小貓杯AngularJS影片教學原始碼

    <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">AngularJS[1]  誕生於2009年,由Misko Hevery 等人創建,後來為Google所收購。是一款優秀的前端JS框架,已經被用在Google的多款產品當中。 AngularJS有著許多特性,最為核心的是:MVC、模組化、自動化雙向資料綁定、語意化標籤、依賴注入等等。 <br /> AngularJS 是一個 JavaScript 框架。它是一個以 JavaScript 編寫的函式庫。它可透過 &lt;script&gt; 標籤新增至 HTML 頁面。 <br /> AngularJS 透過 指令 擴充了 HTML,並且透過 表達式 綁定資料到 HTML。 <br /> AngularJS 是以一個 JavaScript 檔案形式發布的,可透過 script 標籤新增到網頁中。 <br /> <br /> </span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"> 《</span><span style="font-family:&quot;font-size:14px;background-color:#FFFFFF;color:#F01414;">小貓盃</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">AngularJS影片教學》將想各位詳細的介紹AngularJS,AngularJS 的思想很前衛,與傳統的JavaScript框架的用法和想法不一樣,AngularJS 可以讓我們更簡潔,更直接的方法建構Web 應用。 </span> </p>

    課件源碼34189442017-08-15
  • CSS梅蘭商城網頁設計專案影片教學原始碼

    <p> <span style="color:#6F6F6F;font-family:&quot;font-size:14px;background-color:#FFFFFF;">《CSS梅蘭商城網頁設計專案影片教學》講述以網頁版面定位的基礎知識為依托,靈活運用CSS的全部知識和小技巧,帶你深入剖析經典網頁的製作過程,同時涉及到了CSS樣式的初始化、版心控制、精靈圖的使用、搜尋引擎優化等大型網站必用的技能,滿滿的都是乾貨。 </span> </p> <p> 影片連結:http://www.php.cn/course/599.html </p>

    課件源碼34209332017-08-15
  • 獨孤九賤(5)_ThinkPHP5影片教學課件原始碼

    <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">ThinkPHP是為了簡化企業級應用開發和敏捷WEB應用開發而誕生的。最早誕生於2006年初,2007年元旦正式更名為ThinkPHP,並遵循Apache2開源協定發布。 ThinkPHP從誕生以來一直秉承簡潔實用的設計原則,在保持出色的性能和至簡的程式碼的同時,也注重易用性。並且擁有眾多原創功能和特性,在社區團隊的積極參與下,在易用性、擴展性和性能方面不斷優化和改進。 <br /> ThinkPHP是一個快速、相容且簡單的輕量級國產PHP開發框架,誕生於2006年初,原名FCS,2007年元旦正式更名為ThinkPHP,遵循Apache2開源協議發布,從Struts結構移植過來並做了改進和完善,同時也藉鑒了國外許多優秀的框架和模式,使用物件導向的開發結構和MVC模式,融合了Struts的想法和TagLib(標籤庫)、RoR的ORM映射和ActiveRecord模式。 <br /> ThinkPHP可以支援windows/Unix/Linux等伺服器環境,正式版需要PHP5.0以上版本支持,支援MySql、PgSQL、Sqlite多種資料庫以及PDO擴展,ThinkPHP框架本身沒有什麼特別模組要求,具體的應用系統運行環境要求視開發所涉及的模組。 <br /> </span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><br /># </span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"> ThinkPHP是國內最受歡迎的中文PHP開發框架,也是您Web專案的最佳選擇。 《php.cn獨孤九賤(5)-ThinkPHP5影片教學》課程以ThinkPHP5最新版本為例,從最基本的框架常識開始,將您在開發要用到的所有知識點,訓娓道來。語言選項簡潔明快,實例簡單實用,只你具備基本的PHP的語法常識,就可以跟著PHP中文網的這套原創課程,學會用ThinkPHP5創建您的專案。從使用者請求到回應輸出,從控制器到路由,從模型知識到模板調試,在本套課程中,你總是可以找到你的最愛。 </span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">影片連結:http://www.php.cn/course/486.html</span> </p>

    課件源碼34335712017-08-15
  • thinkphp3.2.3部落格模版

    <span style="color:#6F6F6F;font-family:'Microsoft Yahei';font-size:14px;line-height:21px;background-color:#FFFFFF;">ThinkPHP是一個快速、開源的輕量級國產PHP開發框架,是業界最受歡迎的PHP框架之一。本課程以部落格系統為例,講述如何運用Thinkphp實戰開發,從中學習Thinkphp的實作應用.</span>

    課件源碼34393472017-08-14
  • JQuery實戰教學源碼

    <p> 共6個章節,JQuery實戰源碼。 </p><p> 第一講:<br /> <br /> 本節學到的JQuery及其他開發知識:<br /> 1.HTML負責頁面內容,CSS負責頁面樣式,Javascript負責頁面行為<br /> 2.HTML中應該有DOCTYPE來告知瀏覽器的渲染顯示方式<br /> 3.可以先定義div或span節點用於以後顯示伺服器回傳資料。 <br /> 4.border屬性可以控制頁面元素的邊框<br /> 5.background-***可以控制背景圖,以及背景圖的位置,重複顯示的方式<br /> 6.可以透過#idname或.classname的方式來個制定的html節點定義樣式<br /> 7.可以透過$(document).ready(function(){})的方式來定義頁面裝載完成時,需要執行的方法。 <br /> 8.可以透過$()方法來獲得頁面的指定節點,參數是某種css的選擇器<br /> 9.可以在$()方法傳回的jquery物件上執行各種Jquery的方法來取得數據,定義事件,執行操作。 <br /> 10.val()方法可以獲得節點的value屬性值<br /> 11.html()方法可以設定某個節點中的html內容<br /> 12.click()方法可以回應滑鼠點擊事件<br /> 13.keyup()方法可以回應鍵盤彈起的事件。 <br /> 14.$.get()方法可以和伺服器端進行get方式的交互,註冊的callback方法會再資料回來的時候被調用,這個方法會接收到代表伺服器端返回資料的一個純文字的參數<br /> 15.addClass() removeClass()方法可以為某個節點新增或刪除一個class<br /> 16.傳送給伺服器端的資料在javascript中做兩次encodeURI,然後在伺服器端的程式碼中按UTF-8的方式做一次URLDecode,可以解決中文亂碼問題。 <br /> <br /> <br /> <br /> 第二講<br /> <br /> 本節學到的JQuery及其他開發知識:<br /> 1.table中可以包含thead和tbody<br /> 2.表頭的內容可以放到th中<br /> 3.table{}這種寫法稱為標籤選擇器,可以對整個頁面所有table產生影響。 <br /> 4.table td{}這種寫法表示的是table中包含的所有td。 <br /> 5.可以透過border-collapse: collapse這種方式來使表格中的單元格的邊框合併。 <br /> 6.當th上由背景色時,這個th屬於的tr上定義的背景色會無效。 <br /> 7.$(function(){})是$(document).ready(function(){})的簡化寫法<br /> 8.$(“tbody tr”)可以傳回tbody中的所有tr節點<br /> 9.$(“tbody tr:even”)可以傳回tbody中所有索引值是偶數的tr節點<br /> 10.css方法可以用來設定或取得節點的css屬性,參數名稱是css的屬性名稱。 <br /> 11.JQuery的物件內容包含著選擇器對應的DOM節點,以陣列形式儲存<br /> 12.get方法可以獲得JQuery物件中包含的某一個DOM節點<br /> 13.function中的this代表執行這個function的物件<br /> 14.$()方法的參數是一個DOM物件時,這個方法相當於把DOM物件轉換成JQuery物件。 <br /> 15.children方法可以獲得某個節點的子節點,可以製定參數來限制子節點的內容。 <br />16.如果選擇器傳回的JQuery物件中包含多個DOM節點,在這個物件上註冊類似click這樣的事件時,所有DOM節點都會用於事件<br /> 17.html方法可以設定或取得節點的HTML內容<br /> 18.val方法可以取得或設定節點的value值<br /> 19.$()方法的參數如果是一段正確的HTML文本,則可以建立DOM節點,並包裝成JQuery物件<br /> 20.JQuery大部分方法都會傳回執行這個方法的JQuery對象,因此可以採用鍊式方法的寫法來寫給予JQuery的程式碼。 <br /> 21.width方法可以設定或取得某個節點的寬度<br /> 22.appendTo方法可以將一個節點追加到另一個節點所有子節點的後面<br /> 23.阻止事件傳遞可以讓目前節點的事件回傳false<br /> 24.trigger方法可以觸發某個javascript的事件發生。 <br /> 25.JQuery中某個事件方法的參數function上可以定義一個event的參數,JQuery會屏蔽瀏覽器的event差異,傳給我們一個可用的event物件<br /> 26.JQuery的event物件上有一個which的屬性可以獲得鍵盤按鍵的鍵值<br /> 27.13表示回車鍵,27表示ESC鍵<br /> <br /> <br /> 第三講<br /> <br /> 本節學到的JQuery及其他開發知識:<br /> 1.頁面中的選單項目可以透過嵌套的ul和li來表示<br /> 2.選單最外層為ul,一層每個主選單放在一個li中,如果有子選單,在這個主選單的li中建立新的ul,再依序嵌套即可建構多層的選單。 <br /> 3.瀏覽器中ul和li元素預設情況下文字前都有圓點標識符,li元素會有縮排。 Opera瀏覽器比較特殊,li的識別字和其他瀏覽器不同。 <br /> 4.list-style屬性值為none時,可以清除ul和li前面的小圓點<br /> 5.清除子選單的縮排值,需要padding和margin都為0,其中IE6和IE7只有margin也為0的時候才可以清除縮排值<br /> 6.可以使用background-image來指定一個元素的背景圖,如果背景圖比元素的實際大小要小,那麼背景圖會自動在橫向和縱向上重複顯示,知道填滿整個區域<br /> 7.可以使用bakcground-repeat來控制背景圖的重複填充方式。 <br /> 8.如果一個元素上同時定義了背景圖和背景色,那麼有背景圖的地方是不會顯示背景色的<br /> 9.text-decoration屬性值為none時,可以取消文字上的底線<br /> 10.background-position可以控制背景圖的位置,屬性值既可以用數值,也可以用center,left,top這些值來控制橫向和縱向的位置。這個屬性的兩個值,第一個對應橫向,第二個對應縱向<br /> 11.background-image的值為none表示沒有背景圖<br /> 12.background-repeat的值為no-repeat時,背景圖不會在所在的區域重複顯示。 <br /> 13.IE6以外的其他瀏覽器可以透過設定display的值為block來讓a元素充滿所在的區域。對於IE6,則需要設定display為inline-block,同時設定a的寬度。 <br />14.display的值為none可以用來隱藏元素。 <br /> 15. .main a和.main &gt; a的不同之處,前者選擇使用了.main的這個class的元素內部所有的a節點,後者只選擇.main的子節點中的a節點<br /> 16.show,hide方法可以用來顯示或隱藏元素,沒有參數時的效果和修改css的display屬性效果一樣。參數可以是單位為毫秒的數字,或是’slow’,’normal’,’fast’這三個文字,<br /> 都可以來控製完成顯示或隱藏所需的時間。注意這時動畫效果時靠著不斷改變元素的寬度和高度來實現的。 <br /> 17.toggle方法更為強大,可以省去我們判斷元素是顯示還是隱藏的狀態,直接讓顯示的元素隱藏起來,隱藏的元素顯示出來。參數使用方法和show,hide相同。 <br /> 18.slideDown,slideUp可以實現向下或向上捲動的效果,實際上是透過指定時間內修改元素的高度來實現動畫效果。要注意的是這兩個方法參數為空的情況和show,hide不同。 <br /> 19.slideToggle和toggle達到的效果類似<br /> 20.DOCTYPE對於JQuery中的動畫是有影響的。當沒有DOCTYPE定義時,在IE中,JQuery的動畫會出現閃爍的糟糕效果。 <br /> 21.float的值是left,可以使原本各自位於一行的元素全部在一行中向左浮動。 <br /> 22.可以為多個選擇器定義同樣的樣式,選擇器之間用,分割。同樣對於JQuery的$方法,也可以傳入過個選擇器。 <br /> <br /> <br /> <br /> 第四講<br /> <br /> 本節學到的JQuery及其他開發知識:<br /> 1.一組標籤用一個ul來管理,每個標籤是ul中的一個li;標籤下面的內容就是用div來管理<br /> 2.跟在浮動元素(float)之後的元素會圍繞著浮動元素,如果不希望有這種圍繞,可以在浮動元素之後的那個元素上定義clear屬性,<br /> 3.實現當前標籤和內容區域的融合,可以透過使用相同的背景色,外加當前標籤使用同顏色的邊框來實現。 <br /> 4.JQuery中的mouseover,mouseout方法對應標準javascript的onmouseover,onmouseout事件,可以處理滑鼠進入和離開的事件。 <br /> 5.在一個包含了多個元素的JQuery物件上執行each方法,可以註冊給each方法的那個function的內容被每一個元素執行。同時這個<br />   function也可以接收到一個參數,表示這個元素的索引值。 JQuery中的很多方法也用到了each<br /> 6.eq方法可以根據索引值只得到JQuery物件中包含的多個元素中的某一個元素,並且仍然傳回元素對應的新JQuery物件。 <br /> 7.選擇器中使用eq,例如$(“div:eq(1)”)<br /> 8.addClass和removeClass方法用來新增和移除元素的class定義。 <br /> 9.Javascript中的setTimeout方法可以延時執行某些程式碼,對應的clearTimeout可以清除設定的延遲操作。 <br />10.做一個AJAX應用程式的時候,可以考慮現在FireFox上調試通過,然後再到其他瀏覽器中進行檢查,並修正可能的兼容性問題。 <br /> 11.cursor屬性可以控制元素上的滑鼠樣式,pointer的屬性值表示手型樣式,也就是我們常見的連結滑鼠樣式<br /> 12.position屬性可以控制元素定位的方式,值為relative時表示相對原來的位置進行定位。可以透過設定top,left,bottom,right的值來控制元素相對原來的位置進行移動<br /> 13.z-index可以控制元素在頁面中的層高,值越大就會在頁面的層越靠前,也會覆蓋住一些z-index值較低的元素。只有position的值為relative或absolute的元素,z-index才會生效。 <br /> 14.JQuery中的load方法十分強大,可以把一個指定的靜態,動態頁面或伺服器端程式輸出的資料裝入到執行load方法的JQuery物件包裝的元素中。 <br /> 15.load方法也支援部分裝載,在裝入的頁面位址後面加空格,然後使用選擇器,就可以把頁面中符合選擇器的部分裝進去。 <br /> 16.被load的頁面一定要是UTF-8編碼的,否則裝入後中文會出現亂碼。 <br /> 17.bind可以用來給指定的節點綁定Javascript的事件或JQuery中定義的事件。對於JQuery中沒有直接提供註冊方法的事件,可以用這種方式註冊。方法的第二個參數可以是事件執行的方法定義。 <br /> 18.ajaxStart,ajaxStop對應ajax互動開始前和結束後的事件,給某一個節點註冊了這兩個事件後,當前頁面的ajax交互開始前和結束後,就會執行指定的方法。 <br /> <br /> <br /> <br /> 第五講<br /> <br /> 1.img標籤的alt屬性要寫上,當圖片尚未裝載進來或圖片不存在時,這個屬性的文字訊息會顯示出來<br /> 2.select表示下拉框,下拉框的每一項都是一個option,option開始結尾標籤中的內容會顯示在頁面上,value屬性的值則是用於在JQuery中用val方法取得並傳送給伺服器的。 <br /> 定義了selected的屬性值為selected時,表示目前option被選取<br /> 3.div元素居中顯示的方法:給div設定寬度,然後margin-left和margin-right的值都為auto。簡寫方法是margin: 0 auto;<br /> 4.html的p標籤表示一個段落的內容,其中的內容會獨佔一行或多行,後面的內容會另一行顯示<br /> 5.為了讓p中文字和圖片居中,可以使用text-align屬性,屬性值為center。 p標籤預設有margin-top和margin-bottom的值,需要的話可以透過css清除<br /> 6.visibility的屬性值為hidden時,元素隱藏,但是和display為none不同的時,在頁面中任然佔據一定空間,只是不顯示<br /> 7.多個選擇器如果有相同的屬性值,可以放在一起定義,選擇器之間用逗號分割<br /> 8.change方法對應標準Javascript中的onchange事件,可以處理下拉框內容變化的事件<br />9.parent方法可以獲得一個節點的父節點<br /> 10.next方法可以獲得一個節點的下一個兄弟節點,對應的previous方法可以獲得一個節點的上一個兄弟節點<br /> 11.$.post方法可以和伺服器端發起post的非同步請求。第一個參數是請求的伺服器端位址,第二個參數是傳送給伺服器端的數據,參數是Javascript的對象,採<br /> 用名值對的方式表示,第三個參數是回呼方法,第四個參數指示伺服器端傳回的資料類型,JQuery會根據這個參數幫我們轉換。 get方法只有第二個參數不同,其他幾個參數用法相同<br /> 12.Javascript中的簡單物件定義方式是{key1: value1, key2: value2}<br /> 13.JSON的資料格式其實就是Javascript中的一個物件或資料定義的文字格式內容,例如{key1: value1, key2: [1,2,3]}或[1,2,{key2: value2}]<br /> 14.可以直接$(“&lt;option&gt;&lt;/option&gt;”)的方法來建立下拉框中的選項,然後用appendTo這樣的方法加入到下拉框中<br /> 15.attr方法可以設定或取得某一個節點的屬性值<br /> 16.ajaxStart在每一個JQuery發出的ajax請求開始前執行,ajaxStop在JQuery佇列中所有的ajax請求結束後執行,ajaxComplete在每一個JQuery發出的ajax請求結束後執行<br /> 17.fadeOut和fadeIn可以實現淡出淡入的效果,參數內容和slideUp,slideDown方法類似。 <br /> 18.animate方法可以實現任意的動畫效果,可以控制某個css屬性在某個時間內進行變化,從而達到動畫的效果<br /> 19.opacity可以改變元素的透明度,IE中使用過濾器實現,100表示​​完全顯示,0表示完全透明,非IE瀏覽器使用opacity屬性,1表示完全顯示,0表示透明。 JQuery在animate方法<br /> 中屏蔽了瀏覽器差異,直接使用opacity就可以達到淡入淡出的效果。 <br /> 20.data方法可以用於快取資料。快取可以提高系統的運作效率,並降低伺服器端的負載<br /> 21.可以使用Javascript中的Image物件來預先裝載圖片,這樣可以知道圖片何時裝載完成,以便給出一些圖片裝載的提示訊息。 <br /> 22.load方法可以對應Javascript中的onload事件,本例用來捕捉圖片載入完成的事件<br /> <br /> <br /> 第六講<br /> <br /> 本節學到的JQuery及其他開發知識:<br /> 1.頁面中模擬的視窗可以透過html的div標籤來實現,視窗中的標題列和內容區域可以再分別用一個div來表示<br /> 2.讓一組div看起來是視窗的樣式,有很多種方法,例如可以設定整個視窗使用一種背景色,然後內容區域使用另一種背景色,並且<br /> 為視窗設定一定的padding值(或是內容區域設定邊框),已達到內容區域和標題列以後視窗外邊的對比,從而看起來是一個視窗的效果。 <br />3.正確理解float的效果,實際上會影響到後面的一個元素和float的元素之間的顯示效果,因此這個例子中如果html代碼中img位於標題欄的最後時,float: right導致圖片跑到了內容區<br /> 域的最右邊。只有在html裡面將img放到標題列文字的前面,這個時候float: right才會讓圖片剛好位於標題列的最右邊<br /> 4.overflow屬性值為auto時,當內容區域很多超過了定義的高度或寬度時,就會顯示捲軸。 <br /> 本節學到的JQuery及其他開發知識:<br /> 5.position屬性值為absolute時,元素將在頁面中絕對定位,預設為相對頁面的左上角進行定位。如果祖先節點中有position: relative的定義,則將相對這個祖先節點的左上角進行定位<br /> 6.瀏覽器可視區域的寬和高可以透過$(window).width()和$(window).height()的方式來獲得<br /> 7.瀏覽器捲軸的左邊界和上邊界可以透過$(window).scrollLeft()和$(window).scrollTop()來獲得<br /> 8.視窗定位到螢幕視覺區域的正中間,需要用視窗定位到螢幕視覺區域的正中間,需要用螢幕視覺區域的寬減去視窗的寬,然後除2,再加上捲軸的左邊界值,才能得到視窗需<br /> 要的左邊界值;上邊界值也是同理的方法獲得。 <br /> 9.插件的編寫方法:$.fn.myplugin =  function(){//mycode},方法中的this表示的是執行這個方法的jquery對象,注意方法應該在最後return this,以保證其他jquery方法可以級聯操作。 <br /> 10. instanceof可以用來判斷一個變數是不是某個js類別的實例,例如判斷是不是一個Object,用法obj instanceof Object<br /># 11. typeof可以用來判斷一個變數的資料型別,例如typeof str == “string”<br /> 12.height()和width()方法獲得是元素本身的高和寬,innerHeight()和innerWidth()獲得是包括了padding的高和寬,outerHeight()和outerWidth()獲得包括了border和padding的<br /> 高和寬,outerHeight(true)和outerWidth(true)獲得是包括maring,border和padding的高和寬<br /> 13.scroll可以用來註冊瀏覽器或某一個節點的捲軸滾動所需要執行的操作。 <br /> 14.resize可以用來註冊瀏覽器大小改變時所需要執行的動作。 <br /> 15.jquery提供的事件操作在註冊的時候是增量的,比如說我有兩段程式碼都是$(window).scroll(function(){}),第二段的function內容不會覆蓋到第一段,而是在scroll時,兩段程式碼都被執行<br /> 16.animate方法可以對left,top值進行一定時間內的變化,達到動畫的效果。 <br /> 17.dequeue方法可以從動畫佇列的開頭移除一個動畫效果,並立即執行它。這樣可以確保佇列後面的動畫不用等待開頭的動畫,也能執行。 <br /> 18.is方法可以用來判斷一個物件是否滿足is方法參數中的jquery選擇器<br />19. :visible選擇器可以用來取得頁面中的可見元素<br /> 20.瀏覽器間的差異導致在document.ready中的程式碼獲得瀏覽器可視區域寬高以及滾動條left,top的值不一定都是正確的,因此我們需要保證在這個方法完成之後再來獲得這些值。 <br /> 21.$.browser可以用來判斷瀏覽器的類型,判斷的方法可以是$.browser.msie == true,也可以使用的值包括$.browser.opera$.browser.safari $.browser.mozilla<br /> 22.$.browser.version可以判斷瀏覽器的版本號,例如$.browser.version.indexOf(“8”)<br /> </p>

    課件源碼34206512017-08-14
  • 獨孤系列bootstrap源碼

    <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架,用於開發響應式佈局、行動裝置優先的 WEB 專案。為所有開發者、所有應用場景而設計,它讓前端開發更快速、簡單,所有開發者都能快速上手、所有設備都可以適配、所有項目都適用! Bootstrap 還是完全開源的,它的程式碼託管、開發、維護都依賴 GitHub 平台。 PHP中文網推出的Bootstrap系列課程,適合前端開發者入門學習參考~~</span># </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">獨孤九賤(7)_Bootstrap影片教學:http://www.php.cn/course/585.html<br /> </span> </p> <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"><br /> </span> </p>

    課件源碼34203422017-08-14
  • 獨孤系列jQuery教學中的ajax源碼

    <p style="font-family:&quot;color:#333333;font-size:14px;background-color:#FFFFFF;"> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;"> <div class="para" style="font-size:14px;color:#333333;font-family:arial, 宋体, sans-serif;background-color:#FFFFFF;"> AJAX即「Asynchronous Javascript And XML」(非同步JavaScript和XML),指一個建立互動式網頁應用的網頁開發技術。 <br /> AJAX = 非同步 JavaScript和XML(標準通用標記語言的子集)。 <br /> AJAX 是一種用於建立快速動態網頁的技術。 <br /> AJAX 是一種在無需重新載入整個網頁的情況下,能夠更新部分網頁的技術。 [1] <br /> 透過在後台與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某個部分進行更新。 <br /> 傳統的網頁(不使用 AJAX)如果需要更新內容,必須重載整個網頁頁面。 <br /> <br /> 課程簡介:jQuery是一個快速、簡潔的JavaScript框架。設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供簡單的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。核心特性可總結為:具有獨特的鍊式語法和短小清晰的多功能介面;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。相容於各種主流瀏覽器,如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等,是全球最受歡迎的前端開發框架之一。 PHP中文網根據最新版本,獨家錄製jQuery最新影片教學,回饋PHP中文網的新舊用戶。 <br /> 孤獨九賤_jQuery影片教學:http://www.php.cn/course/582.html<br /> <br /> </div> </span> </p>

    課件源碼34206032017-08-14
  • 獨孤系列jQuery教學源碼

    <p> <span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">課程簡介:</span><span style="color:#4D555D;font-family:&quot;font-size:14px;background-color:#FFFFFF;">jQuery是一個快速、簡潔的JavaScript框架。設計的宗旨是“write Less,Do More”,即倡導寫更少的程式碼,做更多的事情。它封裝JavaScript常用的功能程式碼,提供簡單的JavaScript設計模式,優化HTML文件操作、事件處理、動畫設計和Ajax互動。核心特性可總結為:具有獨特的鍊式語法和短小清晰的多功能介面;具有高效靈活的css選擇器,並且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。相容於各種主流瀏覽器,如IE 6.0 、FF 1.5 、Safari 2.0 、Opera 9.0 等,是全球最受歡迎的前端開發框架之一。 PHP中文網根據最新版本,獨家錄製jQuery最新影片教學,回饋PHP中文網的新舊用戶。 </span> </p> <p> <span>孤獨九賤_jQuery影片教學:http://www.php.cn/course/582.html</span> </p>

    課件源碼34206592017-08-14