原來入門這麼難

一、先說心得體會

• 1、以前的學習方法不對。應該按照課前預習，課中總結失敗的教訓、寫部落格，課後深入作業，以後嚴格按照這三部來學習新技術
• 2、以前搜尋問題的方法不對。應該看原始的開發文件，不要隨便去看不認識的部落格；搜尋方法用谷歌(方式是：關鍵字 MDN)
• 3、程式碼要按照C-R-M的方式來學習。先通過關鍵字搜尋到自己需要的內容，先直接找程式碼(不要陷在繁瑣的細節裡面，跑通程式碼後有必要深入的話就研究細節！！！！！！以前解決問題的主次順序總是顛倒，導致java學習停滯不前，陷於繁文縟節，而沒有提高，消磨掉了興趣)，從MDN文件中Copy程式碼，再Run，Modify。
• 4、知識的分類不同，投入的時間也不同！每個領域的知識分為:
  • 工具使用的知識------------無法速成，只能使用的時候挨個點選
  • 概念性的知識---------------對於JavaScript來說，先學懂概念，對後期有幫助，而CSS要先做出結果來在看概念
  • 工程實踐中的知識---------程式設計師必須要不斷的敲程式碼，踩各種坑，失敗之後的總結，叫經驗
  • 經驗教訓
• 5、把一本好書看3遍勝過看三本書；把一件事情反覆迭代改進四遍勝過把一件事情重複4遍！！！成長的道路要想加速，必須記住這一點~~~

---

二、再說具體學習內容

• 1、HTML-----------直接用MDN
• 2、CSS-------------MDN+CSS揭祕或者按照 css-tricks 的路徑來學習，新內容是CSS3、LESS、SASS
• 3、JavaScript------JavaScript高階程式設計或者阮一峰的書,要學ES6和TypeScript

---

三、幾個小知識點

• 四個二進位制位等於一個十六進位制的位。0000-1111的二進位制表示0-F的16進位制數。
• 負數用對應的正數的二進位制表示按位取反，再加一得到補碼，用這個補碼來表示。
• CSS的animation動畫效果 MDN文件例項

   p {
       //動畫持續時間
       animation-duration: 3s;
       //p標籤呼叫的哪個動畫幀
       animation-name: slidein;
       }
       //關鍵幀，從哪到哪的一個效果，3s後恢復成原樣
       @keyframes slidein {
       from {
           margin-left: 100%;
           width: 300%; 
       }

       to {
           margin-left: 0%;
           width: 100%;
       }
   }

• JS中的點選一個按鈕跳轉到一個新的介面

<script>
    function openRequestedPopup() {
        let windowObjectReference;
        let strWindowFeatures = `
            menubar=yes,
            location=yes,
            resizable=yes,
            scrollbars=yes,
            status=yes
        `;

        windowObjectReference = 
        window.open(
            "http://www.cnn.com/", //要跳轉的網站的視窗
            "CNN_WindowName", //給網址一個代號，可以把兩個地址的代號設成一個，實現同一個視窗顯示不同網站
            strWindowFeatures//新開啟的網站視窗的一些屬性，例如width、height、top、left
        );
    }   
</script>

---

哈哈，沒想到以前不會的Markdown我也能寫個7788了