整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
套錄屏教程，是為初學(xué)者準(zhǔn)備的，確保非計算機專業(yè)的也能跟著一步一步玩轉(zhuǎn)python，既培養(yǎng)出興趣，又玩出點東西。
上一講介紹了我們?nèi)绾斡胮ython發(fā)布一個靜態(tài)頁面，但是好玩的網(wǎng)站都是動態(tài)的，今天我們試試看邁出第一步，搭建第一個動態(tài)頁面。
實現(xiàn)動態(tài)頁面的方法很多，CGI是一種有很有歷史的方法了，之所以選這個來實現(xiàn)是因為這種方式結(jié)構(gòu)外露，比較適合初學(xué)者研究原理，并且也足以滿足這種小網(wǎng)站的需求了。現(xiàn)在理解了動態(tài)網(wǎng)頁原理，以后再改用第三方框架是很容易的。
我們今天是第一次寫CGI,所以不要搞復(fù)雜化。只要能實現(xiàn)將用戶數(shù)據(jù)從瀏覽器傳遞到后臺，后臺python接收到數(shù)據(jù)并返回結(jié)果。能完成這樣一次循環(huán)即可。
今天的任務(wù)
簡單講，就是建立自己的add.py，注意要放在指定目錄下
然后服務(wù)器啟動主要多加一個--cgi參數(shù)
動畫教程，用簡單的教程，讓初學(xué)者玩轉(zhuǎn)python
add.py的代碼，html的代碼請查閱前文。
請注意，add.py這個文件名和html代碼中表單的action內(nèi)容要一致
add.py代碼中g(shù)etvalue函數(shù)去取的變量名要和html代碼中表單內(nèi)輸入元素的name一致。
操作上不清楚的可以點擊頂部頭像回顧查詢歷史文章，有難點歡迎私信交流。
下一期我們在本期代碼基礎(chǔ)上，加入將報名數(shù)據(jù)存入數(shù)據(jù)庫的代碼。
感謝繼續(xù)關(guān)注“有只狗狗叫多多”，不要錯過哦。。。
習(xí)了前面CSS3的炫酷效果，想必大家對動畫屬性有了更加深入的了解，我們接下來繼續(xù)溫習(xí)一個CSS3動態(tài)圖片展示效果，如下圖所示：
CSS3動態(tài)圖片展示效果
一起來看一下核心代碼：
.view h2{margin-top: 30px; background: #000; color: #fff; font-size: 16px; font-weight: normal;height: 30px; line-height: 30px;
-moz-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
-o-transition-delay: 0.7s;/*在過渡效果開始前等待0.7s*/
-ms-transition-delay: 0.7s;}
更多詳細實現(xiàn)過程，可以點擊如下講解：
<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
想必大家通過學(xué)習(xí)已經(jīng)掌握HTML+CSS知識布局和美化網(wǎng)頁以及CSS3新屬性（transition、transform）和定位知識，更多案例分享可加群142991222關(guān)注。
avaScript 是網(wǎng)景（Netscape）公司開發(fā)的一種基于客戶端瀏覽器、面向（基于）對象、事件驅(qū)動式的網(wǎng)頁腳本語言。JavaScript語言的前身叫作Livescript。
文本編輯器
Web瀏覽器
解釋執(zhí)行（由上而下）
JavaScript1.0——JavaScript1.4
JavaScript/IE3.0、JavaScript1.2/IE4.0；
微軟允許用戶自行設(shè)置對JavaScript處理模式。
JavaScript與Java的區(qū)別體現(xiàn)在：
首先，它們是兩個公司開發(fā)的不同的兩個產(chǎn)品，Java是SUN公司推出的新一代面向?qū)ο蟮某绦蛟O(shè)計語言，特別適合于Internet應(yīng)用程序開發(fā)；而JavaScript是Netscape公司的產(chǎn)品，其目的是為了擴展Netscape Navigator功能而開發(fā)的一種可以嵌入Web頁面中的基于對象和事件驅(qū)動的解釋性語言。
其次，JavaScript是基于對象的，而Java是面向?qū)ο蟮模碕ava是一種真正的面向?qū)ο蟮恼Z言，即使是開發(fā)簡單的程序，必須設(shè)計對象。JavaScript是種腳本語言，它可以用來制作與網(wǎng)絡(luò)無關(guān)的，與用戶交互作用的復(fù)雜軟件。它是一種基于對象和事件驅(qū)動的編程語言。因而它本身提供了非常豐富的內(nèi)部對象供設(shè)計人員使用。
第三，兩種語言在其瀏覽器中所執(zhí)行的方式不一樣。Java的源代碼在傳遞到客戶端執(zhí)行之前，必須經(jīng)過編譯，因而客戶端上必須具有相應(yīng)平臺上的仿真器或解釋器，它可以通過編譯器或解釋器實現(xiàn)獨立于某個特定的平臺編譯代碼的束縛。JavaScript是一種解釋性編程語言，其源代碼在發(fā)往客戶端執(zhí)行之前不需經(jīng)過編譯，而是將文本格式的字符代碼發(fā)送給客戶，由瀏覽器解釋執(zhí)行。
第四，兩種語言所采取的變量是不一樣的。Java采用強類型變量檢查，即所有變量在編譯之前必須作聲明。JavaScript中變量聲明，采用其弱類型。即變量在使用前不需作聲明，而是解釋器在運行時檢查其數(shù)據(jù)類型。
第五，代碼格式不一樣。Java是一種與HTML無關(guān)的格式，必須通過像HTML中引用外媒體那么進行裝載，其代碼以字節(jié)代碼的形式保存在獨立的文檔中。JavaScript的代碼是一種文本字符格式，可以直接嵌入HTML文檔中，并且可動態(tài)裝載。編寫HTML文檔就像編輯文本文件一樣方便。
第六，嵌入方式不一樣。在HTML文檔中，兩種編程語言的標(biāo)識不同，JavaScript使用<script>...</script>來標(biāo)識，而Java使用<applet> ... </applet> 來標(biāo)識。
第七，靜態(tài)綁定和動態(tài)綁定。Java采用靜態(tài)聯(lián)編，即Java的對象引用必須在編譯時的進行，以使編譯器能夠?qū)崿F(xiàn)強類型檢查，如不經(jīng)編譯則就無法實現(xiàn)對象引用的檢查。JavaScript采用動態(tài)聯(lián)編，即JavaScript的對象引用在運行時進行檢查。
如果想要更高效、更系統(tǒng)地學(xué)會javascript，最好采用邊學(xué)邊練的學(xué)習(xí)模式。
今天分享的這套JavaScript學(xué)習(xí)教程，講解了前端開發(fā)中的核心技術(shù)JavaScript，俗稱JS
內(nèi)容涵蓋：JavaScript核心語法、JavaScript內(nèi)置支持類、JavaScript調(diào)試、JavaScript DOM編程、JavaScript BOM編程、大量前端小案例、JavaScript事件處理、JavaScript對象、繼承、JSON等知識點，該視頻可以開啟你的WEB前端之路。
1. .JavaScript教程-JavaScript概述
2. .JavaScript教程-HTML嵌入JavaScript代碼的第一種方式1
3. .JavaScript教程-HTML嵌入JavaScript代碼的第一種方式2
4. .JavaScript教程-HTML嵌入JavaScript代碼的第二種方式
5. .JavaScript教程-HTML嵌入JavaScript代碼的第三種方式
6. JavaScript教程-JS的標(biāo)識符
7. .JavaScript教程-JS的變量1
8. .JavaScript教程-JS的變量2
9. JavaScript教程-JS的函數(shù)初步1
10. .JavaScript教程-JS的函數(shù)初步2
11. .JavaScript教程-全局變量和局部變量
12. .JavaScript教程-JS的數(shù)據(jù)類型
13. .JavaScript教程-Undefined數(shù)據(jù)類型
14. .JavaScript教程-Number數(shù)據(jù)類型
15. .JavaScript教程-Boolean數(shù)據(jù)類型
16. .JavaScript教程-回顧數(shù)據(jù)類型
17. .JavaScript教程-String數(shù)據(jù)類型
18. .JavaScript教程-Object數(shù)據(jù)類型
19. JavaScript教程-Object數(shù)據(jù)類型2
20. .JavaScript教程-Object數(shù)據(jù)類型3
21. .JavaScript教程-null undefined NaN的區(qū)別以及等同和全等運算符
22. .JavaScript教程-JS的常用事件
23. .JavaScript教程-回調(diào)函數(shù)的概念
24. .JavaScript教程-注冊事件的兩種方式
25. JavaScript教程-JS代碼的執(zhí)行順序
26. .JavaScript教程-JS代碼的執(zhí)行順序2
27. JavaScript教程-捕捉回車鍵
28. .JavaScript教程-捕捉回車鍵2
29. .JavaScript教程-void運算符
30. .JavaScript教程-JS的控制語句
31. JavaScript教程-設(shè)置和獲取文本框的value
32. JavaScript教程-innerHTML和innerText屬性
33. .JavaScript教程-正則表達式
34. .JavaScript教程-郵箱地址的正則表達式
35. JavaScript教程-擴展字符串的trim函數(shù)
36. .JavaScript教程-回顧JS
37. JavaScript教程-表單驗證
38. JavaScript教程-表單驗證2
39. JavaScript教程-表單驗證3
40. .JavaScript教程-表單驗證4
41. .JavaScript教程-復(fù)選框的全選和取消全選
42. .JavaScript教程-獲取下拉列表選中項的value
43. .JavaScript教程-周期函數(shù)setInterval
44. .JavaScript教程-內(nèi)置支持類Array
45. .JavaScript教程-BOM編程window的open和close
46. .JavaScript教程-BOM編程彈出確認框
47. .JavaScript教程-（補錄）-將當(dāng)前窗口設(shè)置為頂級窗口
48. .JavaScript教程-BOM編程history和location對象
49. .JavaScript教程-JSON在開發(fā)中的使用
50. .JavaScript教程-JSON在開發(fā)中的使用2
51. JavaScript教程-JSON在開發(fā)中的使用3
52. .JavaScript教程-JSON在開發(fā)中的使用4
53. JavaScript教程-JSON在開發(fā)中的使用5
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
