web常用編程語言對比排行

前一般公司的web后臺用的開發語言大概有以下幾種：asp, php, .net, java, ruby, python, node.js等。

面對"市面"上"五花八門"的web編程語言, 不管是我們剛入行的"菜鳥"選擇"啟蒙"; 還是已入行的"老鳥"擴展技術面; 或是參與公司項目框架選型的"骨灰"級攻城獅或架構師們，都常會遇到底選擇老牌腳本語言php，還是流行度依舊穩居第一的java, 或是高效新秀Python的煩惱。雖說軟件思想都是相通的，"前期"考慮充分一點，可能會避免"后續"的一些尷尬。

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

個人因素：入門時長大體如何，難易程度，學習曲線，后續水平擴展自己的技術面，后續換工作容易度等。
行業因素：好不好找工作，公司招聘的人員多不多，工資高不高等。
項目因素：項目開發周期成本，項目可能產生的數據量的數量級如何，安全性要求高不高，穩定性要求如何。
公司因素：人員招聘好不好招，能否快速組織項目團隊或替換相關離職員工，研發人員成本預算能否匹配。

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

語言簡介,優缺點,適用場景,數據對比如下:

asp

簡介: 是Microsoft公司于1996年推出的腳本語言，現市場占有份額很少，多為以前開發的老系統在使用。

優點：易于修改和測試，無須編譯。

缺點：安全性不高，嵌入于HTML代碼共用性相對較差。

學習成本: 低

51job招聘信息數: 0條

適用場景: 安全性不高的小網站系統

php

簡介: 于1994年由Rasmus Lerdorf創建，現市場占有份額較大，多為中小型網站及管理系統使用。

優點：無須編譯, 程序開發快，運行快，開源框架多。

缺點：嵌入于HTML代碼，共用性相對較差，安全性中等。

學習成本: 較asp稍高

51job招聘信息數:17164條

適用：短頻快項目，中小型網站系統

.net

簡介: ASP.NET是微軟在ASP后推出的新一代腳本語言，參照Java，企業級應用。

優點：多語言支持，分層架構，開發效率較高。

缺點：和微軟其它產品相對綁定性較強，跨平臺性較弱。

學習成本: 較高

51job招聘信息數: 34396條

適用：大中型網站系統

java

簡介: 1995年由Sun公司發布, 面向對象編程,跨平臺,目前使用最廣。

優點：分層架構，跨平臺, 安全性高，使用廣，開源框架多。

缺點：開發效率腳本語言較低，服務器要求較高。

學習成本: 高

51job招聘信息數: 82918條

適用：對數據安全性高的中大型網站及系統。

ruby

簡介: 于在20世紀90年代開發的一種簡單快捷的面向對象的腳本語言，中小型網站及系統,對日項目使用較多。

優點：代碼很小，很優雅，功能強大。

缺點：難調試,資料較少,腳本語言通常比編譯語言慢。

學習成本: 較高

51job招聘信息數: 1762條

適用：對日項目，中小型網站系統

python

簡介: 20世紀90年代初Python語言誕生,成為最受歡迎的程序設計語言之一,大數據,黑客,網絡爬蟲使用較多。

優點：代碼小, 功能強大, 開發效率高。

缺點：腳本語言通常比編譯語言慢,代碼不能加密,線程不能利用多CPU問題。

學習成本: 較低

51job招聘信息數: 36130條

適用：大數據項目，網絡爬蟲系統, 小型網站系統

node.js

簡介: 2009年Ryan Dahl在GitHub上發布了最初版本, 使用了一個事件驅動、非阻塞式 I/O 的模型,。

優點：非阻塞IO, RESTful API,輕量可伸縮,前后端都可用js搞定。

缺點：不適合CPU密集型應用,只支持單核CPU,可靠性低，一旦代碼某個環節崩潰，整個系統都崩潰。

學習成本: 中

51job招聘信息數: 3885條

適用：適合I/O密集型應用項目，RESTful API,大量Ajax請求的應用.

應該是最容易讓人忽略的一個問題，容易到很多工作幾年的前端開發工程師都不太注意如何寫好html及css

HTML&CSS 重要嗎

相比于JavaScript,HTML&CSS確實凸顯不出它的重要性,因為HTML&CSS不承載業務邏輯,具體來說他們不能稱之為編程語言,那HTML&CSS真的就那么簡單到不起眼嗎？

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

布局是項目易維護的重要基礎

當我們拿到項目ui圖后,建議大家不要一行一行的去畫頁面，這樣不經效率低而且寫出來的頁面代碼比較臃腫,下面是Element-ui的柵格布局及布局容器圖：

一旦有了項目的大體架構，我們就可以做到手里有糧心中不慌了
我們以京東首頁為例，來說明下良好的布局應該是什么樣子的

可以看到，我在首頁任意調換兩個div,頁面的布局也跟著調換過來而且沒有亂,這就是一個良好的布局。你也可以在自己的項目這樣試一試

管理好CSS有助于提高項目性能

說到CSS我們是勢必要說到兩個概念：重繪&重排

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

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

如何更好的寫CSS&HTML

說了這么多,那在項目中應該怎么規劃我們的布局及樣式呢,一下是我個人的總結,和大家分享

首先定義項目的基準樣式：如重置樣式,公用樣式變量,兼容性處理等,且最好用less/sass/stylus等來寫我們的css
把項目的公共布局及樣式抽離出來：如公用的頭部，公用的尾部，公用的tab等
避免樣式重復賦值,避免樣式重疊:如避免在業務或者組件里面寫全局樣式,樣式層級不要過深
用好z-index,position

最后

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

SS的4種引入方式是：行內樣式、內嵌樣式、鏈接樣式、導入樣式

1.行內樣式

最直接最簡單的一種，直接對HTML標簽使用style=""，例如：

缺點：HTML頁面不純凈，文件體積大，不利于蜘蛛爬行，后期維護不方便。

2.內嵌樣式

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

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

</style>

優缺點：頁面使用公共CSS代碼，也是每個頁面都要定義的，如果一個網站有很多頁面，每個文件都會變大，后期維護難度也大，如果文件很少，CSS代碼也不多，這種樣式還是很不錯的。

3.鏈接樣式

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

優缺點：實現了頁面框架代碼與表現CSS代碼的完全分離，使得前期制作和后期維護都十分方便

4.導入樣式（不建議使用）

導入樣式和鏈接樣式比較相似，采用@import樣式導入CSS樣式表，在HTML初始化時，會被導入到HTML或者CSS文件中，成為文件的一部分，類似第二種內嵌樣式。

@import在html中使用，如下：

@import url(style.css);

</style>

@import在CSS中使用，如下：

@import url(style.css);

四種CSS引入方式的優先級

1.就近原則

2.理論上：行內>內嵌>鏈接>導入

3.實際上：內嵌、鏈接、導入在同一個文件頭部，誰離相應的代碼近，誰的優先級高

文章地址：peixun.qietu.com

文/丁向明

做一個有博客的web前端自媒體人，專注web前端開發，關注用戶體驗，加我qq/微信交流：6135833

在線咨詢

上一篇：HTML基礎簡介、內容標簽、屬性、表格表單
下一篇：一鍵生成通用高亮代碼塊到剪貼板，可粘貼到在線編輯器

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商