web客户端和服务器端分别有哪些开发技术
Web客户端技术有：
1、Html ， Css。（常见框架有bootstrap等）。
2、Javascript，DOM。（常见框架：Jquery，angularjs，）
服务器端常见技术有：
1、Java。
2、PHP。（世界上最好的语言）
3、Go。（Google出品）
4、Shell。
5、Python。
6、Node.js。
7、Perl。
8、Asp。
数据库：
1、Mysql。
2、MongoDB。
3、Redis。
4、Memcached。
等等
相对比较早出现的服务器端技术是
CGIC。相对比较早出现的服务器端技术是CGIC。服务器端，从广义上讲，服务器是指网络中能对其它机器提供某些服务的计算机系统（如果一个PC对服务器端外提供ftp服务，也可以叫服务器）。
计算机web技术介绍
计算机web技术介绍
Web 客户端的主要任务是展现信息内容。Web客户端设计技术主要包括：HTML语言、Java Applets、 脚本程序、 CSS、 DHTML、插件技术以及VRML技术。下面是我给你带来的web技术相关知识，欢迎阅读!
1) HTML语言。
HTML是Hypertext Markup Language(超文本标记语言)的缩写，它是构成Web页面的主要工具。
2)Java Applets，
即Java 小应用程序。使用 Java语言创建小应用程序， 浏览器可以将Java Applets从服务器下载到浏览器，在浏览器所在的机器上运行。Java Applets可提供动画、音频和音乐等多媒体服务。1996年，著名的 Netscape浏览器在其2.0版本中率先提供了对Java Applets的支持，随后，Microsoft的IE3.0也在这一年开始支持Java技术。Java Applets使得Web页面从只能展现静态的文本或图像信息，发展到可以动态展现丰富多样的信息。动态Web页面，不仅仅表现在网页的视觉展示方式上，更重要的是他可以对网页中的内容进行控制与修改。
3)脚本程序。
他是嵌入在HTML文档中的程序。使用脚本程序可以创建动态页面，大大提高交互性。用于编写脚本程序的语言主要有JavaScript和VBScript。JavaScript由Netscape公司开发，具有易于使用、变量类型灵活和无须编译等特点。VBScript由Microsoft公司开发，与JavaScript一样，可用于设计交互的Web页面。要说明的是，虽然JavaScript和VBScript语言最初都是为创建客户端动态页面而设计的，但他们都可以用于服务端脚本程序的编写。客户端脚本与服务端脚本程序的区别在于执行的位置不同，前者在客户端机器执行，而后者是在Web服务端机器执行。
4) CSS(Cascading Style Sheets)，
即级联样式表。通过在HTML文档中设立样式表，可以统一控制HTML中各标志显示属性。1996年底，W3C提出了CSS的建议标准，同年，IE3.0引入了对CSS的支持。CSS大大提高了开发者对信息展现格式的控制能力，1997年的Netscape4.0不但支持CSS，而且增加了许多Netscape公司自定义的动态HTML标记，这些标记在CSS的基础上，让HTML页面中的各种要素“活动”了起来。
5) DHTML(Dynamic HTML)，
即动态HTML。1997年，Microsoft发布了IE4.0，并将动态HTML标记、CSS和动态对象(Dynamic Object Model)发展成为一套完整、实用、高效的客户端开发技术体系，Microsoft称其为DHTML。同样是实现HTML页面的动态效果，DHTML技术无须启动Java虚拟机或其他 脚本环境，可以在浏览器的支持下，获得更好的展现效果和更高的执行效率。
6) 插件技术。
这一技术大大丰富了浏览器的多媒体信息展示功能，常见的插件包括QuickTime、Realplayer、Media Player和Flash等。为了在HTML页面中实现音频、视频等更为复杂的多媒体应用，1996年的Netscape2.0成功地引入了对QuickTime插件的支持，插件这种开发方式也迅速风靡了浏览器的世界。同年，在Windows平台上，Microsoft将COM和 ActiveX技术应用于 IE浏览器中，其推出的IE3.0正式支持在HTML页面中插入 ActiveX控件，这为其他厂商扩展Web客户端的信息展现方式提供了方便的途径。1999年，Realplayer插件先后在Netscape和IE浏览器中取得了成功，与此同时，Microsoft自己的媒体播放插件Media Player也被预装到了各种Windows版本之中。同样具有重要意义的还有Flash插件的问世：20世纪90年代初期，Jonathan Gay在FutureWave公司开发了一种名为Future Splash Animator 的二维矢量动画展示工具，1996年，Macromedia公司收购了FutureWave，并将Jonathan Gayde 的发明改名为我们熟悉的Flash。从此， Flash动画成了Web开发者表现自我、展示个性的最佳方式。
7)VRML技术。Web已经由静态步入动态，并正在逐渐由二维走向三维，将用户带入五彩缤纷的虚拟现实世界。VRML是目前创建三维对象最重要的工具，它是一种基于文本的语言，并可运行于任何平台。
Web服务端技术
与Web客户端技术从静态向动态的演进过程类似，Web 服务端的开发技术也是由静态向动态逐渐发展、完善起来的。Web服务器技术主要包括服务器、CGI、 PHP、ASP、ASP.NET、Servlet和JSP技术。
1)服务器技术。
主要指有关Web服务器构建的基本技术，包括服务器策略与结构设计、服务器软硬件的.选择及其他有关服务器构建的问题。
2) CGI(Common Gateway Interface)技术，
即公共网关接口技术。最早的Web服务器简单地响应浏览器发来的 HTTP请求，并将存储在服务器上的 HTML文件返回给浏览器。CGI是第一种使服务器能根据运行时的具体情况，动态生成HTML页面的技术。1993年，NCSA(National Center 佛日Supercomputing Applications)提出CGI1.0 的 标准草案，之后分别在1995 年和1997年，制定了CGI1.1和1.2标准。CGI技术允许服务端的 应用程序根据客户端的请求，动态生成HTML页面，这使客户端和服务端的动态信息交换成为了可能。随着CGI技术的普及，聊天室、论坛、电子商务、信息查询、全文检索等各式各样的Web应用蓬勃兴起，人们可以享受到信息检索、信息交换、信息处理等各更为便捷的信息服务了。
3) PHP(Personal Home Page Tools)技术。
1994年，Rasmus Lerdorf发明了专用于Web服务端编程的PHP语言。与以往的CGI程序不同，PHP语言将HTML代码和PHP指令合成为完整的服务端动态页面，Web应用的开发者可以用一种更加简便、快捷的方式实现动态Web功能。
4) ASP(Active Server Pages)技术，
即活动服务器页面技术。1996年，Microsoft借鉴Php的思想，在其Web服务器IIS 3.0中引入了ASP技术。ASP使用的脚本语言是我们熟悉的VBScript和Javascript。借助Microsoft Visual Studio等开发工具在市场上的成功，ASP迅速成为Windows系统下Web服务端的主流开发技术。
5)ASP.NET技术。
由于它使用C#语言代替ASP技术的JavaScripe脚本语言，用编译代替了逐句解释，提高了运行效率，ASP.NET是建立.NET Framework的公共语言运行库上的编程框架，可用于在服务器上生成功能强大的Web应用程序，代替以前在WEB网页中加入ASP脚本代码，使界面设计与程序设计以不同的文件分离，复用性和维护性得到提高，已经成为面向下一代企业级网络计算的Web平台，是对传统ASP技术的重大升级和更新。
6) Servlet、 JSP技术。
以Sun公司为首的Java阵营于1997和1998年分别推出了Servlet和JSP技术。JSP的组合让Java开发者同时拥有了类似CGI程序的集中处理功能和类似PHP的HTML嵌入功能，此外，Java的运行时编译技术也大大提高了Servlet和JSP的执行效率。Servlet和JSP被后来的JavaEE平台吸纳为核心技术。
;
服务端技术实战系列——Kafka篇
一．概念原理
[if !supportLists]1. [endif]主题(topic)：主题是对消息的分类。
[if !supportLists]2. [endif]消息(message)：消息是kafka通信的基本单位。
[if !supportLists]3. [endif]分区(partition)： 一组 消息对应 一个 主题， 一个 主题对应 一个或多个 分区。每个分区为一系列有序消息组成的 有序队列 ；每个分区在物理上对应一个文件夹。
[if !supportLists]4. [endif]副本(replica)：每个分区有 一个或多个 副本，分区的副本分布在集群的 不同 代理（机器）上，以提高可用性；分区的副本与日志对象是一一对应的。
[if !supportLists]5. [endif]Kafka只保证一个 分区内 的消息 有序性 ，不保证跨分区消息的有序性。消息被追加到相应分区中， 顺序写入磁盘 ，效率非常高。
[if !supportLists]6. [endif]Kafka选取某个某个分区的 一个 副本作为leader副本，该分区的 其他 副本为follower副本。 只有leader副本负责处理客户端读/写请求 ，follower副本从leader副本同步数据。
[if !supportLists]7. [endif]任何发布到分区的消息都会追加到日志文件的尾部， 每条消息 在日志文件中的 位置 都对应一个 按序递增的偏移量 ；偏移量在一个分区下严格有序。
[if !supportLists]8. [endif]Kafka不允许对消息进行随机读写。
[if !supportLists]9. [endif]新版消费者将 消费偏移量 保存到kafka内部的一个主题中。
[if !supportLists]10. [endif]Kafka集群由 一个或多个代理 （Broker，也称为kafka实例）构成。可以在 一台 服务器上配置 一个或多个代理 ，每个代理具有唯一标识broker.id。
[if !supportLists]11. [endif]生产者将消息 发送给代理 （Broker）。
[if !supportLists]12. [endif]消费者以 拉取 （pull）方式拉取数据，每个消费者都属于一个消费组。
[if !supportLists]13. [endif]同一个主题的一条消息只能被 同一个消费组 下的某一个消费者消费，但 不同消费组 的消费者可以 同时 消费该消息。
[if !supportLists]14. [endif]消息 广播 ：指定各消费者属于不同消费组；消息 单播 ：指定各消费者属于同一个消费组。
[if !supportLists]15. [endif]Kafka启动时在Zookeeper上创建相应节点来保存 元数据 ，元数据包括：代理节点信息、集群信息、主题信息、分区状态信息、分区副本分配方案、动态配置等；
[if !supportLists]16. [endif]Kafka通过 监听 机制在节点注册监听器来监听节点元数据变化；
[if !supportLists]17. [endif]Kafka将数据写入 磁盘 ，以文件系统来存数据；
[if !supportLists]18. [endif]生产环境一般将zookeeper集群和kafka集群 分机架 部署；
[if !supportLists]二．[endif] Kafka Producer
配置：
/**
* xTestProxy——KafkaConfigConstant
*
* @author ZhangChi
* @date 2018年6月20日---下午5:50:44
* @version 1.0
*/
public class KafkaConfigConstant {
public static final String KAFKA_CLUSTER = "fa-common1.hangzhou-1.kafka.internal.lede.com:9200,fa-common2.hangzhou-1.kafka.internal.lede.com:9200,fa-common3.hangzhou-1.kafka.internal.lede.com:9200";
}
生产者配置：
/**
* xTestProxy——HttpKafkaProducerFactory
*
* @author ZhangChi
* @date 2018年6月11日---下午2:37:51
* @version 1.0
*/
public class HttpKafkaProducerFactory {
// 真正的KafkaProducer仅有一份
private static KafkaProducer kafkaProducer = null ;
private static Properties property ;
public static KafkaProducer getKafkaProducer() {
if ( kafkaProducer == null ) {
synchronized (HttpKafkaProducerFactory. class ) {
if ( kafkaProducer == null ) {
property = buildKafkaProperty ();
kafkaProducer = new KafkaProducer( property );
}
}
}
return kafkaProducer ;
}
public static Properties buildKafkaProperty() {
Properties props = new Properties();
props.put(ProducerConfig. BOOTSTRAP_SERVERS_CONFIG , KafkaConfigConstant. KAFKA_CLUSTER );
props.put(ProducerConfig. ACKS_CONFIG , "all");
props.put(ProducerConfig. RETRIES_CONFIG , 0);
props.put(ProducerConfig. BATCH_SIZE_CONFIG , 16384);
props.put(ProducerConfig. BUFFER_MEMORY_CONFIG , 33554432);
props.put(ProducerConfig. LINGER_MS_CONFIG , 1);
props.put(ProducerConfig. KEY_SERIALIZER_CLASS_CONFIG , "org.apache.kafka.common.serialization.StringSerializer");
props.put(ProducerConfig. VALUE_SERIALIZER_CLASS_CONFIG ,
"org.apache.kafka.common.serialization.StringSerializer");
return props;
}
}
生产者线程组：
/**
* xTestProxy——HttpKafkaProducerThread
* 多线程每次new一个实例
*
* @author ZhangChi
* @date 2018年6月25日---下午2:09:39
* @version 1.0
*/
public class HttpKafkaProducerThread implements Runnable {
private static Logger logger = LoggerFactory. getLogger ("HttpKafkaProducerThread");
private final String KAFKA_TOPIC = KafkaConstant. HTTP_REQ_RESP_TOPIC ;
private String kafkaMessageJson;
private KafkaProducer producer;
public String messageType;
public String originalMessage;
private static KafkaMessage kafkaMessage = new KafkaMessage();
public HttpKafkaProducerThread(KafkaProducer producer, String messageType, String originalMessage) {
this .producer = producer;
this .messageType = messageType;
this .originalMessage = originalMessage;
}
@Override
public void run() {
// TODO Auto-generated method stub
/* 1.构建kafka消息*/
kafkaMessageJson = generateKafkaMessage( this .messageType, this .originalMessage);
/* 2.发送kafka消息*/
if (kafkaMessageJson != null !StringUtils. isEmpty (kafkaMessageJson)) {
logger .info("create message start:" + kafkaMessageJson);
producer.send( new ProducerRecord( this .KAFKA_TOPIC, kafkaMessageJson));
} else {
logger .info("kafkaMessageJson is null!");
}
}
private String generateKafkaMessage(String messageType, String originalMessage) {
if (StringUtils. isBlank (messageType) || StringUtils. isBlank (originalMessage)) {
return null ;
}
kafkaMessage .setMessageId(KafkaMessageUtils. generateId ());
kafkaMessage .setMessageTime(KafkaMessageUtils. generateTime ());
kafkaMessage .setMessageType(messageType);
kafkaMessage .setMessage(originalMessage);
String kafkaMessageToJson = null ;
try {
kafkaMessageToJson = KafkaMessageUtils. objectToJson ( kafkaMessage );
} catch (JsonProcessingException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
kafkaMessageJson = kafkaMessageToJson;
return kafkaMessageToJson;
}
}
[if !supportLists]三．[endif] Kafka Consumer
消费者配置：
private static Properties buildKafkaProperty() {
Properties properties = new Properties();
// 测试环境kafka的端口号是9200
properties.put(ConsumerConfig. BOOTSTRAP_SERVERS_CONFIG , KafkaConfigConstant. KAFKA_CLUSTER );
// 消费组名称
properties.put(ConsumerConfig. GROUP_ID_CONFIG , KafkaConfigConstant. GROUP_ID );
properties.put(ConsumerConfig. CLIENT_ID_CONFIG , "test");
// 从头消费
properties.put(ConsumerConfig. AUTO_OFFSET_RESET_CONFIG , "earliest");
// 自动提交偏移量
properties.put(ConsumerConfig. ENABLE_AUTO_COMMIT_CONFIG , "true");
// 时间间隔1s
properties.put(ConsumerConfig. AUTO_COMMIT_INTERVAL_MS_CONFIG , "1000");
properties.put(ConsumerConfig. KEY_DESERIALIZER_CLASS_CONFIG ,
"org.apache.kafka.common.serialization.StringDeserializer");
properties.put(ConsumerConfig. VALUE_DESERIALIZER_CLASS_CONFIG ,
"org.apache.kafka.common.serialization.StringDeserializer");
return properties;
}
消费者线程组：
/**
* AnalysisEngine——HttpKafkaConsumerGroup
*
* @author ZhangChi
* @date 2018年6月11日---下午6:20:47
* @version 1.0
*/
@Service("httpKafkaConsumerGroup")
public class HttpKafkaConsumerGroup {
@Autowired
private RequestAnalyzer requestAnalyzer;
@Autowired
private EsDocumentServiceImpl esDocumentServiceImpl;
@Autowired
private AnalysisEngineClient analysisEngineClient;
@Autowired
private MongoTemplate mongoTemplate;
private List httpKafkaConsumerList = new ArrayList();
public void initHttpKafkaConsumerGroup( int consumerNumber, RunModeEnum mode) {
for ( int i = 0; i consumerNumber; i++) {
/**
* 将注入的服务当做构造参数，这样保证每个子线程都能拿到服务实例而不是空指针！
*/
HttpKafkaConsumer consumerThread = new HttpKafkaConsumer(requestAnalyzer, esDocumentServiceImpl, mode, analysisEngineClient, mongoTemplate);
httpKafkaConsumerList.add(consumerThread);
}
}
public void consumeGroupStart() {
for (HttpKafkaConsumer item : httpKafkaConsumerList) {
LogConstant. runLog .info("httpKafkaConsumerList size : " + httpKafkaConsumerList.size());
Thread consumerThread = new Thread(item);
consumerThread.start();
}
}
}
先逐个初始化消费者实例，然后将这些消费者加入到消费组列表中。消费组启动后，会循环产生消费者线程。
什么是Web服务器端应用技术?列出几种典型的Web服务器端技术。
服务器端技术是 基于服务器端语言 做出来的特定的规范，
服务器端常用技术有MVC，用于隔离业务和视图
ORM，用于简化并优化数据库连接与操作数据库
要学习技术，先要学习一门后端语言，比如php、java、C#、go等等，
之后再逐个技术做简单实现，学会了一些常用的技术后，
可以学习框架，再之后就是项目啦，
根据项目的不同，选择不同的框架去实现~
PM需理解的前后端技术
对于非技术背景的PM来讲，理解基础的前后端技术可以很好地提高沟通效率，下面用最简单文字和图片说明前后端的基础技术。
一、前端技术
1、前端技术指用来开发和实现客户端产品的技术，现在基本上指开发APP的技术（Andriod、IOS）。其余的像UI控件、界面布局等等做原型过程中都会遇到，还没学熟，先不说了。
2、可分为三类技术应用
第一，Html5应用，通过网页Web实现，不受本地APP控制，通过网络加载获取。
第二，Native 应用，通过移动客户端技术实现的客户端产品，从本地获取，交互体验更好。
第三，就是前两者的结合，在Native中嵌套H5页面，具备动态扩展和高灵活性特点。
举个栗子就很清楚了，微信红包是通过H5实现的，在过节时候有时红包页面会出现变化；聊天、朋友圈是通过Native实现的，这类使用高频，交互要求高。
二、后端（服务器端）技术
1、服务端和客户端共同构成完整的产品技术体系。
2、服务器端是产品实现数据交换和信息传递的中间调度者。
3、客户端与服务端之间通过JSON/XML进入数据接口定义（API）。
4、客户端与服务器之间基于请求响应模式交互。
5、云服务器作为中心处理和数据中心，为产品提供技术支持（企业不需要自建机房）。