原來入門這麼難

weixin_33724059發表於2017-12-05

一、先說心得體會

  • 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了

相關文章