web常用編程語(yǔ)言對(duì)比排行

前一般公司的web后臺(tái)用的開發(fā)語(yǔ)言大概有以下幾種：asp, php, .net, java, ruby, python, node.js等。

面對(duì)"市面"上"五花八門"的web編程語(yǔ)言, 不管是我們剛?cè)胄械?菜鳥"選擇"啟蒙"; 還是已入行的"老鳥"擴(kuò)展技術(shù)面; 或是參與公司項(xiàng)目框架選型的"骨灰"級(jí)攻城獅或架構(gòu)師們，都常會(huì)遇到底選擇老牌腳本語(yǔ)言php，還是流行度依舊穩(wěn)居第一的java, 或是高效新秀Python的煩惱。雖說(shuō)軟件思想都是相通的，"前期"考慮充分一點(diǎn)，可能會(huì)避免"后續(xù)"的一些尷尬。

一般通常大都結(jié)合以下幾方面考慮:

個(gè)人因素：入門時(shí)長(zhǎng)大體如何，難易程度，學(xué)習(xí)曲線，后續(xù)水平擴(kuò)展自己的技術(shù)面，后續(xù)換工作容易度等。
行業(yè)因素：好不好找工作，公司招聘的人員多不多，工資高不高等。
項(xiàng)目因素：項(xiàng)目開發(fā)周期成本，項(xiàng)目可能產(chǎn)生的數(shù)據(jù)量的數(shù)量級(jí)如何，安全性要求高不高，穩(wěn)定性要求如何。
公司因素：人員招聘好不好招，能否快速組織項(xiàng)目團(tuán)隊(duì)或替換相關(guān)離職員工，研發(fā)人員成本預(yù)算能否匹配。

待遇水平大都因人而異(水平不一樣,進(jìn)的公司不一樣,所在城市不一樣),java相對(duì)較高,python如是大數(shù)據(jù)就可能更高,2019的北京上海的平均水平數(shù)據(jù)如下:

語(yǔ)言簡(jiǎn)介,優(yōu)缺點(diǎn),適用場(chǎng)景,數(shù)據(jù)對(duì)比如下:

asp

簡(jiǎn)介: 是Microsoft公司于1996年推出的腳本語(yǔ)言，現(xiàn)市場(chǎng)占有份額很少，多為以前開發(fā)的老系統(tǒng)在使用。

優(yōu)點(diǎn)：易于修改和測(cè)試，無(wú)須編譯。

缺點(diǎn)：安全性不高，嵌入于HTML代碼共用性相對(duì)較差。

學(xué)習(xí)成本: 低

51job招聘信息數(shù): 0條

適用場(chǎng)景: 安全性不高的小網(wǎng)站系統(tǒng)

php

簡(jiǎn)介: 于1994年由Rasmus Lerdorf創(chuàng)建，現(xiàn)市場(chǎng)占有份額較大，多為中小型網(wǎng)站及管理系統(tǒng)使用。

優(yōu)點(diǎn)：無(wú)須編譯, 程序開發(fā)快，運(yùn)行快，開源框架多。

缺點(diǎn)：嵌入于HTML代碼，共用性相對(duì)較差，安全性中等。

學(xué)習(xí)成本: 較asp稍高

51job招聘信息數(shù):17164條

適用：短頻快項(xiàng)目，中小型網(wǎng)站系統(tǒng)

.net

簡(jiǎn)介: ASP.NET是微軟在ASP后推出的新一代腳本語(yǔ)言，參照J(rèn)ava，企業(yè)級(jí)應(yīng)用。

優(yōu)點(diǎn)：多語(yǔ)言支持，分層架構(gòu)，開發(fā)效率較高。

缺點(diǎn)：和微軟其它產(chǎn)品相對(duì)綁定性較強(qiáng)，跨平臺(tái)性較弱。

學(xué)習(xí)成本: 較高

51job招聘信息數(shù): 34396條

適用：大中型網(wǎng)站系統(tǒng)

java

簡(jiǎn)介: 1995年由Sun公司發(fā)布, 面向?qū)ο缶幊?跨平臺(tái),目前使用最廣。

優(yōu)點(diǎn)：分層架構(gòu)，跨平臺(tái), 安全性高，使用廣，開源框架多。

缺點(diǎn)：開發(fā)效率腳本語(yǔ)言較低，服務(wù)器要求較高。

學(xué)習(xí)成本: 高

51job招聘信息數(shù): 82918條

適用：對(duì)數(shù)據(jù)安全性高的中大型網(wǎng)站及系統(tǒng)。

ruby

簡(jiǎn)介: 于在20世紀(jì)90年代開發(fā)的一種簡(jiǎn)單快捷的面向?qū)ο蟮哪_本語(yǔ)言，中小型網(wǎng)站及系統(tǒng),對(duì)日項(xiàng)目使用較多。

優(yōu)點(diǎn)：代碼很小，很優(yōu)雅，功能強(qiáng)大。

缺點(diǎn)：難調(diào)試,資料較少,腳本語(yǔ)言通常比編譯語(yǔ)言慢。

學(xué)習(xí)成本: 較高

51job招聘信息數(shù): 1762條

適用：對(duì)日項(xiàng)目，中小型網(wǎng)站系統(tǒng)

python

簡(jiǎn)介: 20世紀(jì)90年代初Python語(yǔ)言誕生,成為最受歡迎的程序設(shè)計(jì)語(yǔ)言之一,大數(shù)據(jù),黑客,網(wǎng)絡(luò)爬蟲使用較多。

優(yōu)點(diǎn)：代碼小, 功能強(qiáng)大, 開發(fā)效率高。

缺點(diǎn)：腳本語(yǔ)言通常比編譯語(yǔ)言慢,代碼不能加密,線程不能利用多CPU問(wèn)題。

學(xué)習(xí)成本: 較低

51job招聘信息數(shù): 36130條

適用：大數(shù)據(jù)項(xiàng)目，網(wǎng)絡(luò)爬蟲系統(tǒng), 小型網(wǎng)站系統(tǒng)

node.js

簡(jiǎn)介: 2009年Ryan Dahl在GitHub上發(fā)布了最初版本, 使用了一個(gè)事件驅(qū)動(dòng)、非阻塞式 I/O 的模型,。

優(yōu)點(diǎn)：非阻塞IO, RESTful API,輕量可伸縮,前后端都可用js搞定。

缺點(diǎn)：不適合CPU密集型應(yīng)用,只支持單核CPU,可靠性低，一旦代碼某個(gè)環(huán)節(jié)崩潰，整個(gè)系統(tǒng)都崩潰。

學(xué)習(xí)成本: 中

51job招聘信息數(shù): 3885條

適用：適合I/O密集型應(yīng)用項(xiàng)目，RESTful API,大量Ajax請(qǐng)求的應(yīng)用.

應(yīng)該是最容易讓人忽略的一個(gè)問(wèn)題，容易到很多工作幾年的前端開發(fā)工程師都不太注意如何寫好html及css

HTML&CSS 重要嗎

相比于JavaScript,HTML&CSS確實(shí)凸顯不出它的重要性,因?yàn)镠TML&CSS不承載業(yè)務(wù)邏輯,具體來(lái)說(shuō)他們不能稱之為編程語(yǔ)言,那HTML&CSS真的就那么簡(jiǎn)單到不起眼嗎？

我自己是一名從事了多年開發(fā)的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年我花了一個(gè)月整理了一份最適合2020年學(xué)習(xí)的web前端學(xué)習(xí)干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關(guān)注我的頭條號(hào)并在后臺(tái)私信我：前端，即可免費(fèi)獲取。

布局是項(xiàng)目易維護(hù)的重要基礎(chǔ)

當(dāng)我們拿到項(xiàng)目ui圖后,建議大家不要一行一行的去畫頁(yè)面，這樣不經(jīng)效率低而且寫出來(lái)的頁(yè)面代碼比較臃腫,下面是Element-ui的柵格布局及布局容器圖：

一旦有了項(xiàng)目的大體架構(gòu)，我們就可以做到手里有糧心中不慌了
我們以京東首頁(yè)為例，來(lái)說(shuō)明下良好的布局應(yīng)該是什么樣子的

可以看到，我在首頁(yè)任意調(diào)換兩個(gè)div,頁(yè)面的布局也跟著調(diào)換過(guò)來(lái)而且沒(méi)有亂,這就是一個(gè)良好的布局。你也可以在自己的項(xiàng)目這樣試一試

管理好CSS有助于提高項(xiàng)目性能

說(shuō)到CSS我們是勢(shì)必要說(shuō)到兩個(gè)概念：重繪&重排

重繪重繪是指當(dāng) DOM 元素的屬性發(fā)生變化 (如 color) 時(shí), 瀏覽器會(huì)通知render 重新描繪相應(yīng)的元素, 此過(guò)程稱為重繪。
重排重排是指某些元素變化涉及元素布局 (如width), 瀏覽器則拋棄原有屬性, 重新計(jì)算，此過(guò)程稱為重排。（重排一定會(huì)重繪，重繪不一定重排）。

頁(yè)面渲染的一般過(guò)程為JS > CSS > 計(jì)算樣式 > 布局 > 繪制 > 渲染層合并而在這個(gè)過(guò)程中其中,重排和重繪是整個(gè)環(huán)節(jié)中最為耗時(shí)的兩環(huán),從重繪和重排的概念上看，重排比重繪更加的消耗性能,所以我們盡量避免著這兩個(gè)環(huán)節(jié)。從性能方面考慮,最理想的渲染流水線是沒(méi)有布局和繪制環(huán)節(jié)的,只需要做渲染層的合并即可。

如何更好的寫CSS&HTML

說(shuō)了這么多,那在項(xiàng)目中應(yīng)該怎么規(guī)劃我們的布局及樣式呢,一下是我個(gè)人的總結(jié),和大家分享

首先定義項(xiàng)目的基準(zhǔn)樣式：如重置樣式,公用樣式變量,兼容性處理等,且最好用less/sass/stylus等來(lái)寫我們的css
把項(xiàng)目的公共布局及樣式抽離出來(lái)：如公用的頭部，公用的尾部，公用的tab等
避免樣式重復(fù)賦值,避免樣式重疊:如避免在業(yè)務(wù)或者組件里面寫全局樣式,樣式層級(jí)不要過(guò)深
用好z-index,position

最后

作者：劉小灰
鏈接：https://juejin.im/post/6854573211548549127

SS的4種引入方式是：行內(nèi)樣式、內(nèi)嵌樣式、鏈接樣式、導(dǎo)入樣式

1.行內(nèi)樣式

最直接最簡(jiǎn)單的一種，直接對(duì)HTML標(biāo)簽使用style=""，例如：

缺點(diǎn)：HTML頁(yè)面不純凈，文件體積大，不利于蜘蛛爬行，后期維護(hù)不方便。

2.內(nèi)嵌樣式

內(nèi)嵌樣式就是將CSS代碼寫在<head></head>之間，并且用<style></style>進(jìn)行聲明，例如：

body,div,a,img,p{margin:0; padding:0;}

</style>

優(yōu)缺點(diǎn)：頁(yè)面使用公共CSS代碼，也是每個(gè)頁(yè)面都要定義的，如果一個(gè)網(wǎng)站有很多頁(yè)面，每個(gè)文件都會(huì)變大，后期維護(hù)難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯(cuò)的。

3.鏈接樣式

鏈接樣式是使用頻率最高，最實(shí)用的樣式，只需要在<head></head>之間加上<link…/>就可以了，如下：

優(yōu)缺點(diǎn)：實(shí)現(xiàn)了頁(yè)面框架代碼與表現(xiàn)CSS代碼的完全分離，使得前期制作和后期維護(hù)都十分方便

4.導(dǎo)入樣式（不建議使用）

導(dǎo)入樣式和鏈接樣式比較相似，采用@import樣式導(dǎo)入CSS樣式表，在HTML初始化時(shí)，會(huì)被導(dǎo)入到HTML或者CSS文件中，成為文件的一部分，類似第二種內(nèi)嵌樣式。

@import在html中使用，如下：

@import url(style.css);

</style>

@import在CSS中使用，如下：

@import url(style.css);

四種CSS引入方式的優(yōu)先級(jí)

1.就近原則

2.理論上：行內(nèi)>內(nèi)嵌>鏈接>導(dǎo)入

3.實(shí)際上：內(nèi)嵌、鏈接、導(dǎo)入在同一個(gè)文件頭部，誰(shuí)離相應(yīng)的代碼近，誰(shuí)的優(yōu)先級(jí)高

文章地址：peixun.qietu.com

文/丁向明

做一個(gè)有博客的web前端自媒體人，專注web前端開發(fā)，關(guān)注用戶體驗(yàn)，加我qq/微信交流：6135833

在線咨詢

上一篇：HTML基礎(chǔ)簡(jiǎn)介、內(nèi)容標(biāo)簽、屬性、表格表單
下一篇：一鍵生成通用高亮代碼塊到剪貼板，可粘貼到在線編輯器

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商