web前端开发浮动框架属性 web前端开发都有哪些常见框架结构？

对于前端开发比较关注的小伙伴们一定非常关心web前端开发浮动框架属性 web前端开发都有哪些常见框架结构？，今天我爱编程网小编为大家整理了以下内容，下面一起来看看吧。

web前端开发都有哪些常见框架结构？

随着互联网的不断发展，越来越多的程序员都开始学习和掌握关于web前端开发的相关技术知识。今天，我们就一起来了解一下，web前端开发都有哪些常见框架需要我们了解和掌握的。

一，socket通信 我爱编程网

说起web，肯定离不开tcp协议和http协议(https协议较为复杂，暂时不在本章讨论范围之内)。http协议在后面，那什么是tcp协议，cp协议就是网络的传输层面的东西，就是用来传输数据的，tcp协议相对安全可靠，主要连接过程如下图，客户端先发送一个SYN请求，包含一个随机数seq，假设这个随机数的值等于i。服务器就会发送一个ACK请求，并且对这个随机数加1，同时发给客户端，客户端收到服务端的ack之后也会向服务端发送一个ack(这里只是大概描述了一下tcp三次握手，如果想详细了解的话可以去看tcp/ip协议卷)

http是应用层的协议，它的传输层是tcp协议。可以说sock通信是web服务的底层通信，没有socket也就没有http协议，跟谈不上web服务了

二，体系架构

主要有c/s架构和b/s架构，c/s主要由一般需要在客户端安装的应用程序和远程服务器组成的。它的优点是通信双方的通信量较少，因为大部分信息存储在本地，缺点是客户端的维护和升级较为麻烦，一般适用于大型的系统。

b/s架构是由浏览器和服务器组成的，优点是方便，随时可以上网，缺点是通信量较大，相对于c/s不是特别的稳定;

c/s架构

b/s架构

三，web应用程序的工作原理

web应用程序大致上分为两种，即动态网站和静态网站。静态网站就是用HTML写的静态页面，动态网站是根据用户不同的请求动态的生成动态的不同的页面发送给客户端，通常使用HTML语言和动态脚本语言(ASP,PHP,JSP)等语言编写。下面的图片来源于网络

在开发Web应用程序时，通常需要应用客户端和服务器端两方面的技术。其中，IT培训认为客户端应用的技术主要用于展现信息内容，而服务器端应用的技术，则主要用于进行业务逻辑的处理和与数据库的交互等。

四，HTTP协议

为了使互联网的web服务茁壮的发展，让客户端和服务端共同的遵守一些协议，http就出现了。http协议可以说是伟大的协议之一，主要有1.0版本，1.1版本和2.0版本。

想做web前端开发师，可是不知道要学习些什么知识

1.HTML
知识要点：web工作原理、HTML4及HTML5、常见标签、相对路径与绝对路径、HTML5标签
2.CSS+布局
知识要点：CSS基本语法、基本选择器、复合选择器、背景图片、盒子模型、精灵图、常见网页布局、浮动定位、Flex布局、响应式布局、移动端适配、网页动画、CSS3新特性、Less预处理器
3.ECMA基础
知识要点：ECMA基本语法、数据类型、运算符、分支结构、循环结构、函数、常见内置对象的属性和方法、Array、Math、Date、String
4.DOM
知识要点：DOM模型、节点类型、节点的基本操作、JS操作样式表、克隆节点、获取坐标位置、获取元素尺寸、节点的各种属性和方法。
5.BOM+jQuery
知识要点：History、Location、Navigate、定时器、线程、事件循环、web工作原理、性能优化、事件对象、正则表达式、jQuery框架
6.vue框架基本语法
知识要点：vue基本语法、双向绑定、组件传值、条件渲染、列表渲染、事件处理、表单绑定、自定义事件、插槽、过渡、动画、动态路由、嵌套路由、编程式导航、导航守卫、路由懒加载、脚手架、生命周期、vuex、axios、ts、vue3
7.vue案例
知识要点：将知识点融会贯通到案例中。
8.react基本语法
知识要点：react简介、jsx语法、元素渲染、组件和props、state、生命周期、表单、条件渲染、组合继承、hooks、性能优化、redux
9.react案例
知识要点：将知识点融会贯通到案例中
新增内容：微信小程序及uni-app框架
知识要点：
小程序框架（配置/程序与页面注册/路由），开发者工具
小程序框架组件学习（基础/视图/表单/地图/媒体/导航/开发能力）
小程序框架组件学习（地图/媒体/导航/开发能力）
小程序API（基础/路由/界面/网络/数据缓存/位置服务）
小程序API（设备/媒体/开放接口/授权/登录/支付）
10.Node服务器与数据库及框架
Node原生模块、跨域、安全校验、数据加密、数据库基本操作、express框架、koa框架

前端开发框架是什么

9个流行的、强大的前端开源框架，帮助你轻松构建漂亮的网站前端。

1、Bootstrap

Bootstrap无疑是最流行的CSS框架，它是最早的Web前端框架，由Twitter开发。Bootstrap还提供了许多示例来帮助你入门。

2、PatternFly

PatternFly是Red Hat的开源CSS框架，和Bootstrap不同的是，Bootstrap是为那些想要创建漂亮网站的人而设计的，而PatternFly主要专注于企业应用程序开发人员，提供诸如条形图、图表、导航之类的组件，实际上Red Hat就是使用它创建了OpenShift。

3、Material Components for the web

Material Components for the web(MDC Web)，是谷歌专为Web设计的全新前端框架。MDC Web可帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程，以构建美观且功能强大的Web项目。

4、Pure

Bootstrap，Patternfly和MDC Web是功能非常强大的CSS框架，但它们可能非常繁琐和复杂。如果你想要一个轻量级的CSS框架，可以尝试Pure.css，它本身更接近于CSS编程，但又可以帮助你构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架，它由Yahoo开发，根据BSD许可是开源的。

5、Foundation

Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。

6、Bulma

Bulma是一个基于Flexbox的开源框架，可根据MIT许可证开源。Bulma是一个非常轻量级的框架，因为它只需要一个CSS文件。Bulma拥有简洁明了的文档，可轻松选择你想要的主题。它还具有许多Web组件，你可以在设计中使用它们。

7、Skeleton

如果说还有什么框架比Pure更加轻量级，那一定是Skeleton。Skeleton库只有大约400行，并且该框架仅提供一些基本的CSS框架组件。尽管如此，Skeleton还是提供了详细的文档来帮助你快速上手。

8、Materialize

Materialize 是一个基于 Material Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合你的自定义组件，为你提供默认的样式。Materialize的文档页面非常全面，并且很容易遵循。其组件页面包括按钮，卡片，导航等。

9、Bootflat

Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比，Bootflat更简单，并且更加轻量级。Bootflat的文档似乎几乎受到了IKEA的启发，大部分都是图像，没有太多的文字。

以上就是我爱编程网小编为大家带来的内容了，希望能够帮助到大家，了解更多前端开发资讯敬请关注我爱编程网。