發表文章

目前顯示的是 9月, 2020的文章

W3

第三堂 課程內容 W2作業檢討 if (i==0 && x==-1) {}   → i在架設中已經為0,{}內可直接空白,代表 不進行改變 else {i=i+x; document.getElementById("demo").innerHTML = '<img src=' + cars[i] + ' alt="Trulli"width="500" height="333">'; } → 將此指令直接放在else裡面,醬if和else if的假設就 不用再蓋一次照片 return → 停止當下function的操作,重新判斷, 退出function ! ()  →  如()不成立,則...... // 文字  →  註解 不用條件判斷 →  餘數 ,i=(i+x+cars.length) % cars.length 自動撥放 settimeout  → 延遲一段時間,且只執行一次 setInterval  → 每隔一段時間執行一次 停止執行 var myVar......clearInterval(myVar);  → 記得要先宣告myVar,告訴clearInterval要停止什麼 使按Play按鈕後不會重複執行 重複按play鍵                          →多次執行setInterval,使 原本的setInterval被覆蓋 ,醬按了stop後,被覆蓋掉的                                         setInterval會找不到、無法停止                          →if( myVar != null ) clearInterval(myVar); → 假設myVar不為空值,即 非第一次執行                                         play,則停止運作myVar 課堂心得         今天沒有作業好開心~~~上課的時候檢討了上次的作業,雖然結果都差不多,但每個人的邏輯思維都蠻不同的很酷,其實寫作業的時候頭很痛,最後還是去求救了一下才寫出來的,一聽到關鍵都嘛覺得很簡單,但就是過程中很容易卡在

W2

 第二堂 課程內容 把上禮拜body上的字串換成照片呈現 注意""&''要成對出現 <img src=" 照片網址 " alt="Trulli" width="500" height="333">→ 絕對位置 用myFunction1.第一張、 myFunction2.第二張,對照各自照片網址→ not good 一按鈕對依照片效率差 字串常數變數 將照片網址用函數X替換對照                               <button onclick="myFunction1( ' 網址 ' )">上一張</button>                               myFunction1(x)                          '<img src="' + x + '" alt="Trulli" width="500" height="333">'→ +表連接                       💣字串常數必用一引號→變成 一字元                             變數 不可用引號 陣列(Javascript Array) 將var cars內各個網址對應到myFunction1的0、1                               <button onclick="myFunction1( '0' )">上一張</button>                               <button onclick="myFunction1( '1' )">下一張</button>                                myFunction1(x)                               

W1

 第一堂 課程內容 HTML5 TOTORIALS⟶主網頁 <> Markup⟶標籤多成對, ex:<>~</> <!DOCTYPE html›>⟶第一行必放 <head>事先定義&<body>顯示區⟶完整html必具 <title>⟶頁籤 <H1>~<H6>⟶字型大小 <p>⟶paragraph 文字內容 Tap鍵⟶養成縮排習慣! 超連結語法 HTML Link ⟶<a href:" 網址 " target="_blank"> 字、圖 </a>,  相對路徑⟶需存在同一資料夾! 區塊語法 HTML Layout (動態網頁,把字圖換成另一自己寫的程式,固定每個區塊丟什麼東西)⟶(body)<div Id" A ">;(head)<script>間可放一程式(java script),ex:function 函數名稱 ( 函數 ){真正執行* 註一 } ;(body)<bottom onclick=" 函數名稱 ( 函數 )"> 按鈕上的字 </bottom>      註一 ⟶ex:document.getElementById(" A ").innerHTML= 換成甚麼 ;alert(" 上跳對話框內的警告文字 ") 課程心得         第一次接觸html,總結覺得是一門真的能學到東西的課,從基本結構語法開始,慢慢往下層內容建構,head和body的部分也要互相連結替換,大小寫或僅是一個空格都有可能造成執行錯誤,雖然感覺以後可能會抓蟲抓得很頭痛,但有預感我會蠻喜歡html這個工具和課程,以前端工程師為目標,可以做自己喜歡的事又可以賺錢錢,開開心心,希望我的樂觀及對學習新知的野心能夠持續到學期末!