前端开发：单页面和多页面使用场景

一、单页面应用

    只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源 ，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站。

二、多页面应用（MultiPage Application，MPA）

    多页面跳转刷新所有资源，每个公共资源(js、css等)需选择性重新加载，常用于 app 或 客户端等。

原文地址：https://blog.51cto.com/14535203/2436275

时间： 2024-10-10 01:17:32

前端开发：单页面和多页面使用场景的相关文章

python 之前端开发（盒子模型、页面布局、浮动、定位、z-index、overflow溢出）

11.312 盒子模型 HTML文档中的每个元素都被比喻成矩形盒子, 盒子模型通过四个边界来描述:margin(外边距),border(边框),padding(内填充),content(内容区域),如果把一个盒子比喻成一个壁挂相片,那么外边距margin ===== 一个相框与另外一个相框之间的距离边框border ====== 边框指的就是相框内边距padding ===== 相片与边框的距离宽度width/高度height ===== 指定可以存放相片的区域 1.css显示模式:块级

高级前端开发不可或缺的知识

单页应用现在很流行,特别是移动前端开发方面,用web页面做出来的应用,几乎可以达到java,C++等开发的用程序一样的效果.基于web天生就有跨平台的优势,使得前端开发也越来越受重视了.要想在移动端做出原生应用的效果,单页应用首当其冲,但是呢,单页应用有一个重要的知识点,那就是异步过程太明显,你想,大量的样式操作,事件邦定,都要在dom节点绘制完成之后才能进行.怎样确定我们在操作某个dom节点的时候,它已经在页面上存在了呢.以前呢,我们都是用定时器设一个时间来保证的.例如: var elemen

前端开发人员需要做什么-随手记

一个前端项目的协作流程应该是这样的: 策划→ 交互→视觉→前端→后端→测试现在大公司的的流程:策划→ 交互→前端→后端,不需要等到视觉做出来再开始后端开发,做后端的时候视觉做出来再用上就OK了:前端和后端做出来后再到最后的测试. 而我们主要关注点是前端部份,作为前端工程师的职责如下: 职责是把视觉稿和交互稿实现UI.①视觉稿实现UI的过程叫做页面的制作.②交互稿实现UI的过程我们叫做页面的页面交互逻辑开发. 补充:[视觉稿是用ps做出页面的最终效果图],[交互包括线框图,原型图等]. 前端开

前端开发（1）

(1)历史: web1.0:网页是静态的,用户以浏览为主.Photoshop和Dreamweaver. web2.0: 各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化.网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的. 无论是开发难度上,还是开发方式上,现在的网页制作都更接近传统的网站后台开发,所以现在不再叫网页制作,而是叫Web前端开发.Web前端开发在产品开发环节中的作用变

前端的单页面模式和多页面模式

一.前言前端部分的搭建,需要考虑使用哪种模式进行页面之间的跳转交互, 而项目内的页面交互,不可避免的需要相互之间的数据共享. 这就引出了本篇博客的目的,一起来谈谈:项目前端部分的构建方式以及数据共享方式. 二.正文 (一).搭建前端部分所需要注意的问题 1)方便性结合开发的时间需求和方便性选择适合的前端模式: 2)性能在项目的体量比较大,或者某个页面需要加载较多文件时,会对加载页面所需时间产生影响 3)浏览器的缓存在项目发布后如果文件(css/js/image)有更新,需要用

web前端开发与页面设计的协作、区别与发展

web前端开发与页面设计的协作.区别与发展,布布扣,bubuko.com

移动web页面前端开发总结

移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结. 1.四大浏览器内核 1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同时存在许多安全Bug. 2.Gecko:( FireFox )优点就是功能强大.丰富,可以支持很多复杂网页效果和浏览器扩展接口,缺点是消耗很多的资源,比如内存. 3.Webkit:

前端开发跨浏览器计算页面大小、滚动高度

前端开发中跨平台.跨USER-AGENT的适配很繁琐想要得到浏览器px大小非常烦.因此以下2个函数非常实用这两个javascript函数很有用,用来计算浏览器页面大小,窗体大小,以及滚动高度,源码例如以下: function getPageSize() { var xScroll, yScroll; if (window.innerHeight && window.scrollMaxY) { xScroll = window.innerWidth + window.scrollMaxX

移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签

<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head>  <meta charset='utf-8'>

Vue-cli创建项目从单页面到多页面4 - 本地开发服务器设置代理

前后端分离开发时,有时候会遇到跨域的情况:只在开发的时候存在跨域,项目上线后,由于配置的域名相同,跨域就会不存在. 这个时候,有两种方案可以比较快的解决: 1.利用h5的特性,使用cors,在ngnix服务器上设置header:Access-Control-Allow-Origin的值为 *(或者目标域名)允许跨域. 2.在我们的本地开发服务器上设置代理. 这里主要介绍使用vue-cli创建项目后,怎样配置本地服务器的代理,成功通过本地服务器代理请求数据的解决方案. 解决方案进入config/