發表文章

自學經驗 回顧

 對於寫這些東西  還是會感到些許慌張  所以 有偷偷的 去看一下 其他同學  寫了什麼內容  (然後又順便看到 幾項 沒看過的技術 ) 看完覺得 不~~~ 寫作業過程中 我只完成基本款  根本沒去   查找進階的內容 現在硬要 去找一個新技術 去實作, 再回頭寫心得 又 太不真實  想了一下   ~   在學習課程過程中 我有去查找一些資料  ~ 就 往這方面去寫吧~  緣起 課程在 express & handlebars 中 教了很多設定 ,  沒有重複出現 名詞的狀況下  我能理解 那一行 就是在設定 該名詞的參數  或是呼叫某個功能 但重複出現的時候 , 我就完全不能理解 , 所以 就想了解  那幾行是什麼意思  第一次出手與失敗 將程式碼  直接拿去 google 搜尋, 搜尋的結果  並非是我想知道的內容  也有嘗試 換些關鍵字 , 但出來的結果也不理想  尋找與嘗試 後續  恰巧同學 有問 類似的問題 , 然後驚覺 原來 express的官方網站 裡面有 說明,而且寫得很詳細  http://expressjs.com/en/api.html#app.settings.table 這當中  也不是一次就看懂的 ; 看有了官方文件 跟說明,  將看不懂的細節 拿去 搜尋  最後  終於看懂 了 幾行 程式碼的意思  回顧 原來 框架的官方網站 都有詳細的說明 ,  然後 沒預想到的事情 有時候 自己盲目嘗試 不是件好事 , 適時停損  & 發問 

學期 2-2 課後心得

OBJECTIVE 認為 現在 比一個月前的我 更懂得 建立 HTML 的架構 , 對於 畫面排版 比較知道 可以用哪些去達成 , 但細節調整上 還不夠熟悉  明顯有進步的範圍 我想是DOM 以及渲染 的 熟悉度 ; 比上個月 明顯知道  自己可以怎麼處理 顯示的細節, REFLECTIVE 畫面排版 比較知道 可以用哪些去達成 , 但細節調整上 還不夠熟悉 =>   用兩個學期中空檔的一周 有回頭 再去 重新整理筆記 ; 然後再思考過 ; 然後整理成 自己比較能理解的分類方式 ;然後 在看過一遍 ; 但做練習時 ; 關掉教學影片 要做出 跟課程相同的版面  還是花費了不少時間  明顯有進步的範圍 我想是DOM 以及渲染 的 熟悉度 =>  我想是 熟能生巧為主因;  以及我覺得DOM 以及渲染的操作 比 畫面排版 更易懂 ; 比較不會有不知道 要做什麼的情況 ;  熟能生巧: 本次課程(4周) +課前一周 我也還在練習 DOM+渲染 ----總共5周都一直有在寫這方面的內容  然後 在 練習課程&題目時 有使用 流程圖&虛擬碼  寫在紙上  比較知道 自己要做哪些事情 INTERPRETIVE 1.筆記=> 每次的課程都穩定 整理中  2.熟能生巧 能帶來進步 ; 雖然 像是 老生常談  ,  但知易行難  ??? 雖然 week 1 超前進度  然後到 week 3 就開始 被課程 追著跑了 ... DOM&渲染熟悉了 ;   但是 關於 設計 電影清單功能方面  有思考&寫出  虛擬碼 ; 但跟實作的需求 還是有些落差 , 雖然多練習幾次之後有比較熟悉; 但如果 要我 不看課程 全程  靠自己寫出一樣的功能 ;還真的 做不到 QQ  ; 導致心裡很不踏實; 因為感覺是 練習中 ;是 寫過多次之後的記憶 操作, 是記住哪個function 有用到那些函數 以及 迴圈 比較想要達到的是  完全吸收 能自己寫... 然後這當中 有收到AC 來信關心  但老實說  ...

Event Loop

圖片
1. Javascript 是 單執行緒 的程式語言 ~  單執行緒 定義 : 執行緒是比程序更小的單元,它是cpu的最小執行單元(當然,現在還有協程)。是作業系統能夠進行運算排程的最小單位。一個程序,至少包含一個或多個執行緒。  單執行緒的程序,有一個特性就是順序執行,當遇到比較耗時的任務時,還未執行的任務就會處於等待狀態,一定要等到前面的任務完成了,才會往後執行。 不過要注意的是,雖然 javascript 本身是單執行緒,但是 瀏覽器本身不是,因為瀏覽器上不是只有 javascript 2.堆疊(stack) 在 JavaScript 中的執行堆疊(called stack)會記錄目前執行到程式的哪個部分,如果進入了某一個函式(step into),便把這個函式添加到堆疊(stack)當中的最上方;如果在函式中執行了 return ,則會將此函式從堆疊(stack)的最上方中抽離(pop off)。 以下面的程式碼為例: 例如  呼叫 printSquare(4)  ; 而printSquare函式中  又有呼叫 squared ;  而此時  執行的   堆疊(called stack) 會先放入   printSquare(4)   而後 再放入 squared   後續再呼叫的函式也會在往上堆疊  ; 特性為 先進後出 3. Callback queue queue 中文翻譯為佇列,是資料結構的一種,它就像排隊一樣,特性為先進先出 進到這邊的函式會等待 Call Stack 清空後才依序將其放回 Call Stack 執行,看名字就知道這邊是一個 Queue,也就是 Web Api 執行完成後,先進入這個 Queue 的函式會先被放入 Call Stack 4. 同步 與非同步  基本上JavaScript在執行程式的時候是synchronous的,也就是一次只會執行一列,逐行執行,那麼我們會進一步好奇,如果程式是逐行執行,那為什麼它可以監控瀏覽器的一些事件(event)呢?像是偵測滑鼠的點擊、滑動等等這類的非同步呼叫(asynchronous callback)。 首先我們不能忽略的一點...

alphacamp-學期2- 學習心得

提高效率的工具或手段,例如筆記方法、找到適合學習的時段等等=> 1. 看過教學內容一次 然後跟著做 => 寫筆記 => 憑印象 作業 > 疏漏的細節 在寫進筆記內 這方式 比較容易少出自己漏掉 的 語法 細節設定 或是運用方式 然後 筆記很長 >