网站的前端服务器是什么意思，怎么和后端服务器配合

前后端分离部署时，服务器A用于部署前端项目，称为前端服务器，服务器B用于部署后端项目，称为后端服务器。后端服务器通过开放API的方式，向前端服务器中的前端项目提供数据或数据 *** 作接口，以此实现前端与后端的衔接。若受项目的成本限制，将前端项目与后端项目部署在同一服务器上也是可以的，可以通过nginx等反向代理服务器根据访问地址进行分发。

1cd 到需要访问的页面目录

2在终端执行live-server命令

3指定之后会自动打开页面，默认会访问目录内的indexhtml文件

前端开发代码优化、可维护性、浏览器兼容性是非常重要的课题。从实际的工程应用角度出发，最常遇见的前端优化问题。前端性能进行优化规则，基本可以涵盖现在前端大部分的性能优化原则了，很多更加geek和精细优化方法都是从这些原则里面延伸出来的。

前端性能进行优化都有哪些规则

减少>

尽量合并、CSS、JS。比如加载一个页面有5个css文件的话，把这个5个文件合成一个的话，就只需要发出一次>

2 使用CDN

网站上静态资源即css、js全都使用cdn分发，包括

3 避免空的src和href

当link标签的href属性为空、script标签的src属性为空的时候，浏览器渲染的时候会把当前页面的URL作为它们的属性值，从而把页面的内容加载进来作为它们的值。所以要避免犯这样的疏忽。

4 为文件头指定Expires

Exipres是用来设置文件的过期时间的，一般对css、js、资源有效。 他可以使内容具有缓存性，这样下回再访问同样的资源时就通过浏览器缓存区读取，不需要再发出>

新浪微博的这个css文件的Expires时间是2016-5-04 09:14:14

5 使用gzip压缩内容

gzip能够压缩任何一个文本类型的响应，包括html，xml，json。大大缩小请求返回的数据量。

6 把CSS放到顶部

网页上的资源加载时从上网下顺序加载的，所以css放在页面的顶部能够优先渲染页面，让用户感觉页面加载很快。

7 把JS放到底部

加载js时会对后续的资源造成阻塞，必须得等js加载完才去加载后续的文件 ，所以就把js放在页面底部最后加载。

8 避免使用CSS表达式

举个css表达式的例子

font-color: expression( (new Date())getHours()%3 “#FFFFFF" : “#AAAAAA" );

这个表达式会持续的在页面上计算样式，影响页面的性能。并且css表达式只被IE支持。

9 将CSS和JS放到外部文件中

目的是缓存文件，可以参考原则4。 但有时候为了减少请求，也会直接写到页面里，需根据PV和IP的比例权衡。

10 权衡DNS查找次数

减少主机名可以节省响应时间。但同时，需要注意，减少主机会减少页面中并行下载的数量。

IE浏览器在同一时刻只能从同一域名下载两个文件。当在一个页面显示多张时，IE 用户的下载速度就会受到影响。所以新浪会搞N个二级域名来放。

下面是新浪微博的域名，我们可以看到他有多个域名，这样可以保证这些不同域名能够同时去下载，而不用排队。不过如果当使用的域名过多时，响应时间就会慢，因为不用响应域名时间不一致。

11 精简CSS和JS

这里就涉及到css和js的压缩了。比如下面的新浪的一个css文件，把空格回车全部去掉，减少文件的大小。现在的压缩工具有很多，基本主流的前端构建工具都能进行css和js文件的压缩，如grunt，glup等。

12 避免跳转

有种现象会比较坑爹，看起来没什么差别，其实多次了一次页面跳转。比如当URL本该有斜杠（/）却被忽略掉时。例如，当我们要访问 >

另一种是不用域名之间的跳转， 比如访问 >

13 删除重复的JS和CSS

重复调用脚本，除了增加额外的>

14 配置ETags

它用来判断浏览器缓存里的元素是否和原来服务器上的一致。比last-modified date更具有d性，例如某个文件在1秒内修改了10次，Etag可以综合Inode(文件的索引节点(inode)数)，MTime(修改时间)和Size来精准的进行判断，避开UNIX记录MTime只能精确到秒的问题。 服务器集群使用，可取后两个参数。使用ETags减少Web应用带宽和负载

15 可缓存的AJAX

异步请求同样的造成用户等待，所以使用ajax请求时，要主动告诉浏览器如果该请求有缓存就去请求缓存内容。如下代码片段, cache:true就是显式的要求如果当前请求有缓存的话，直接使用缓存

$ajax({      url : 'url',      dataType : "json",      cache: true,      success : function(son, status){                  }

16 使用GET来完成AJAX请求

当使用XML>

17 减少DOM元素数量

这是一门大学问，这里可以引申出一堆优化的细节。想要具体研究的可以看后面推荐书籍。总之大原则减少DOM数量，就会减少浏览器的解析负担。

18 避免404

比如外链的css、js文件出现问题返回404时，会破坏浏览器的并行加载。

19 减少Cookie的大小

Cookie里面别塞那么多东西，因为每个请求都得带着他跑。

20 使用无cookie的域

比如CSS、js、等，客户端请求静态文件的时候，减少了 Cookie 的反复传输对主域名的影响。

21 不要使用滤镜

IE独有属性AlphaImageLoader用于修正70以下版本中显示PNG的半透明效果。这个滤镜的问题在于浏览器加载时它会终止内容的呈现并且冻结浏览器。在每一个元素（不仅仅是）它都会运算一次，增加了内存开支，因此它的问题是多方面的。

完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式来代替，这种格式能在IE中很好地工作。如果你确实需要使用AlphaImageLoader，请使用下划线_filter又使之对IE7以上版本的用户无效。

22 不要在HTML中缩放

比如你需要的尺寸是50 50

那就不用用一张500500的大尺寸，影响加载

23 缩小faviconico并缓存

题主是否想询问“前端php携带body参数请求未响应的原因？”前端php携带body参数请求未响应的原因有请求方法不正确、参数格式不正确、请求头缺少必要参数、服务器端配置不正确。
1、请求方法不正确：前端发送的请求方法和后端接口要求的请求方法不一致，会导致请求失败或者无响应的情况。
2、参数格式不正确：后端可能无法解析请求，导致请求失败或者无响应的情况。
3、请求头缺少必要参数：请求头中包含了很多关于请求的信息，请求头中缺少必要的参数，导致请求失败或者无响应。
4、服务器端配置不正确：服务器端的相关配置不正确，导致请求失败或者无响应。

---