整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

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="",例如:

<p style="color:#F00; "></p>

缺点:HTML页面不纯净,文件体积大,不利于蜘蛛爬行,后期维护不方便。

2.内嵌样式

内嵌样式就是将CSS代码写在<head></head>之间,并且用<style></style>进行声明,例如:

<style type="text/css">

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

</style>

优缺点:页面使用公共CSS代码,也是每个页面都要定义的,如果一个网站有很多页面,每个文件都会变大,后期维护难度也大,如果文件很少,CSS代码也不多,这种样式还是很不错的。

3.链接样式

链接样式是使用频率最高,最实用的样式,只需要在<head></head>之间加上<link…/>就可以了,如下:

<link type="text/css" rel="stylesheet" href="style.css" />

优缺点:实现了页面框架代码与表现CSS代码的完全分离,使得前期制作和后期维护都十分方便

4.导入样式(不建议使用)

导入样式和链接样式比较相似,采用@import样式导入CSS样式表,在HTML初始化时,会被导入到HTML或者CSS文件中,成为文件的一部分,类似第二种内嵌样式。

@import在html中使用,如下:

<style type="text/css">

@import url(style.css);

</style>

@import在CSS中使用,如下:

@import url(style.css);

四种CSS引入方式的优先级

1.就近原则

2.理论上:行内>内嵌>链接>导入

3.实际上:内嵌、链接、导入在同一个文件头部,谁离相应的代码近,谁的优先级高

文章地址:peixun.qietu.com

文/丁向明

做一个有博客的web前端自媒体人,专注web前端开发,关注用户体验,加我qq/微信交流:6135833