专栏首页李才哥构建Web应用
原创

构建Web应用

构建Web应用

基础功能

请求方法

最常见的请求方法是GET和POST,除此之外,还有HEAD、DELETE、PUT、CONNECT 等方法

PUT代表新建一个资源,POST表示要更新一个资源,GET表示查看一个资源, 而DELETE表示删除一个资源

路径解析

客户端代理(浏览器)会将这个地址解析成报文,将路径和查询部分放在报文第一行

查询字符串

这个字符串会跟随在路径后,形成请求报文首行的第二部分

能记录服务器与客户端之间的状态

设置的Cookie过多,将会导致报头较 大

· 减小Cookie的大小

· 为静态组件使用不同的域名

· 减少DNS查询

path

Expires和Max-Age是

HttpOnly

Secure

Session

Session的数据只保留在服务器端,客户 端无法修改

基于Cookie来实现用户和数据的映射

通过查询字符串来实现浏览器端和服务器端数据的对应

缓存

设置缓存

· 添加Expires 或Cache-Control 到报文头中

· 配置 ETags

· 让Ajax 可缓存

清除缓存

· 路径中跟随Web应用的版本号

· 路径中跟随该文件内容的hash值

Basic认证

当客户端与服务器端进行请求时,允许通过用户名和密码实现的一种身份认证 方式

数据上传

表单数据

Content-Type: application/x-www-form-urlencoded

其他格式

JSON类型的值为 Content-Type:application/json

XML的值为 Content-Type:application/xml

附件上传

Content-Type: multipart/form-data

数据上传与安全

内存限制

· 限制上传内容的大小

· 通过流式解析,将数据流导向到磁盘中,Node只保留文件路径等小数据

CSRF

路由解析

文件路径型

静态文件

动态文件

MVC

控制器(Controller),一组行为的集合

模型(Model),数据相关的操作和封装

视图(View),视图的渲染

路由解析,根据URL寻找到对应的控制器和行为

行为调用相关的模型,进行数据操作

数据操作结束后,调用视图和相关数据进行页面渲染,输出到客户端

RESTful

请求方法作为逻辑分发的单元

将服务器端提供的内容实体看作一个资源

操作行为主要体现在行为上,主要使用的请求方法是POST和GET

中间件

异常处理

为next()方法添加err参数,并捕获中间件直接抛出的同步异常

中间件异步产生的异常需要自己 传递出来

中间件与性能

编写高效的中间件

合理使用路由

页面渲染

内容响应

MIME

附件下载

响应JSON

响应跳转

视图渲染

在动态页面技术中,最终的视图是由 模板和数据共同生成出来的

模板

模板语言

包含模板语言的模板文件

拥有动态数据的数据对象

模板引擎

模板引擎

· 模板编译

with的应用

· 模板安全

模板逻辑

集成文件系统

子模板

布局视图

模板性能

Bigpipe

前端加载技术,它的提出主要是为了解决重数据页面 的加载速度问题

Bigpipe是一个需要前后端配合实现的优化技术

· 页面布局框架

· 持续数据输出

· 前端渲染

Bigpipe将网页布局和数据渲染分离

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Nodejs·构建web应用

    本篇的内容比较多..... 1 首先是从基本的Nodejs服务方面讲述前后端统一语言在web应用中的作用; 2 然后讲了web中基本的知识,从请求方法到路...

    用户1154259
  • 基于Nest快速构建Web应用

    最近忙里偷闲,趁着学习Nest的功夫,抽离写了一个Nest模块。这里简单介绍一下什么是Nestjs

    w候人兮猗
  • 使用Gradle第一次构建Web应用

    Gradle 提供了打包 war 包的插件,可以将 Web 应用部署到本地 Servlet 容器中。

    三产
  • WebComponent:像搭积木一样构建Web应用

    我们站在开发者和项目角度来聊聊 WebComponent,它是一套技术的组合,能提供给开发者组件化开发的能力。

    张张
  • 【预约中】从0到1构建web应用

    现在前端已经进入了大前端时代。作为一个前端工程师,不能局限在html,css和js的纯前端圈子里,是时候进击nodejs了。也许你已早早接触过nodejs,并使...

    可可爱爱没有脑袋
  • 使用Java内置的Http Server构建Web应用

    一、概述 使用Java技术构建Web应用时, 我们通常离不开tomcat和jetty之类的servlet容器,这些Web服务器功能强大,性能强劲,深受欢迎,是运...

    用户1608022
  • 使用Gradle自定义配置构建Web应用

    War 插件默认使用 GBK 编码做为代码编码。当我们的代码中有中文字符,并且代码编码为非 GBK 编码时会报错编码GBK的不可映射字符此时我们需要自定义项目编...

    三产
  • Spring实战5-基于Spring构建Web应用主要内容

    写在前面:关于Java Web,首先推荐一篇文章——写给java web一年左右工作经验的人,这篇文章的作者用精练的话语勾勒除了各种Java框架的缘由和最基本的...

    阿杜
  • 采用Serverless架构搭建Web应用

    在传统Web应用中,服务器是系统不可缺少的组成部分。尽管有时候服务器的前面还有负载均衡器或者专用Web服务器,但完成大部分工作的还是应用服务器。它完成一个应用所...

    博文视点Broadview
  • ASP.NET Core 入门教程 2、使用ASP.NET Core MVC框架构建Web应用

    ASP.NET Core 默认集成了DI。所有官方模块的引入都要使用DI的方式引入。

    KenTalk
  • ASP.NET Core 入门教程 2、使用ASP.NET Core MVC框架构建Web应用

    ASP.NET Core 默认集成了DI。所有官方模块的引入都要使用DI的方式引入。

    KenTalk
  • 构建离线web应用(二)

    本文由哔哩哔哩前端工程师 墨白 翻译分享 上一篇文章中,我们成功尝试使用 service workers。我们也可以在应用中缓存一些资源。这篇文章我们准备了解这...

    前端黑板报
  • 构建离线web应用(一)

    本文由哔哩哔哩前端工程师 墨白 翻译分享 我喜欢移动app,而且也是那些坚持使用Web技术构建移动应用程序的人之一。 经过技术的不断迭代(可能还有一些其它的东西...

    前端黑板报
  • 使用SuperWebSocket 构建实时 Web 应用

    Web 应用的信息交互过程通常是客户端通过浏览器发出一个请求,服务器端接收和审核完请求后进行处理并返回结果给客户端,然后客户端浏览器将信息呈现出来,这种机制对于...

    张善友
  • [翻译]使用 Velocity 构建一个web应用

    作为JSP的替代方案,Velocity 经常被用来在应用中生成web页面。使用Velocity生成页面的一些好处有:

    LeoXu
  • 第5章—构建Spring Web应用程序—SpringMVC详解

    第二步:前端控制器请求HandlerMapping查找 Handler (可以根据xml配置、注解进行查找)

    Dream城堡
  • 使用 HTML5 WebSocket 构建实时 Web 应用

    作为下一代的 Web 标准,HTML5 拥有许多引人注目的新特性,如 Canvas、本地存储、多媒体编程接口、WebSocket 等等。这其中有“Web 的 T...

    前朝楚水
  • EnterpriseDB推出构建NoSQL web应用程序免费工具

    【编者按】伴随着对广泛使用的JSON数据交换格式的支持,PostgreSQL开源数据库新版本的出现标志着其将目标指向日益发展的非关系型数据存储NoSQL市场,特...

    CSDN技术头条
  • [译]构建现代Web应用的安全指南

    原文:Security for building modern web apps 译者:杰微刊—张迪 这篇文章的灵感来自于另一篇文章,它是关于“在今天,构建We...

    逸鹏

扫码关注云+社区

领取腾讯云代金券