一、先說心得體會
- 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%;
}
}
<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了