前一般公司的web后臺用的開發(fā)語言大概有以下幾種:asp, php, .net, java, ruby, python, node.js等。
面對"市面"上"五花八門"的web編程語言, 不管是我們剛?cè)胄械?菜鳥"選擇"啟蒙"; 還是已入行的"老鳥"擴(kuò)展技術(shù)面; 或是參與公司項目框架選型的"骨灰"級攻城獅或架構(gòu)師們,都常會遇到底選擇老牌腳本語言php,還是流行度依舊穩(wěn)居第一的java, 或是高效新秀Python的煩惱。雖說軟件思想都是相通的,"前期"考慮充分一點,可能會避免"后續(xù)"的一些尷尬。
一般通常大都結(jié)合以下幾方面考慮:
待遇水平大都因人而異(水平不一樣,進(jìn)的公司不一樣,所在城市不一樣),java相對較高,python如是大數(shù)據(jù)就可能更高,2019的北京上海的平均水平數(shù)據(jù)如下:
語言簡介,優(yōu)缺點,適用場景,數(shù)據(jù)對比如下:
簡介: 是Microsoft公司于1996年推出的腳本語言,現(xiàn)市場占有份額很少,多為以前開發(fā)的老系統(tǒng)在使用。
優(yōu)點:易于修改和測試,無須編譯。
缺點:安全性不高,嵌入于HTML代碼共用性相對較差。
學(xué)習(xí)成本: 低
51job招聘信息數(shù): 0條
適用場景: 安全性不高的小網(wǎng)站系統(tǒng)
簡介: 于1994年由Rasmus Lerdorf創(chuàng)建,現(xiàn)市場占有份額較大,多為中小型網(wǎng)站及管理系統(tǒng)使用。
優(yōu)點:無須編譯, 程序開發(fā)快,運行快,開源框架多。
缺點:嵌入于HTML代碼,共用性相對較差,安全性中等。
學(xué)習(xí)成本: 較asp稍高
51job招聘信息數(shù):17164條
適用:短頻快項目,中小型網(wǎng)站系統(tǒng)
簡介: ASP.NET是微軟在ASP后推出的新一代腳本語言,參照J(rèn)ava,企業(yè)級應(yīng)用。
優(yōu)點:多語言支持,分層架構(gòu),開發(fā)效率較高。
缺點:和微軟其它產(chǎn)品相對綁定性較強(qiáng),跨平臺性較弱。
學(xué)習(xí)成本: 較高
51job招聘信息數(shù): 34396條
適用:大中型網(wǎng)站系統(tǒng)
簡介: 1995年由Sun公司發(fā)布, 面向?qū)ο缶幊?跨平臺,目前使用最廣。
優(yōu)點:分層架構(gòu),跨平臺, 安全性高,使用廣,開源框架多。
缺點:開發(fā)效率腳本語言較低,服務(wù)器要求較高。
學(xué)習(xí)成本: 高
51job招聘信息數(shù): 82918條
適用:對數(shù)據(jù)安全性高的中大型網(wǎng)站及系統(tǒng)。
簡介: 于在20世紀(jì)90年代開發(fā)的一種簡單快捷的面向?qū)ο蟮哪_本語言,中小型網(wǎng)站及系統(tǒng),對日項目使用較多。
優(yōu)點:代碼很小,很優(yōu)雅,功能強(qiáng)大。
缺點:難調(diào)試,資料較少,腳本語言通常比編譯語言慢。
學(xué)習(xí)成本: 較高
51job招聘信息數(shù): 1762條
適用:對日項目,中小型網(wǎng)站系統(tǒng)
簡介: 20世紀(jì)90年代初Python語言誕生,成為最受歡迎的程序設(shè)計語言之一,大數(shù)據(jù),黑客,網(wǎng)絡(luò)爬蟲使用較多。
優(yōu)點:代碼小, 功能強(qiáng)大, 開發(fā)效率高。
缺點:腳本語言通常比編譯語言慢,代碼不能加密,線程不能利用多CPU問題。
學(xué)習(xí)成本: 較低
51job招聘信息數(shù): 36130條
適用:大數(shù)據(jù)項目,網(wǎng)絡(luò)爬蟲系統(tǒng), 小型網(wǎng)站系統(tǒng)
簡介: 2009年Ryan Dahl在GitHub上發(fā)布了最初版本, 使用了一個事件驅(qū)動、非阻塞式 I/O 的模型,。
優(yōu)點:非阻塞IO, RESTful API,輕量可伸縮,前后端都可用js搞定。
缺點:不適合CPU密集型應(yīng)用,只支持單核CPU,可靠性低,一旦代碼某個環(huán)節(jié)崩潰,整個系統(tǒng)都崩潰。
學(xué)習(xí)成本: 中
51job招聘信息數(shù): 3885條
適用:適合I/O密集型應(yīng)用項目,RESTful API,大量Ajax請求的應(yīng)用.
應(yīng)該是最容易讓人忽略的一個問題,容易到很多工作幾年的前端開發(fā)工程師都不太注意如何寫好html及css
相比于JavaScript,HTML&CSS確實凸顯不出它的重要性,因為HTML&CSS不承載業(yè)務(wù)邏輯,具體來說他們不能稱之為編程語言,那HTML&CSS真的就那么簡單到不起眼嗎?
我自己是一名從事了多年開發(fā)的web前端老程序員,目前辭職在做自己的web前端私人定制課程,今年我花了一個月整理了一份最適合2020年學(xué)習(xí)的web前端學(xué)習(xí)干貨,各種框架都有整理,送給每一位前端小伙伴,想要獲取的可以關(guān)注我的頭條號并在后臺私信我:前端,即可免費獲取。
當(dāng)我們拿到項目ui圖后,建議大家不要一行一行的去畫頁面,這樣不經(jīng)效率低而且寫出來的頁面代碼比較臃腫,下面是Element-ui的柵格布局及布局容器圖:
一旦有了項目的大體架構(gòu),我們就可以做到手里有糧心中不慌了
我們以京東首頁為例,來說明下良好的布局應(yīng)該是什么樣子的
可以看到,我在首頁任意調(diào)換兩個div,頁面的布局也跟著調(diào)換過來而且沒有亂,這就是一個良好的布局。你也可以在自己的項目這樣試一試
說到CSS我們是勢必要說到兩個概念:重繪&重排
頁面渲染的一般過程為JS > CSS > 計算樣式 > 布局 > 繪制 > 渲染層合并而在這個過程中其中,重排和重繪是整個環(huán)節(jié)中最為耗時的兩環(huán),從重繪和重排的概念上看,重排比重繪更加的消耗性能,所以我們盡量避免著這兩個環(huán)節(jié)。從性能方面考慮,最理想的渲染流水線是沒有布局和繪制環(huán)節(jié)的,只需要做渲染層的合并即可。
說了這么多,那在項目中應(yīng)該怎么規(guī)劃我們的布局及樣式呢,一下是我個人的總結(jié),和大家分享
作者:劉小灰
鏈接:https://juejin.im/post/6854573211548549127
SS的4種引入方式是:行內(nèi)樣式、內(nèi)嵌樣式、鏈接樣式、導(dǎo)入樣式
1.行內(nèi)樣式
最直接最簡單的一種,直接對HTML標(biāo)簽使用style="",例如:
<p style="color:#F00; "></p>
缺點:HTML頁面不純凈,文件體積大,不利于蜘蛛爬行,后期維護(hù)不方便。
2.內(nèi)嵌樣式
內(nèi)嵌樣式就是將CSS代碼寫在<head></head>之間,并且用<style></style>進(jìn)行聲明,例如:
<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>
優(yōu)缺點:頁面使用公共CSS代碼,也是每個頁面都要定義的,如果一個網(wǎng)站有很多頁面,每個文件都會變大,后期維護(hù)難度也大,如果文件很少,CSS代碼也不多,這種樣式還是很不錯的。
3.鏈接樣式
鏈接樣式是使用頻率最高,最實用的樣式,只需要在<head></head>之間加上<link…/>就可以了,如下:
<link type="text/css" rel="stylesheet" href="style.css" />
優(yōu)缺點:實現(xiàn)了頁面框架代碼與表現(xiàn)CSS代碼的完全分離,使得前期制作和后期維護(hù)都十分方便
4.導(dǎo)入樣式(不建議使用)
導(dǎo)入樣式和鏈接樣式比較相似,采用@import樣式導(dǎo)入CSS樣式表,在HTML初始化時,會被導(dǎo)入到HTML或者CSS文件中,成為文件的一部分,類似第二種內(nèi)嵌樣式。
@import在html中使用,如下:
<style type="text/css">
@import url(style.css);
</style>
@import在CSS中使用,如下:
@import url(style.css);
四種CSS引入方式的優(yōu)先級
1.就近原則
2.理論上:行內(nèi)>內(nèi)嵌>鏈接>導(dǎo)入
3.實際上:內(nèi)嵌、鏈接、導(dǎo)入在同一個文件頭部,誰離相應(yīng)的代碼近,誰的優(yōu)先級高
文章地址:peixun.qietu.com
文/丁向明
做一個有博客的web前端自媒體人,專注web前端開發(fā),關(guān)注用戶體驗,加我qq/微信交流:6135833
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。