Ⅰ 前端的分類有哪些啊比如說移動網頁前端pc網頁前端,和app前端。...
可以分成兩部分理解
1.伺服器端開發,也叫後台開發,這是唯一的,對應不同的平台,他負責數據的分發與存儲,和一些邏輯的處理.邏輯處理的多少由業務的復雜程度決定。服務端相對獨立,與平台沒啥關系.
2..1中不同的平台指web平台、移動設備平台等,移動設備又可分為andriod平台、iPhone平台等
每個平台都有自己的規范和開發技術。web平台的規范是鍵盤+滑鼠,開發技術是html+css+javascript;移動設備平台的規范是鍵盤+手指(觸摸和手勢),技術iphone是Objective-C,android是java。
業界很少有說移動web前端開發的,都是移動web開發.而web app特指的是用html5技術開發,之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗,可以和系統深度融合,調用一些只有客戶端才能調用的功能(比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能).
通常你看到的一些文章中會提到web app 和native app,這里的web app指的是mobile web app,而移動web和web開發沒本質的區別,但需要不同的開發框架,以解決在移動設備上的適配問題和一些特殊的操作以及功能調用。
最後總結一下,web開發利用的是基於瀏覽器的網頁語言技術,native app開發利用的是基於操作系統的程序語言技術,web app介於兩者之間.當然現在比較流行混合型app,這個可以多網路一下.
Ⅱ 前端開發是做什麼的工作職責有哪些
前端開發是做PC端開發任務;而Android開發、iOS開發和各種小程序主要針對的是移動端開發工作的。
1、使用Vue/React開發,配合產品完成 Web/Electron項目迭代;
2、收集、分析項目需求並給出技術解決方案,完成高質量的編碼開發、調試和版本維護工作;
3、深入分析和解決前端遇到的各種技術、性能、跨終端兼容等問題,持續優化前端用戶體驗與框架;
4、協助前端開發工程體系建設與落地。
任職資格:
1、35周歲以下(含),211院校本科及以上學歷,計算機相關專業優先,具備3年以上前端開發經驗者優先;
2、掌握至少一種主流框架並深入了解其原理,熟悉前端研發生態圈,包括模塊化、前端編譯和構建工具;
3、熟悉主流瀏覽器的特點,對桌面跨平台有深入了解更佳;
4、有完整參與一個產品的設計、開發到上線過程,對前後端協作模式、產品和項目流程、網路和安全有深入理解,有大型項目前端架構部署和實踐經驗優先;
5、關注前沿技術,具備較強學習能力,在各大技術社區活躍者、有自己開源項目者優先;
6、具備良好服務意識、責任心以及團隊溝通與協作能力。
Ⅲ 前端規范一(命名規范)
前端規范一(命名規范)
1、小駝峰命名法(lowerCamelCase) :第一個單詞以小寫字母開始,第二個單詞的首字母大寫,例如:firstName、lastName。
2、大駝峰命名法(CamelCase) :每一個單詞的首字母都採用大寫字母,例如:FirstName、LastName。
3、下劃線命名法(snake_case):下劃線命名法也叫蛇形法,全由小寫字母和下劃線組成,在兩個單詞之間用下滑線連接。例如:first_name。
4、中劃線命名法(kebab-case):中劃線命名法也叫串式命名法,各個單詞之間通過下劃線「-」連接。例如:first-name。
強制使用:中劃線命名法
命名規則:1、文件名不得含有空格
2、文件名建議只使用小寫字母,不使用大寫字母
3、文件名包含多個單詞時,單詞之間建議連詞線 ( - ) 分隔
4、有復數結構式,要使用復數
示例:login 、 error-page、 icons
強制使用:全部大寫字母
為了醒目,某些說明文件的文件名,可以使用大寫字母
示例:README
補充說明: README 標准
◎ 項目簡介。
◎ 注意事項。
◎ 線上的示例地址(測試、正式)。
◎ 支持運行的環境。
◎ 必要的依賴准備,以及如何搭建。
◎ 項目的安裝指南。
◎ 相關的文檔鏈接。
◎ 相關人員的聯系方式。
README.md 示例:
強制使用:小駝峰命名法
命名規則:前綴為動詞,見名知意
1、onXxx 監聽事件的回調
2、handleXxx 處理事件
3、getXxx 獲取某個值
4、setXxx 設置某個值
常見場景:
a、事件處理:
(1).事件主動監聽採用 onXxx ,被動處理使用handleXxx
示例:onXxxSubmit: '提交表單'
handleXxxSizeChange: '處理分頁頁數改變'
handleXxxPageChange: '處理分頁每頁大小改變'
onXxxKeydown: '按下鍵'
(2). 其他命名:元素+click、 元素+change、select+范圍
示例:selectAllXxx: '選擇所有'
xxxCellClick: '當某個單元格被點擊時會觸發該事件'
xxxSortChange: '當表格的排序條件發生變化的時候會觸發該事件'
b、增刪改查處理:
增: addXxx 添加子項
createXxx 創建大項
刪: deleteXxx 真刪除
removeXxx 偽刪除
改:updateXxx
查: getXxx 獲取原始數據需要修改
fetchXxx 原始數據
示例:getUserList: '獲取用戶列表', fetchToken: '取得Token', deleteUser: '刪除用戶', removeTag: '移除標簽', updateUserInfo: '更新用戶信息', addUser: '添加用戶', createAccount: '創建賬戶'
c、API介面函數:
get: getXxxApi
post: postXxxApi
patch: patchXxxApi
delect: delectXxxApi
域名:xxxUrl
一般屬性變數 強制使用:小駝峰命名法
1、布爾值
命名規則:前綴為判斷性動詞
hasXxx 判斷是否含有某個值。true:含有此值; false:不含有此值
isXxx 判斷是否為某個值。true:為某個值; false:不為某個值
示例:isShow: '是否顯示', isLoading: '是否處於載入中', hasToken: '是否包含Token',
2、數組命名
命名規則:使用名詞+List組合
示例: userList: '用戶列表'
3、私有屬性變數
命名規則:前綴為下劃線(_)後面和變數命名一樣。
4、枚舉變數 \textcolor{red}{強制使用:大駝峰命名法}
枚舉的屬性使用全大寫字母,單詞間用下劃線隔開。
示例:let TargetState = { READING: 1, READED: 2, APPLIED: 3, READY: 4 };
5、常量: 強制使用:使用全大寫字母,單詞間用下劃線隔開
強制使用:大駝峰命名法
命名規則: 可參考vue官網風格指南
例如: 1、按照功能來命名
2、應用特定樣式和約定的基礎組件 (也就是展示類的、無邏輯的或無狀態的組件) 應該全部以一個特定的前綴開頭,比如 Base、App 或 V。
3、組件名應該以高級別的 (通常是一般化描述的) 單詞開頭,以描述性的修飾詞結尾。
示例:components/
|- BaseButton.vue
|- BaseTable.vue
|- BaseIcon.vue
強制使用: 中劃線命名法
命名規則:
1.class、id 、標簽、屬性的命名應該盡量精短、明確,必須以字母開頭命名,且全部字母為小寫,單詞之間統一使用中劃線 「-」 連接
2.class必須代表相應模塊或部件的內容或功能,不得以樣式信息進行命名。
3.元素 id 必須保證頁面唯一。
4.禁止創建無樣式信息的 class
示例:
1、盡量不要縮寫、簡寫的單詞。除了 template => tmp、message => msg、image => img、property => prop 這些單詞已經被公認的縮寫
2、可讀性強的命名優先於簡短的命名
3、命名長度最好在 20 個字元以內,避免多長帶來的閱讀不便
4、命名要有具體的含義,避免使用一些泛指和無具體含義的詞
5、不要使用拼音,更不要使用中文
6、正則表達式用 Exp 結尾
7、ref:使用Ref結尾
Ⅳ 什麼是前端開發
Web頁面的結構、Web的外觀視覺表現以及Web層面的交互實現都屬於前端。前端開發十分注重視覺設計,所以做前端的審美能力是必須的。前端開發的職責是什麼?根據需要有不同的分工,比如有前端開發工程師、前端架構師、交互設計師、 視覺設計師等,一名合格的前端開發工程師,應該具有一定的審美能力和基礎的美工操作能力,能很好的與交互及視覺協作。
前端開發工程師:精通JS,能熟練應用JQuery,懂CSS,能熟練運用這些知識,進行交互效果的開發。資深前端開發工程師需要使用JavaScript或者ActionScript來編寫和封裝具有良好性能的前端交互組件,熟練使用CSS+XHTML完美輸出視覺界面。同時還要對Web項目的前端實現方案提供專業指導和監督並在日常工作之中對新人及相關開發人員進行前端技能的培訓和指導。另外,還要跟蹤研究前端技術,設計並實施全網前端優化。
那麼前端架構師的職責是什麼呢?前端架構師更多意義上說像是一個管理的崗位,但是其職責要求卻不僅只是管理。前端架構師需要帶領組員實現全網的前端框架和優化,還要創建前端的相應標准和規范,並通過孜孜不倦的佈道來完善並推廣和應用自己的標准和框架。同時,還要站在全局的角色為整個網站的信息架構和技術選型提供專業意見和方案。
Ⅳ 前端的主要工作職責有哪些
對於前端,官方的定義是網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。
用自己的話來說,前端是網頁給訪問網站的人看的內容和頁面,那前端開發顧名思義就是這些內容和頁面中代碼的實現。
不過現在的前端不完全就是網頁設計,早年的網頁設計主要是以圖片和文字為主,用戶使用網站的行為也以瀏覽為主。而現在的前端開發使得現代網頁更加美觀,交互效果顯著,功能更加強大。所以現在的前端開發,運用到的知識面更加廣泛,難度也更大。
Ⅵ 前端開發都包括哪些技術
前端開發是創建Web頁面或app等前端界面呈現給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互 [1] 。隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。
前端開發則是網站的前台代碼實現,包括基本的HTML和CSS以及JavaScript/ajax,最新的高級版本HTML5、CSS3,以及SVG等。
前端開發需要學習的技術
1 掌握基本web前端開發技術:HTML、CSS、JavaScript、DOM、BOM、AJAX等,而且要了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug
2 必須掌握網站性能優化、SEO和伺服器端開發技術的基礎知識
3 必須學會運用各種web前端開發與測試工具進行輔助開發
4 除了掌握技術層面的知識,還要掌握理論層面的知識,包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等
5 未來web前端開發工程師還要研究HTML5、web視覺設計、網站配色、網站交互設計模式等相關技術
web前端有廣闊的發展空間,app、小程序、移動端、pc端等都網站是需要前端技術的開發支持才能夠完成,技術門檻相對較低、需求量較大,薪資待遇良好。只要是互聯網端的客戶界面,就需要前端來製作完成,前端開發的編程量不大,但是需要部分編程,入門簡單,但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...
Ⅶ 前端是什麼
前端也稱web前端,web前端即為網站的前端開發,前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。
web前端開發通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。它從網頁製作演變而來,名稱上有很明顯的時代特徵。網頁製作是Web1.0時代的產物,早期網站主要內容都是靜態,以圖片和文字為主,用戶使用網站的行為也以瀏覽為主。
隨著互聯網技術的發展和HTML5、CSS3的應用,現代網頁更加美觀,交互效果顯著,功能更加強大。Web前端主要是用來開發用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言,所涉及的內容主要包括W3C中的HTML、CSS和JavaScript這三方面的內容。
Ⅷ 前端工作的時候主要做些什麼
隨著WEB前端技術發展,前端的技術已經擴展到任何網站、系統、應用。web前端有廣闊的發展空間,app、小程序、移動端、pc端等都是需要前端技術的開發支持才能夠完成,技術門檻相對較低、需求量較大,薪資待遇良好。只要是互聯網端的客戶界面,就需要前端來製作完成,前端開發的編程量不大,但是需要部分編程,入門簡單,但是要學的深入需要一個過程。
Web前端招聘崗位
• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師...
• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師...
• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師...
• 小游戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師...
在互聯網行業,前端有WEB前端、HTML前端等,隨著互聯網技術發展,就業方向也有很多。web前端的就業方向有web架構師、web前端工程師、HTML前端開發工程師、網頁設計師等等。
HTML前端開發
與Web前端開發不同的是,使用HTML5不僅僅可以開發前端,還有網頁游戲,手機APP,使用瀏覽器進行3D渲染等一系列建立在HTML5標准與搭載其標准瀏覽器上的開發,而未來可能會有更多的功能分支並入HTML5標准。web前端工程師
這個方向是目前從事Web前端開發的主要就業方向
Web架構師
薪資普遍比較高,技術要求高,掌握多種技能,包括:後端技術、DBA、Platform等等,甚至包括網站優化SEO技術。
數據方向
數據研發這個是在Web開發的基礎上用數據附能,懂可視化的一定是有前端能力的,懂hadoop的一定java要熟悉,屬於Web開發的拓展方向。
大前端方向
比如阿里,在大量實踐rn和weex;由於公司內部安卓/ios式微,一定程度上,前端把ios和安卓收編了,統稱大前端。
圖形學方向
前端自然是與圖形學有千絲萬縷的聯系,除了上面提到了可視化,還有相關3d引擎的開發工作。做這一行要求也非常高了,圖形學相關的演算法,3d引擎的開發,這都需要圖形學相關知識。
Ⅸ 前端開發具體工作職責是什麼
入門級做頁面。就這么簡單。
把Designer出的各種設計圖轉化成html+css+js+image的靜態網頁,並把它們交給後端開發人員製作成頁面模板。這就是入門級的前端工程師所做的事情。
進階級還是做頁面。
不過稍微復雜一些,你需要開始注意一些更復雜的問題,首當其沖的就是瀏覽器兼容性問題。老實說瀏覽器兼容性問題真的不是那麼好搞定的,畢竟每個項目對瀏覽器版本的要求都不一樣,而且現在不光有PC瀏覽器還有各種移動設備上的瀏覽器,同時國內廠家的瀏覽器種類也越來越多,坑也是密密麻麻。除了兼容性,你可能還要關注一下性能問題,包括但不限於網路性能、渲染性能、js邏輯的性能等等,這個展開講可以寫本小冊子了。
中級帶團隊。
你可能會奇怪,一個中級工程師就能帶團隊了?可是真的很多公司就是這樣,尤其是小公司。當你了解了html、js、css以及各種瀏覽器的各種特性細節之後,你會被任命帶領一個小的開發團隊,當然是前端開發團隊。可能加你一共也就三四個人,甚至更少。這時候你的工作內容除了自己寫一點頁面以外,還會幫助組員解決各種各樣的細節問題,畢竟,組里,你是最懂技術細節的。這個時候,一部分人開始停步不前,而另一部分人開始關注另一個新的問題:工程化。前端代碼都是非常鬆散的,項目結構性差,一旦開發人員數量多起來,業務復雜起來,如何管理這么多人、這么多代碼是個非常大的問題。能否在這個問題上得到突破,決定了你能否邁向下一個級別。
高級架構設計。
此時你熟悉前端開發的各種技術細節(當然忘了一部分細節也沒事 ^_^),同時對各種前端框架、技術的特性聊熟於胸,你知道如何組織和管理項目讓大家能以最快的速度達到項目要求,你甚至了解手下每個人的所長所短。於是當新項目到來,你迅速根據自身過往的經驗選取若干種技術和工具,配上你認為最合適的人選組成項目團隊,披荊斬棘日夜兼程將產品汪的各種奇葩需求斬於馬下。這么做了一兩個項目之後,你可能又覺得空虛了,你要尋求新的目標。恰好,NodeJS打開了通往新世界的大門。
非典型前端穿過NodeJS打開的大門,你進入了全新的世界——後端。
全新的世界,無限的可能。樓上寸老師說的「上天入地,無所不能」,我猜就是這個狀態。愛幹嘛幹嘛吧,這個時候,你應該不會再來問「後端程序員都在幹嘛」這種問題了。其實,要成為一名「非典型前端」並不一定非得經過1~4的步驟。只是現在已經上了年紀的前端大多是這樣過來的,畢竟,NodeJS出來的時間也並不算很久。
Ⅹ 什麼是前端,後端,終端,有什麼區別
簡單地說,前端就是你在瀏覽網頁app看到的一切東西,都是前端。後端就是程序員在背後做的一切努力,對數據等東西的處理。而終端就是你使用來瀏覽這些東西的設備。
展開來說的話,就比較長。
前端:
前端就是展現給用戶瀏覽的部分。我們通常說的前端,其實是指前端開發,也就是創建PC端或移動端等前端界面給用戶的過程,通過HTML,CSS及JavaScript以及衍生出來的各種技術、框架、解決方案,來實現互聯網產品的用戶界面交互。前端開發是從網頁製作演變而來。早期的網頁製作主要內容都是靜態的,以文字圖片為主,用戶使用網站也以瀏覽為主。隨著互聯網的發展,現代網頁更加美觀,交互效果顯著,功能更加強大。因此現在的前端開發的主要技術通常是指html、css、js技術和一些開發框架的使用。大家熟知的Facebook就是Web前端技術的產物,完全基於前端框架打造出來的平台。另外,外賣平台餓了么旗下的部分產品也是基於Web前端技術的。像淘寶,網路,阿里等等,都已經將Web前端技術打入到了自己的產品中。
後端:
為了讓伺服器、應用、資料庫能夠彼此交互,後端工程師需要具有用於應用構建的伺服器端語言,數據相關工具,PHP框架,版本控制工具,還要熟練使用 Linux 作為開發和部署環境。後端開發者使用這些工具編寫干凈、可移植、具有良好文檔支持的代碼來創建或更新 Web 應用。但在寫代碼之前,他們需要與客戶溝通,了解其實際需求並轉化為技術目標,制定最有效且精簡的方案來進行實現。
終端:
「終端」即是指最後或最外層的節點。在計算機世界裡一般指最外層的輸入輸出。那什麼是計算機的輸入輸出?最常見的輸出設備就是顯示器、最常見的輸入設備就是鍵盤滑鼠。所以通俗來說,計算機的終端就是位於最外層的顯示器、鍵盤或滑鼠。
在過去(現在也有)因為計算機資源非常寶貴,經常一台高性能主機向多台終端設備提供計算能力。即終端設備通過鍵盤滑鼠向中心主機輸入信息,中心主機計算後將結果返回給終端進行顯示。終端本身不具備核心計算能力,主要就負責數據的輸入和輸出,這就是「終端」。
現代我們管很多設備叫終端機,比如手機。因為手機作為接打電話的終端負責聲音的輸入和輸出,而重要的信號處理工作由各個基站等設備完成。