學習清單
本文記錄了去年夏天實習期間,來自前端和後端大佬們推薦的一些學習資料,僅作分享。
本文引用較多,均已註明出處;如有問題,還請及時聯繫!
1. Git操作
Git 操作在線學習手冊,一定要好好看。
2. 前端學習
2.1 魔法插件
1.Swiper是目前應用較廣泛的移動端網頁觸摸內容滑動js插件(Swiper是2018年6月開發用的插件)。Swiper使用參考文檔[CSDN]Javascript滑動效果利器。
2.SASS
3.魔法中的魔法——魔法王imgcook
2.2 經典問題
2.2.1 單頁應用SPA
參考文檔1[掘金]前端:你要懂的單頁面應用和多頁面應用。
參考文檔2[CSDN]端程序員必知:單頁面應用的核心。
參考文檔3[cnblogs]前後端分手大師——MVVM 模式。
2.3 Vue中遇到的問題與解答
2.3.1 生命週期
看圖[jb51]Vue實例中生命週期created和mounted的區別詳解。
2.3.2 Vue keep-alive
參考文檔1[cnblogs]Vue keep-alive實踐總結。
參考文檔2[CSDN]Vue之keep-alive。
2.3.3 Vue-Cli
參考文檔[簡書]Vue2.0史上最全入坑教程(上)—— 搭建Vue腳手架(vue-cli)。
2.3.4 服務端渲染
參考文檔1[簡書]Egg + Vue 服務端渲染工程化建設。
參考文檔2[cnblogs]nodeJs–模塊module.exports與實例化方法。
參考文檔3[CSDN]module.exports用法。
2.3.5 案例學習
參考文檔1[CSDN]Vue2.0 新手完全填坑攻略—從環境搭建到發佈——DT。
參考文檔2[segmentfault]Vue.js最佳實踐(五招讓你成爲Vue.js大師)。
參考文檔3[segmentfault]webpack+vue+vueRouter模塊化構建完整項目實例超詳細步驟(附截圖、代碼、入門篇)。
參考文檔4[cnblogs]給vue項目添加ESLint。
參考文檔5[jb51]vue之父子組件間通信實例講解(props、$ref、$emit)。
參考文檔6[luopq]Javascript中的with關鍵字。
2.3.6 Promise
參考文檔1官網,可以看看ajax。
參考文檔2[簡書]看這一篇就夠了!淺談ES6的Promise對象。
2.4 webpack
參考文檔[segmentfault]入門 Webpack,看這篇就夠了。
2.5 前端學習網站
學習1:一個來自大佬的風格迷人的網站JS教程。
學習2:VUE學習目錄彙總。
學習3:jQuery學習網站。
2.6 抓包工具Charles
2.7 魔法CSS
1.pointer-events:none(書籍加邊框後,防止遮擋書封點擊事件)。
2.父元素能夠跟隨子元素高度變化【子元素撐開父元素】:父元素不再設置高度,子元素寫清楚 上下左右的margin。
3.各種設備寬高[cnblogs]js獲取瀏覽器和設備相關width(屏幕的寬度)。window.orientation是高級屬性,可能存在兼容問題,不建議使用。
4.夜間模式3法:1️⃣採用顏色映射;2️⃣每一套主題寫一組顏色;3️⃣遮罩
5.神奇的高度設置[CSDN]height:100vh。
3 Linux命令
3.1 tree
參考文檔1[簡書]Mac下的 tree 命令 輸出目錄樹層結構,我一般用它來顯示覆雜的文件夾結構。
後記: 整理起來發現內容並不是很多。但對我來說,去年實習的夏天是再也不想經歷第二次的夏天。從計算機某一相關專業轉行到互聯網,轉行雖容易,但需要付出很多代價——需要很長時間的持續努力去補足基礎,加強業務能力。
正式入職一個月 了,從前端到後端,又從後端到前端。有兩點不會:這也不會,那也不會。很焦慮,很心累,可這些也實在是正常的。但我不想變成一個什麼都只會一半的人,前端不精通,後端也不精通。
我想告訴我自己:
- 別焦慮,別怕!
- 把學習週期放長一點,多給自己一點時間!
- 分清楚主次:重要的內容先學、快學!暫時用不到的彈性學!
- 現階段:懂得程序的意義、代碼 要做什麼 > 每一行代碼在做什麼!
- 把面子放低一點,多問!但也不能失去尊嚴。
- 瞭解自己的長處,也要看到自己的缺點:時間有限,人有惰性,正常!別急!
- 別內耗!想了也解決不掉的事情——不要想!
- 早睡眠!
- 別想太多,就是幹!
“別把沙子放大爲絆腳石”!自勉!