Bootstrap念:简谈前端后端

编写架构

一、概览

前者知识:HTML,CSS,JavaScript,jQuery,Bootstrap

后端知识:HTTP服务器,后端编程语言,数据库,Cookie,Session

挪动开: 原生,混合式,HTML5,不同的移动端技术选择于效力和开发成本上之比

其次、前后端的界别

1、前端:简单明了就是是,在浏览器端执行,凡是运行于用户设备及之技能都好称之为前端技术( 比如HTML / CSS / JS,甚至移动装备的Obj-C / Swift)

2、后端:在劳务器端执行,负责将上述代码封装于http的多寡包中然后经过网传递至前者;另外一个成效是保存和提供用户数量,比如移动端常见的JSON就是当前极度风靡的当后端和前端之间传输的一个文件格式。

老三、Web前端的运行逻辑

例:访问Google.cn

1、浏览器为Google的服务器发送一个http请求

2、服务器使用一个http响应,把显示是网页所用的资源传回给了浏览器

得经Chrome浏览器的开发者工具来更为考察HTTP协议的运行状态;

直达图也Google的HTTP协议运行情况,关键部分为:

率先列,即资源的URL(path);第四排是其一资源的项目;

当率先独请求与延续之请中时有发生平等彻底蓝线,即速长。而HTTP协议中运作的路更少,浏览器加载的速更是快。图被Google就处理得够呛好,只出10单左右之求。

季、Web前端语言

1、HTML和带样式的HTML

HTML就是同等组标签以及文件的结合,是一个极其核心的网页。它就包含了网页常见的元素,实际上以Web最初的不得了丰富平截时日内,网页都是以此法。后来随着以网络的人群越来越广泛,在HTML3.0遭遇引入了对网页样式的定义,某种程度上足说,也是打这个时起有了网页设计师的角色。(现在既是html5)

2、CSS

带动样式的HTML也装有一个弱点,它要为每个题目和文字都设定样式,工作量非常大。

CSS就是以这么的情状下诞生了。CSS,又如叠层样式表,简言之是同种用来展现HTML文件样式的体制设计语言。CSS能够针对网页遭到之目标的位置排版进行诸如素级的精确控制,实现基础之静态的相设计;而CSS目前之时髦版本CSS3能够真的做到网页表现与内容分别。

3、JavaScript

大多在CSS诞生的同一时间,大家开始以为这么静态的网页似乎有点发俗气,能无克为网页加入一些得以动起来的元素?比如点击一个按钮后换个颜色。当时网景公司的工程师Brendan Eich就深受他俩自的浏览器引入了这种实现动态效果的脚本语言,这就算是Javascript(简称JS)的出生。所以通俗的话,Javascript就是因此来被HTML网页增加动态功能,实现再次炫酷的互。

4、jQuery

干Javascript,就得提一下jQuery。jQuery是一个大好之Javascript库。jQuery使用户会还有利于地拍卖HTML,它能够如用户之HTML页面保持代码和内容分别,通过jQuery,可以无用当HTML里面插入一积JS来调用命令,只待定义ID即可。此外,由Twitter设计师Mark Otto和Jacob Thornton合作开发的Bootstrap也是一个深受欢迎之前端框架。

五、优秀前端评判标准(按序牛逼)

1、只见面HTML/CSS的,这种咱们俗称切图的,基本上就是是淘宝几十片切一张图的;

2、懂一些简的Javascript,主要是采取有成的框架,比如jQuery,bootstrap等等;

3、知道jQuery和Bootstrap的受制,必要常常能写有原生的JS/CSS代码;

4、对JS/CSS非常了解,执着被以浏览器的各种最新特性来落实各种炫酷效果,这种我们成为炫技派;

5、可以友善写来近似jQuery / Bootstrap这样的前端框架供其他人用。

六、后端服务器

1、本质:是前进端提供用展示网页和APP内容之数,可能是HTML,也恐怕是JSON数据,也得是音视频或者PDF文件。

2、一个服务器包含3单有:

a)HTTP服务器:把(需要回到给客户端的)资源文件封装在HTTP数据包里;

以此资源有或是其背后的应用服务器动态变化的,也起或是保存在硬盘上之静态文件;

此资源是具有后端程序都得有,也是一直与我们的浏览器通信,返回给咱们多少的先后;

本条资源作用就是是把她(后面的编程语言生成的各种HTML/CSS/Javascript),打包改成一个HTTP请求,然后重新装进到一个TCP/IP的数量包里发回被浏览器端;

顶常用的少独HTTP服务器叫做Apach和Nginx。

b)应用服务器:生成前端需要的HTML/CSS/JS交给浏览器

c)数据库

七、后端语言

1、.net/java

巨,复杂。但Java的长处就是是副处理特别特别的数据量,如果您的档次会快实现深爆发,需要处理海量的呼吁,那么Java是一个不利的挑。

2、PHP

好很快达标亲手,相比另语言,可以再快之也使添加各种新职能。当然,可维护性就别当别论了。

3、Ruby

坏类似自然语言,基本上就不了解编程,也会看明白70%还是80%。,快之又,他的极度特别短板就是是性质。Twitter最早便是下Ruby on Rails开发的,但是趁用户数的逐步增长,Twitter的宕机开始换得非常累,后来她们迫于将通系统从Ruby迁移到到了一个从Java派生出来的言语Scala。

4、Node.js

简简单单来说,可以拿node.js理解呢走在服务器上的javascript,再直白一点,就是一个跑在服务器上之浏览器,因为node.js最早便是由chrome浏览器的Javascript引擎V8中剥离出去的。相比Ruby,Node.js程序可以赢得更胜似的产出性能,这当有高并发的情景下(比如群聊,多人合作等)会坏有优势。

5、无后端(leancloud)

无后端编程是多年来之一个新势头,但其不要说是真的没有后端,而只有是把后端交给有叔着的云平台,比如Leancloud,Firebase等。如果您开一个手机App,这样的裨益就是是若得以初无后端程序员的状态下高速开工,像Leancloud这样的云平台已经得以胜任大部分的运用场景,如果后期工作逻辑复杂过后再也找找合适的后端工程师迁移也不迟。

八、数据库

1、MySQL(结构化数据库):表结构固定,查询需用SQL(结构化查询语言)

2、MongoDB(非结构化):所以可以操作有一样实行数据,而不用长新列

九、Cookie和Session

Cookie理解啊凡服务器被每个用户分配的唯一ID,这个ID由用户浏览器保存;

Session则是服务器为了维护这个会话在劳动器端保存的和cookie对应之用户数据。

十、移动支付

1、移动端和浏览器的区分就是在于,大部分App,我们开拓的一瞬,就已经看了它的界面,而不用重新失去为服务器来拿显示界面的HTML等公事。所以移动端,开发原生应用所下到的技艺(比如Objective C,swift)就一定给前者的HTML,只不过它是直保存在应用本地的(原生)。

2、这样就是有了一个题目:如何来收获使用数据?如果是网页应用,我们得一直拿数据包含在HTML中平等并汇报给浏览器;但是于活动使用就是需要发出一个特意的磋商来传送应用得的数目,这即是JSON。

3、移动使用三种类型:原生、HTML5、混合型

相关文章