一個女大學生的前端學習之路

自我介紹

hello，小夥伴們，你們好，我叫石小明，你們能夠叫我小明同窗，我是一個還沒畢業的大學生，如今開始工做了……

下邊我來爲你們講一下我對這一年的總結和對將來的展望

2019-上

在校期間

• 不喜歡過太安逸的大學生活
• 不喜歡每天吃了就睡
• 不喜歡每天呆在宿舍打遊戲看電視劇
• 不想之後實習找不到工做

上課是不聽講的，由於以爲老師講的課對我沒多大用，在之後的工做上也不多用得上，因此我喜歡本身自學！

沒課的時候我會去圖書館，我喜歡那種氣氛，以爲圖書館裏面的人專心認真在樣子，不喜歡呆在宿舍，由於會跟室友們講話，就無法專心學，基本上天天沒課了就會呆在圖書館

雖然天天的學習很孤獨，但我時常安慰本身，這只是暫時的，未學到的痛苦是終身的！

下邊來談一下我上半年學習技術總結：

Html5：

• 對WEB標準以及W3C的理解與認識
• 標籤語義化
• 新增標籤
• 行內元素與塊級元素

CSS3：

• CSS盒模型
• 1px邊框問題
• CSS常見選擇器
• CSS3新特性
• CSS3的經常使用屬性
• Flex佈局
• 文字、盒子水平垂直居中
• 浮動與定位
• 常見單位

JS

• 學習原生（String、Array、Object、Number...）屬性與方法
• 原生DOM增刪改查
• 理解同步與異步

JQuery

• jQuery選擇器
• Jquery顯示和隱藏、淡入和淡出、滑動、動畫
• DOM元素的增刪改查
• jquery操做css

ES6

• let和const命令
• Symbol
• 變量的解構賦值
• 數組新增的方法
• 字符串新增的方法

Vue

• 經常使用指令
• class與style綁定
• 組件的經常使用選項
• 組件通訊
• 插槽slot
• Vue的生命週期
• Vuex的用法
• ......

小程序

• 熟悉了一下小程序官方文檔

git

• 熟悉了git經常使用命令

Http協議與數據請求

• 熟悉Http常見方法與狀態碼

其餘

• 天天作一道前端面試題，爲了瞭解工做上的一些須要，
• 時不時看一下boss直聘上的招聘信息，瞭解最新技術
• 提早把簡歷寫好，熟悉簡歷

2019-下

工做期間

• 工做好難，好多本身沒見過的技術
• 工做好累，本身懂的太少了
• 生活好難，難到沒法承受
• 房租好貴，貴到沒法接受

暑假就來深圳了，很開心，找到一家接納個人公司，雖然公司不是很大，可是我很知足，給了我一個很好的學習機會，能讓我在技術的道路上越走越遠！

在工做中，由於本身比別人都懂得少，也有不少不懂的地方，常常向同事請教，也不太好意思每天問別人，因此工做之餘常常一我的去咖啡廳裏學習

我不能在家學習，在家學習就會想睡覺，爲了不本身的這種懶惰行爲發生，我給本身規定 週末也和平時上班的同樣的起牀時間去學習

下邊來談一下我下半年的學習技術總結：

不少也是在上半年的基礎上更深刻的學習了....
我在這就提一下新學的....

Html5：

• DOM(增刪改查)
• BOM
• 理解漸進加強與優雅降級
• 理解cookie、sessionStorage、localStorage
• ......

CSS3：

• Grid佈局
• link和@import有什麼區別
• 常見兼容性問題
• 過渡、動畫、3D旋轉
• BFC
• 聖盃佈局(三欄佈局)
• ......

JS

• 正則表達式
• bind、call、apply用法及區別
• 原生ajax
• 對象深淺拷貝
• 對this的理解
• 常見的模塊化
• 常見的循環和它們的區別
• 瀏覽器對象
• 做用域和閉包
• ......

JQuery

• jQuery選擇器與css選擇器的區別
• DOM的遍歷
• Jquery顯示和隱藏、淡入和淡出、滑動、動畫
• jQuery遍歷
• JQuery中的Ajax
• ......

ES6

• 異步解決方案
• 箭頭函數
• 模塊化
• 擴展運算符
• promise對象的使用
• Set和Map數據結構
• ......

Vue

• Vue-router
• 路由之間傳遞參數
• Vuex的用法
• MVC & MVVM的理解
• 數據雙向綁定
• 組件的封裝
• 組件間的通訊
• 路由懶加載
• 腳手架搭建Vue全家桶項目
• ......

React

• React生命週期
• 常見的API
• store經常使用方法
• 對Redux的理解
• 函數組件
• ......

小程序

• 生命週期
• 頁面跳轉、tarBar
• request請求
• 經常使用組件
• 頁面跳轉及傳遞參數
• 代碼審覈發佈
• 上拉刷新、下拉加載
• ......

git

• 掌握了git經常使用命令

Http協議與數據請求

• TCP三次握手、四次揮手
• Http請求與響應對象
• 兼容版原生Ajax
• ......

Stylus Sass Less

• 常見三個預處理的用法及區別

其餘

• 把一些學習內容整理到有道雲筆記
• 平時有時間就寫掘金

展望2020

在即將過去的2019，我可能有不少作的不夠，很差的地方，但在2020年我將更加完善和充實本身！

在即將到來的2020，我給本身定下來但願、目標、計劃

但願本身

• 更優秀
• 更有錢
• 更好看
• 更成熟
• 更出色

學習目標

• 學TypeScript
• 把webpack4系統的學習一邊
• 學會本身封裝Ajax請求
• 學會本身封裝一個滾動公共組件：相似Better-Scroll
• 學習一下Node
• 學習一下ReactNative

計劃生活

• 天天早起跑步15分鐘
• 一年出去旅遊兩次
• 多看書

分享一下個人學習經驗

在這裏我分享一些個人學習經驗

• 每學一個新知識了，就整理概括到有道雲筆記上
• 我的以爲看視頻學習比看書學習效率更高
• 氛圍很重要，能夠常常去圖書館等一些地方學習
• 天天作一道面試題，瞭解工做上的須要
• 時不時看一下boss直聘上的招聘信息，瞭解最新技術

這裏我分享一些平時經常使用的網站

學習網站

慕課網、網易雲課堂、中國大學慕課

阿里巴巴矢量庫

https://www.iconfont.cn/

搜索開源庫

https://www.bootcdn.cn/

圖標網址

https://www.echartsjs.com

配色案例，網頁配色

https://color.uisdc.com/pick.html

最後

每次掘金的點贊真的是對我一種莫大的鼓勵，我感受有人支持我，很開心，在學習上有了更大的動力！感謝那些支持我，爲我點讚的小夥伴們，我會更努力的學，寫出更好更完美的文章！

歡迎你們加入，一塊兒學習前端，共同進步！