前端開發基礎紮實的標準是什麼?搞懂這些學習速度瞬間開掛

千鋒HTML5學院發表於2019-08-12

  個人發表一下愚見,希望可以給各位看友們一定的幫助,可能對於剛入門前端開發或者打算入門前端開發的朋友們而言,會認為一定要具備很多電腦基礎或者很多計算機原理的基礎才可以做好前端開發,其實在本人看來,只要有對程式碼的興趣熱情,這些慢慢都可以入門之後,再提高和了解的,那下面本人說一下對資深前端開發人員基礎紮實的標準。

b632a3f0cab942728485d1b38757c446.jpg

    電腦基礎:

  (1) 最最基本的要熟悉電腦鍵盤,打字(指程式碼)要穩要快要流,這樣可以保證開發速度;

  (2) 掌握電腦的輸入裝置,處理裝置(cpu),儲存裝置等。

  輸入裝置:鍵盤,滑鼠等;

  處理裝置:計算機主機 ,核心部件是中央處理器,有運算器和控制器,這樣就可以理解邏輯程式碼中的cpu最佳化指的是什麼;

  儲存裝置:記憶體儲器 外儲存器

  (3) 懂計算機網路

  Tcp協議 ip dns等都需要掌握;

  前端技術(嚴格遵守web標準開發的準則):

  (1) Html基礎-html雖然簡單,卻是前端開發的結構,簡單但重要(xhtml1.0、html4、html5);

  ① 要掌握html語法規範,瞭解每個標籤的語義;

  ② 掌握單標籤、雙標籤,塊狀元素、行內元素;

  ③ 掌握標籤的正確巢狀,標籤使用的最佳化準則;

  (2) css基礎(css2、css3)--表現語言,效果美觀、好用、簡單

  ① css語法,css樣式表語法,css樣式表分類,c樣式表優先順序

  ② css選擇器,選擇器的權重(選擇器的權重問題,在開發中是很重要也是容易被大家忽略的點;)

  元素選擇器、群組選擇器、屬性選擇器、偽類選擇器、id選擇器…

  ③ css常用屬性

  文字屬性,背景屬性,列表屬性,浮動 (float),定位 (position),透明度設定(opacity),轉換(transform),運動 (animation keyframes),多列 (column),盒子陰影等;

  ④ 盒子模型:

  盒模型(content padding border margin);

  彈性盒模型(新老語法)

  ⑤ css命名規範要遵守,很重要;

  ⑥ css程式碼最佳化,在開發過程中,要從始至終注意最佳化程式碼;

942117b3d7624880a60508d28bcd207d.jpg

  (3) js --原生js是web標準中的行為語言,是前端所有框架的根基;(es5 es6)

  ① js基礎語法,邏輯運算子,分支語句,迴圈語句,函式,定時器,正規表示式;

  ② bom操作,dom操作;

  ③ 內建物件,事件、物件導向,繼承

  ④ ajax jq bootstrap等

  ⑤ es6的新特性;

  ⑦ 重點在演算法和邏輯、程式設計思維的培養;

  (4)前端高階技術;

  ① node.js

  Node api模組

  Node Common.js規範

  Node web應用級框架 express koa 打造web伺服器和api伺服器

  MongoDB資料庫

  Robe 3T MongoDB資料庫視覺化工具

  Mongoose操作MongoDB資料庫

  前端通訊 socket 技術

  ② vue.js

  Vue指令、Vue 元件、元件註冊、元件通訊

  Vue 生命週期

  Vue 自定義指令、自定義事件、自定義過濾器

  Vue loader、Vue cli、Vue-router、Vuex

  Vue服務端渲染ssr 、 Nuxt.js

  ③ react.js

  React 腳手架 create-react-app

  Webpack

  React 元件建立: 函式式元件 類元件

  React元件通訊

  React Hooks、React Context

  React 生命週期(15版本、16版本 )

  React-router 【 3版本 4 版本 】

  React狀態管理: Flux Redux Mobx

  工具: Loadsh Immutable

  ④ 移動端開發

  微信小程式

  原生開發小程式: 元件 api

  框架開發小程式

  Mpvue

  Wepy

  Taro

  微信公眾號

  微信公眾號二次開發

  微信公眾號申請和介面運營

  微信小遊戲

  原生js + H5 canvas

  H5主導的混合開發

  Dcloud 提供的 uni-api wap2App h5+

  ApiCloud 提供的api.js

  React Native 主導的開發

  Flutter開發

  ⑤ 程式碼託管工具

  Github gitee【 碼雲 】

  ⑥ 獨立介面文件

  Restful api 規範

  ⑦ 版本控制管理工具

  Git

  Svn

  ⑧ 自動化構建工具

  Gulp

  Webpack

  ⑨ 前端流行技術

  大資料視覺化 Echarts

  移動端類庫: Zepto Touch

  Api介面除錯呼叫: GranphGl

  (4) 其他程式語言的儲備

  最好要掌握一門後臺的程式語言;

  比如:php java c++等;

  注意:前端的技術不是一成不變的,反而是日益更新的,擴張一點說,稍微不注意,就會發現前端又出現了很多新的東西(只是有些新的技術還沒有廣泛的應用和推廣),所以作為一個合格的前端攻城獅,應該一直保持去前端技術的熱情和學習,不能懈怠,時刻的關注前端技術的更新交替,保證自己的技術一直是處於前沿的和提升的狀態;

  補充:上面列舉出來的技術,是作為一個前端開發工程師,最最基本應該掌握的技術;如果細列技術點,那就太多了(還有很多好用的外掛,工具,框架,小應用在這就不一一列出了),如有興趣,可以留言交流;


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69917019/viewspace-2653435/,如需轉載,請註明出處,否則將追究法律責任。

相關文章