前端须知的http header

文件信息: Content-Type: application/x-javascript Content-Length: 2000 Content-Type:指定请求和响应的内容类型,如果未指定即为text/html 常用的Content-Type text/plain:普通文本 tex/html:html文本 application/x-javascript:js application/x-www-form-urlencoded:默认形式表单发包类型 multipart/form-data:…

前端须知的 Cookie 知识

文章已收录到我的 GitHub 中,欢迎 star cookie 是什么和使用场景 cookie 是服务器端保存在浏览器的一小段文本信息,浏览器每次向服务器端发出请求,都会附带上这段信息(不是所有都带上,具体的下文会介绍). 使用场景: 对话管理:保存登录.购物车等需要记录的信息个性化:保存用户的偏好,比如网页的字体大小.背景色等等追踪:记录和分析用户的行为以上用得较多的还是第一种场景. 我们有时候用 cookie 作为客户端储存,可行但不推荐.因为 cookie 本身大小有所限制,而且会…

springboot项目使用拦截器修改/添加前端传输到后台header和cookie参数

本质上来讲,request请求当中的参数是无法更改的,也不能添加或者删除. 但在后台程序中,一般对request的参数的操作,都是通过request的getParameter.getParameterNames.getParameterValues等方法执行的:所以我们要是能重写这些方法,就从侧面改变了request的请求参数.恰好,servlet就提供了一个HttpServletRequestWrapper类来供大家去继承(该类是HttpServletRequest的封装类),重写reques…

前端必备的 HTTP 知识

HTTP 起源 HTTP 是由蒂姆·伯纳斯-李(TimBerners-Lee)于1989年在欧洲核子研究组织(CERN)所发起其中最著名的是 1999 年 6 月公布的 RFC 2616,定义了 HTTP 协议中现今广泛使用的一个版本--HTTP 1.1 HTTP 是什么全称:超文本传输协议(HyperText Transfer Protocol) 概念:HTTP 是一种能够获取像 HTML.图片等网络资源的通讯协议(protocol).它是在 web 上进行数据交换的基础,是一种 clie…

nginx反向代理导致请求header头信息丢失

背景:前端与后端调试接口,后端拿不到前段发过去的请求头信息,导致接口不通.(但是在本地是可以拿到的) 原因:nginx做了反向代理,没有请求时候加头信息的配置报错如下: 解决方法: 方法一:NGINX代理时加上请求头信息: location / { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x…

本博文将一步步带领你实现抽屉官网的各种功能：包括登陆、注册、发送邮箱验证码、登陆验证码、页面登陆验证、发布文章、上传图片、form验证、点赞、评论、文章分页处理以及基于tronado的后端和ajax的前端数据处理。

本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tronado的后端和ajax的前端数据处理. 转载请注明出处http://www.cnblogs.com/wanghzh/p/5806514.html 抽屉官网:http://dig.chouti.com/ 一.配置(settings) settings = { 'template_path': 'views', #模板文件路径…

spring cloud fegin传递request header

本文链接:https://blog.csdn.net/zhongzunfa/article/details/82791903 1.概述今天一个朋友, 遇到一个如何在使用spring cloud feign 传递token 等参数问题. 2.解决方案 2.1 创建类继承RequestInterceptor 创建类继承RequestInterceptor 具体如下代码所示: 2.2 在@configuration 类中定义其 2.3 在yml 或者properties 中添加下面关键配置 # To…

ajax——CORS跨域调用REST API 的常见问题以及前后端的设置

RESTful架构是目前比较流行的一种互联网软件架构,在此架构之下的浏览器前端和手机端能共用后端接口. 但是涉及到js跨域调用接口总是很头疼,下边就跟着chrome的报错信息一起来解决一下. 假设:前端域名为front.ls-la.me,后端域名为api.ls-la.com.前端需要访问的接口为http://api.ls-la.com/user/info.json,需要用GET方式访问. 现在,用Ajax向后端发送请求,得到第一个错误.(cors跨域的写法参考:http://blog.csdn.…

tornado web高级开发项目之抽屉官网的页面登陆验证、form验证、点赞、评论、文章分页处理、发送邮箱验证码、登陆验证码、注册、发布文章、上传图片

本博文将一步步带领你实现抽屉官网的各种功能:包括登陆.注册.发送邮箱验证码.登陆验证码.页面登陆验证.发布文章.上传图片.form验证.点赞.评论.文章分页处理以及基于tornado的后端和ajax的前端数据处理. 转载请注明出处http://www.cnblogs.com/wanghzh/p/5806514.html 抽屉官网:http://dig.chouti.com/ 一.配置(settings) settings = { 'template_path': 'views', #模板文件路径…

squid日志配置与轮询

squid日志分类及参数 SQUID默认的log文件非常多,其中最重要的LOG日志有三个,分别为access.log.store.log.cache.log.三个日志的记录的内容如下: access.log;客户端使用代理服务器的记录文件 store.log;存储缓冲对象的状态记录文件 cache.log;CACHE的启动以及各类状态的记录文件三个日志的路径可由cache_access_log,cache_store_log,cache_log三个参数在squid.conf里定义.三个参数的用…

CSS选择器以及优先级与匹配原理

最常用的五类CSS选择器准确而简洁的运用CSS选择器会达到非常好的效果.我们不必通篇给每一个元素定义类(class)或ID,通过合适的组织,可以用最简单的方法实现同样的效果.在实际工作中,最常用的选择器有以下五类: 一.标签选择器: 顾名思议,标签选择器是直接将HTML标签作为CSS选择器,可以是p.h1.dl.strong等HTML标签.如: p{font:12px;} em{color:blue;} dl{float:left;margin-top:10px;} 二.id选择器: 我们通常…

2015-09-21CSS：引入方式、选择器、注释、文字样式

1.HTML中引入CSS的方式 HTML中引入CSS的样式有4种:行内式.内嵌式.导入式和链接式. ⑴行内式行内式是在标记的style属性中设定CSS样式.这种方式没有体现出CSS的优势,不推荐使用. ⑵嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中.格式如下: <head> <style type="text/css"> 这里写css样式 &l…

详解CSS选择器、优先级与匹配原理

原文链接:http://polaris1119.javaeye.com/blog/764428 作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候.这里给大家列举一个例子: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用.通过Firebug查看,发现没有起作用的属性被覆盖了.这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结. 51CTO推荐阅读:巧妙地使用CSS选择器选择器种类严格…

转载：详解CSS选择器、优先级与匹配原

转载网址:http://polaris1119.javaeye.com/blog/764428 文章就CSS选择器的优先级问题做了一些总结,严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器. 作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候.这里给大家列举一个例子: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用.通过Firebug查看,发现没有起作用的属性被覆盖了.这个时候突然意识到了CSS选择器的…

CSS选择器、优先级和匹配原理

作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候.这里给大家列举一个例子: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用.通过Firebug查看,发现没有起作用的属性被覆盖了.这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结. 选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用.而在标签…

Angular企业级开发(9)-前后端分离之后添加验证码

1.背景介绍团队开发的项目,前端基于Bootstrap+AngularJS,后端Spring MVC以RESTful接口给前端调用.开发和部署都是前后端分离.项目简单部署图如下,因为后台同时采用微服务的方式,所以后台不止3个,画图示意.终极方案是采用Docker,在前端和后台调用中间添加一层:API Gateway. 因为考虑到和其他系统集成的可能性,所以在登录这一块使用了Token来做登录,认证服务器负责生成Token和验证Token.因为客户需要提高系统的安全性,需要在登录页添加一个验证码…

tornado web高级开发项目

抽屉官网:http://dig.chouti.com/ 一.配置(settings) settings = { 'template_path': 'views', #模板文件路径 'static_path': 'statics', #静态文件路径 'static_url_prefix': '/statics/', #静态文件前缀 'autoreload': True, 'ui_methods': mt } 二.路由配置 application = tornado.web.Application(…

详解CSS选择器、优先级与匹配原理【转】

作为一个Web开发者,掌握必要的前台技术也是很重要的,特别是在遇到一些实际问题的时候.这里给大家列举一个例子: 给一个p标签增加一个类(class),可是执行后该class中的有些属性并没有起作用.通过Firebug查看,发现没有起作用的属性被覆盖了.这个时候突然意识到了CSS选择器的优先级问题,这里就CSS选择器的优先级问题做了一些总结. 51CTO推荐阅读:巧妙地使用CSS选择器选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择…

flask刷新token

我们在做前后端分离的项目中,最常用的都是使用token认证. 登录后将用户信息,过期时间以及私钥一起加密生成token,但是比较头疼的就是token过期刷新的问题,因为用户在登录后,如果在使用过程中,突然提示token过期了,需要重新登录,会觉得很奇怪. 我使用的方式,是在解析token的时候,如果token过期了,但是还在可刷新的时间范围内,我们应该自动刷新token,并将新的token返回给用户. 但是如果前端采用异步请求,同时发来了多个接口的话,我们不可能对每个请求的token都进行刷新.…

RNP项目遇到的坑

1.nginx问题和前端约定了在header中存放登录态k-v,选择的key是带下划线的. nginx 默认会丢弃带下划线的 header. 设置 underscores_in_headers on; 之后正常. 2.mybatis问题用了mybatis组件的insertSelective功能. 错用成 id = xxxDao.insertSelective(xxx);这个其实是变更的条数. 正确的用法应该是 : xxxDao.insertSelective(xxx); id = xxx.g…

css选择器优选级及匹配原理（转）

Nginx完美解决前后端分离端口号不同导致的跨域问题

笔者在做前后端分离系统时,出现了很多坑,比如前后端的url域名相同,但是端口号不同.例如前端页面为:http://127.0.0.1/ , 后端api根路径为 http://127.0.0.1:8888 ,这样就导致跨域问题,前端设置的request header或者cookies后端接收不到,这是很蛋疼的问题.用nginx配置端口转发完美解决.首先在本机安装nginx,前端配置端口号为80 $ sudo nginx $ vim /usr/local/etc/nginx/nginx.conf 接…