㈠ 什麼是後端開發,前端開發又是什麼
前端和後端是編程開發的兩個部分,前端後端都精通就是全棧開發
前端和後端是從開發者角度來說的,前端就是用戶可見部分的優化、交互功能開發,隨著軟體WEB化,Html5前端開發技術的發展,前端的技術方向越來越多,可開發解決的功能很多。
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引擎的開發,這都需要圖形學相關知識。
㈡ 前端不知道怎麼布局
在談WEB前端怎麼布局前,我們先梳理前端的布局類型,具體有以下幾種:
1.靜態布局:不管瀏覽器尺寸具體是多少,網頁布局始終按照最初寫代碼時的布局來顯示。常規的pc的網站都是靜態(定寬度)布局的,也就是設置了min-width,這樣的話,如果小於這個寬度就會出現滾動條,如果大於這個寬度則內容居中外加背景,這種設計常見於pc端。
2.流式布局:布局特點是屏幕解析度變化時,頁面里元素的大小會變化而但布局不變。
3.自適應布局:自適應布局的特點是分別為不同的屏幕解析度定義布局,即創建多個靜態布局,每個靜態布局對應一個屏幕解析度范圍。
4.響應式布局:布局特點是每個屏幕解析度下面會有一個布局樣式,即元素位置和大小都會變。
那麼我們如何布局呢?通過以下幾點來選擇布局。
1.如果只做電腦端,最好的選擇是靜態布局。
2.如果做移動端,且設計對高度和元素間距要求不高,那麼彈性布局(rem+js)是最好的選擇,通過一份css+一份js調節font-size就搞定。
3.如果電腦端,移動端要兼容,而且要求很高,那麼響應式布局還是最好的選擇。前提是設計根據不同的高寬做不同的設計,響應式根據媒體查詢做不同的布局。
㈢ 前端之瀑布流布局(多種實現方案)
瀑布流布局,一般指根據內容高度自適應填充到某一列以使整體頁面和諧,常見的有圖片網站,比如每一行每一列的內容是錯開的。
瀑布流布局一般是下面這個樣子
css中有這么兩個屬性:
注意
這也是我推薦大家用第一種方法的最主要原因。
這種方案做出來的效果有點奇葩,特殊的應用場景可能會用到,最終效果是橫向瀑布流
flex布局中有一個屬性 flex-flow ,指明在哪個方向上在長度不夠的情況想拆行,詳情大家自己查閱
第一種方法其實是最合適的,也是對開發人員要求最高的,即使有思路與演算法在開發過程中也會踩很多坑,比如(1)圖片預載入,(2)querySelector取元素居然獲取不到,(3)使用box-sizing簡化計算過程降低復雜性,等等。 box-sizing 屬性用好了非常高效,推薦大家去仔細看看
第二種方法其實也可行,但是不推薦
第三種方法就有點扯了,估計不常用到,大家看看就行
㈣ 關於頁面布局(前端也就是頁面布局了吧(胡說))
一個前端連頁面都搞不好,真的就有點--------(廢物了,我說的我額)
我在做這個小程序頁面的時候,很快基本一會兒就搞定了,功能的話 基本上兩天就好了,但是!!我竟然調試了將近一個月。設計圖是我在做完之後才給的,當然我並不是說設計圖給我晚,而是!!我的布局一開始就寫的太隨意的,導致後期在蘋果和各種安卓機型上面 就出現了各種錯亂,又不想重新寫 又要兼容各種機型(說實話,當時我已經開始討厭我們的軟體測試了,因為他天天比著尺子讓我調試,我每天最不想面對的就是他了)
所以在做之前一定要先規劃 header就是header body就是body fotter就是底部 ,該浮動千萬別定位,改定位千萬別用margin:100 200 300的去調,個人認為 超過100就會出現問題了,pc端的話,就不說了。
形式方向那一塊在做的時候 我就是以為是一整塊 ,讓他在那裡擠著堆著,最後導致 上下兩個方向 就是在各種機子上面位置有問題。最後又重新在方向裡面設了一個塊 才解決了問題,還有就是濫用百分比,導致頁面咋不同的手機上面會左右滑動,那用戶體驗真的渣炸了,我找出問題的地方找了半個小時(浪費時間),
還有就是不要頻繁調重復的介面。能及時存下來數據就及時存下來,如果不這樣的話,就能著測試鄙視你吧。(沒有例如,我不想打字了 )
㈤ 安卓前端和後端分別是什麼意思
兩種不同的前端,一個是原生APP,一個是網頁。
安卓APP前端可以用JAVA語言開發。
HTML和CSS這些用來開發網頁前端
㈥ 關於Android布局你不知道的
Android常見的5個布局,我想大家一定不會陌生。LinearLayout、RelativeLayout和FrameLayout也是使用頻率較高的布局方式,做Android開發的一定使用過。
傳統的5種布局方式:
不過我的問題並不是問面試者如何使用這些基礎的布局,而是要看面試者怎麼解決布局嵌套(影響性能)和屏幕適配問題。
我們都清楚Android界面的布局太復雜,嵌套層次過深,會使整個界面的測量、布局和繪制變得更復雜,對性能會造成影響。所以我們在寫Layout文件時,也要盡量避免布局的嵌套層次過深的問題。
在怎麼解決問題之前,我們得有一個好方法先判斷當前的問題情況。Android SDK工具箱中有一個叫做Hierarchy Viewer的工具,能夠在App運行時分析Layout。
注意: 在ROOT的手機,或者是安裝開發版的ROM的手機可以直接使用Hierarchy Viewer。如果沒有Root的手機(SDK 4.1及以上),需要在你的PC端添加一個環境變數「ANDROID_HVPROTO=ddm」。
下面列舉一些面試者常使用的方式。
merge merge標簽的作用是合並UI布局,使用該標簽能降低UI布局的嵌套層次。
merge標簽可用於兩種情況:
ViewStub ViewStub標簽引入的布局默認不會inflate,既不會顯示也不會佔用位置。 ViewStub常用來引入那些默認不會顯示,只在特殊情況下顯示的布局,如數據載入進度布局、出錯提示布局等。
需要在使用時手動inflate:
ViewStub在一定的程度可以起到減少嵌套層次的作用,特別是很多時候我們的程序可能不需要走到ViewStub的界面。
include 將可復用的組件抽取出來並通過include標簽使用,但<include>標簽能減少布局的層次嗎?
我認為不能。include主要解決的是相同布局的復用問題,它並不能減少布局的層次。
用RelativeLayout代替LinearLayout
很多人為了減少布局層次喜歡用RelativeLayout代替LinearLayout,不過可能達到的效果並不會很明顯。層次是減少了,但本身RelativeLayout就會比LinearLayout性能差一點。
有一些界面,比如一個圖片和一個文本的布局(ListItem常見的布局方式),可以利用TextView有drawableLeft, drawableRight等屬性,完全不需要RelativeLayout或者LinearLayout布局。
傳統的布局方式存在一定的缺陷,如RelativeLayout要兩次測量(measure)它的子View才能知道確切的高度;如果LinearLayout布局的子View有設置了layout_weight,那麼它也需要測量兩次才能獲得布局的高度。
相對於傳統的布局方式,Android官方還推出了兩種新的布局方式:ConstraintLayout和FlexboxLayout。
ConstraintLayout ConstraintLayout即約束布局,在2016年由Google I/O推出。ConstraintLayout和RelativeLayout有點類似,控制項之間根據依賴關系而存在,但比RelativeLayout更加靈活。創建大型復雜的布局仍然可以使用扁平的層級(不用嵌套View Group),說的簡單些就是,再復雜的界面也可以只有2層層次。
要使用ConstraintLayout需要在build.gradle中添加相關的support庫:
使用ConstraintLayout可以有效的解決布局嵌套過多導致的性能問題,官方也對其渲染性能進行了優化,並且ConstraintLayout支持可視化的方式編寫布局。
不過學會熟練使用ConstraintLayout會需要一點時間,但這是值得的。
FlexBoxLayout 做過前端開發(CSS方面)的同學對FlexBox一定不會陌生,最近我在做微信小程序開發時也涉及到FlexBox。FlexBox(彈性布局)是w3c在2009年提出的一種新的布局方案,解決以前那種傳統css的盒模型的局限性。
Google開源了FlexboxLayout布局和前端CSS FlexBox布局具有相同的功能(肯定有不一樣的地方),但已經足夠在Android上改進布局的構建方式。
FlexBoxLayout可以理解成一種更高級的LinearLayout,不過比LinearLayout更加強大和靈活。如果我們使用LinearLayout布局的話,那麼不同的解析度,也許我們要重新調整布局,勢必會需要跟多的布局文件放在不同的資源目錄。而使用FlexBoxLayout來布局的話,它可以適應各種界面的改變(所以叫響應式布局)。
如果對前端的Flexbox不太了解的話,你還需要補一些概念,好在這些東西在網上很容易找到。
可能很多讀者會覺這樣的面試題是吹毛求疵,很多項目中哪有這么復雜的界面,根本就用不到這些優化措施。
可以說厲害的人,或者叫高手,可能只是比較多在意這些細節而已。在實踐中的經歷告訴我,很多難於解決的性能問題,並不是因為有一個影響性能的問題無法攻克,而是沒有一個明顯的制約因素,是有各種小問題一點一點堆積起來,最終積重難返。
所以,把細節做好,或者意識到細節的地方可能引發的問題,對我們解決問題是很有幫助的,不要浪費了讓你可以成長的細節。
有需要更多Android高級進階和面試資料的朋友可以私信我獲取
㈦ 前端開發應該知道的幾個CSS網頁表單布局技巧
1、絕對定位
在絕大過程中,想確定一個元素在網站當中的固定位置,絕對定位是實現這個方式的解決辦法。在網頁當中,絕對定位可精確的控制元素在網頁當中的位置,我們可使用頂部、底部、左側和右側,附上一個像素值來控制元素所在的位置。
position:absolute;top:50px;right:50px
上面的CSS設置一個元素的位置從瀏覽器的頂部和右邊保持50px。你也可以在div內使用絕對定位。
2、覆蓋所有樣式
寫CSS的時候都應該知道,當你想給一個元素添加一個新的CSS樣式,但這個樣式之前已經被定義過了。此時我們可以採用!important來定義。
例如,如果我想在我的網站的特定部分的H3標題是紅色而不是黃色,可以使用下面的CSS:
.section h3 {color:red !important; }
3、居中
居中分很多情況,一般會分成文本居中和DIV的內容居中。
文本居中
文本居中使用text-align:center; 。如果想讓文本在左右兩側,可以使用左側或右側。
DIV內容
DIV內容居中跟文本居中不一樣。CSS可以這樣定義:
#div1 { display: block; margin: auto; width: anything under 100% }
把寬度設置為「100%以下」的原因是因為如果它是100%寬度,那麼如果是全寬度,並且不需要居中。最好有一個固定的寬度,如60%或550像素等。
4、垂直對齊(對於一行文本)
要使菜單的高度和文本的行高一致,可以這么設置:
.nav li{line-height:50px; height:50px;}
5、懸停效果
這適用於按鈕,文本鏈接,網站的部分,圖標等等。如果你想做一個懸停效果,可以試試:
.entry h2{font-size:36px; color:#000; font-weight:800;} .entry h2:hover{color:#ffeb3b;}
這個功能可以讓你的h2標簽的顏色從黑色變成黃色。
6、懸停效果過渡
對於懸停效果,如使用菜單或網站上的圖像,我們肯定不希望顏色快速貼近結果,所以我們可以通過使用時間變化來達到過渡的效果。
.entry h2:hover{color:#ffeb3b; transition: all 0.5s ease;}
這就使得樣式上的改變,可以是從黑色變黃色的過渡時間是0.5秒,而不是立即變成黃色。這使得懸停效果更加和諧而不會顯得太突兀。
7、a標簽的狀態
我們在遇到a標簽的時候,一定要給a標簽做樣式定義,否則特別容易造成用戶在使用上的困惑。通過樣式可以讓用戶知道這個鏈接是否被點擊過,更利於用戶體驗。
a:link {color: blue; } a:visited {color: red; }
8、輕松調整圖像大小以適應
說到這個樣式,我之前不知道可以通過以下方式達到圖片的自適應效果。作為一個新手,我相信這個效果肯定有很多人都想做,當然,我提供的方法也只是其中的一種:
img {max-width:100%;height:auto;}
這個樣式意味著最大的圖像可能是100%,並根據圖像寬度自動計算高度。在某些情況下,您可能還必須指定寬度為100%。
9、父級元素和子元素
如果ni不希望選擇任意的後代元素,而是希望縮小范圍,只選擇某個元素的子元素,請使用子元素選擇器:
h1 > strong {color:red;}
特殊情況下你可能會想定義第N個子元素的樣式,這樣就可以用到下面這個樣式:li:nth-child(n)
具體的使用方法可以去w3school上看。
10、將CSS應用於多個類或選擇器
如果你想要在所有圖片,博客部分和側邊欄上添加相同的邊框。你不必寫出相同的CSS樣式重復3次。只需列出這些項目,用逗號分隔:
.blog,img,.sidebar {border: 1px solid #000;}
㈧ 如何利用HTML&JS等前端知識開發Android應用
只是為了應付畢業設計的話:
1.Phonegap
2.JqueryMobile
如果你覺得Phonegap仍然很麻煩的話,可以使用JqueryMobile單純的做一個MobileWeb頁面,然後Android端簡單的用WebView包裝一下,偽裝成一個APP的樣子。
㈨ android開發app算是什麼端的開發
前端開發,類似於網頁開發,但是又不同於網頁開發,因為Android有很多原生的控制項,而且它是基於Linux的一種軟體系統,有屬於自己的虛擬機,且通過封裝的Framework層直接調用C/C++庫間接與底層的硬體交互,所以功能非常強大。
㈩ 安卓開發界面布局是用xml嗎
確實用的是XML
如果說的是java的swing開發的話,是在java文件裡面寫代碼,android也可以這么開發,不過來說,官方不推薦這樣,而應該用XML來布局基本控制項,然後在java文件裡面配置其行為,這樣有利於app開發的低耦合性(出BUG便於更改),也符合MVC的設計模式吧(大概)
一般而言,android的界面UI設計,實在XML裡面的,這樣可以把前端後端人員分離開來工作,美工忙美工,後端忙後端邏輯
//純手打原創,無誤就採納一下咯
//有問題可以追問(●'◡'●)