20180624 - FE:實習學習回顧


本文記錄了去年夏天實習期間,來自前端和後端大佬們推薦的一些學習資料,僅作分享。
本文引用較多,均已註明出處;如有問題,還請及時聯繫!

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 命令 輸出目錄樹層結構,我一般用它來顯示覆雜的文件夾結構。


後記: 整理起來發現內容並不是很多。但對我來說,去年實習的夏天是再也不想經歷第二次的夏天。從計算機某一相關專業轉行到互聯網,轉行雖容易,但需要付出很多代價——需要很長時間的持續努力去補足基礎,加強業務能力。
正式入職一個月 了,從前端到後端,又從後端到前端。有兩點不會:這也不會,那也不會。很焦慮,很心累,可這些也實在是正常的。但我不想變成一個什麼都只會一半的人,前端不精通,後端也不精通。
我想告訴我自己:

  1. 別焦慮,別怕!
  2. 把學習週期放長一點,多給自己一點時間!
  3. 分清楚主次:重要的內容先學、快學!暫時用不到的彈性學!
  4. 現階段:懂得程序的意義、代碼 要做什麼 > 每一行代碼在做什麼!
  5. 把面子放低一點,多問!但也不能失去尊嚴。
  6. 瞭解自己的長處,也要看到自己的缺點:時間有限,人有惰性,正常!別急!
  7. 別內耗!想了也解決不掉的事情——不要想!
  8. 早睡眠
  9. 別想太多,就是幹!

“別把沙子放大爲絆腳石”!自勉!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章