随笔分类 - web综合
摘要：1.改变 如果在年初的时候，你给自己定了哪些计划，现在是时候拿出来翻翻了,对着这些计划，一个一个去看下，看现在怎么样了，是达到了，还是没有达到。 如果你没有给自己定目标，那么请你闭上眼睛来想想，现在的你和1年前的你有什么不同，自己有没有改变。 看看身边的同事，看看他们有没有改变，是变胖了，还是变瘦了
阅读全文
摘要：一、基本语法：location [=|~|~*|^~] /uri/ { … }二、分类： 1.基本location：以“=”或“^~”为前缀或者没有任何前缀的/uri/ 2.正则location：以“~”或“~*”为前缀的/uri/ 基本location 又分为2种： 1）严格精确匹配： “=” 2）最大前缀匹配： 无前缀或者以“^~”三、解释： 1）= 严格匹配。如果这个查询匹配，那么将停止搜索并立即处理此请求。 2）~ 为区分大小写匹配(可用正则表达式) 3）~* 为不区分大小写匹配(可用正则表达式) 4）!~和!~*分别为区分大小写不匹配及不区分大小写不匹配 5）^~ 如果...
阅读全文
摘要：一、web服务器的实现 web服务器逻辑实现了HTTP协议和相关的TCP连接处理，管理着web资源，并负责提供Web服务器的管理功能。web服务器逻辑和操作系统共同负责管理TCP连接。底层操作系统负责管理底层计算机系统的硬件细节，并提供TCP/IP网络支持，负责装载web资源的文件系统以及控制当前计算活动的进程管理功能。二、web服务器是如何处理HTTP事务的 1.建立连接- 接受一个客户端的连接 2.接受请求- 从网络中读取一条http请求报文 3.处理请求- 对报文进行解释，并采取行动 4.访问资源- 访问报文指定的资源 5.构造响应- 创建带有正确首部的http响应报文 6...
阅读全文
摘要：一、http是如何使用tcp连接的？ http连接本质就是tcp连接和一些使用连接的规则。所有的http通讯都是由tcp/ip来承载的。tcp/ip是全球计算机及网络设备都在使用的一种常用的分组交换的网络分层协议集。客户端程序打开一条tcp/ip连接。连接到可能运行在世界任何地方的服务器应用程序。 1.tcp流是分段的，由ip分组传送 网络协议栈 http要传送一条报文的时候，会以流的形式将报文数据的内容通过一条打开的TCP连接按照顺序传输。TCP收到数据流后，会将数据流分成被称之为段的小数据块，并将段封装在ip分组中，通过因特网进行传输，见下图。这些工作都是TCP/IP软件来处理...
阅读全文
摘要：1.http协议在网络中的位置： http协议位于TCP协议的上层，http试用tcp来传输其报文数据，tcp在ip的上层。2.浏览器发起连接的过程上述图的过程是：浏览器从url中解析出服务区的主机名将服务器的主机名转换成服务器的ip浏览器将端口号从URL中解析出来浏览器建立tcp的连接浏览器向服务器发动一条http的请求报文服务器向浏览器回送一条http的响应报文关闭连接，浏览器显示文档3. web组件，几个概念（ 代理，缓存，隧道，Agent代理） 1.代理：位于客户端和服务器之间的http中间实体 2.缓存：是一种特殊的http代理服务器，可以将经过代理的常用文档复制保存起来。下一...
阅读全文
摘要：1.osi 7层网络模型2.socket 套接字编程PS：一个从事web开发的人来说，我们是使用http协议来和服务器来进行交互。后面会详细的分析这个过程。
阅读全文
摘要：由于公司的业务比较多，设计到客户端和web端的，关于不能登录的问题也各种各样，今天和fulong总结了一下web端不能登录的一些原因，所有问题都来源于现场分析，然后总结的问题不能登录的原因，有以下几种：1）https证书不受信任2）第三方cookie被禁用3）不支持创建xmlhttpRequest4）本地时间不正确5）域名被劫持下面来分析一下是怎么判断上述问题的：1）https证书不受信任这个问题是在客户端碰到的，但是对于web端同样适用，这个要看你的登录接口是否采用https的，如果不是使用https的，那么就肯定不是这个原因，那如果采用了https 的接口，我们如何判断是否是https证书
阅读全文
摘要：问题：假设现在有4个域名，www.a.com，www.b.com，www.c.com，www.d.com，在a.com这个域内登录了，不种其他3个域名的cookie，如果用户输入其他的三个域的时候，也能保证用户在不输入用户名和密码的时候也能登录说在前面的话：1）在web端登录和未登录：使特定的cookie的值生效/失效，这个特定，就是你所制定的规则。2）问题的关键：如何获得cookie的值，就获得了帐号的通行证，就可以登录了，然后就是做你想做的事情了。比如修改，删除资料，修改密码，做你想做的任何事情，总之，你控制了这个帐号了。分析：1）在www.a.com 这域名下登录，我们可以将cookie
阅读全文
摘要：最近老是和cookie打交道，今天专门来总结下cookie的一些问题。一、什么是cookie？ Cookie（复数形态Cookies），中文名称为小型文本文件或小甜饼[1]，指某些网站为了辨别用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。定义于RFC2109。为网景公司的前雇员Lou Montulli在1993年3月所发明。【来自维基百科】 Cookie是保存在客户端中的一小段文本信息，在你浏览网页的时候，浏览器就会将其存储在硬盘上，下次访问同一地址的时候，只要cookie没有失效，浏览器就会将其信息再次发给服务器。所以，cookie伴随着用户请求和页面在..
阅读全文
摘要：场景： 现有3个域，aa.com，bb.com，cc.com，aa.com 是用户中心，login.aa.com 是用户中心的登陆入口，现要求在任何一个域内登录，其他域不用重复登录了。方案： 我们知道，如果要保证3个域内都同时登陆了，就必须共享登陆的信息，登陆的信息，可以存储在客户端，也可以存储在服务器端，要共享这些信息，就必须要解决多域名下如果同步这些信息的问题，以客户端为例，我觉得有2种办法： 1）对其他的两个域都设置一个login.xx.com 的这么一个子域（设置这个是为了方便管理），在任何一个网站访问，点击登陆的时候，都跳转到用户中心的登陆入口login.aa.com 去登陆，...
阅读全文
摘要：最近在做一个项目，已经到了后期，通常我们在后期主要是做一些代码优化的工作，本文主要谈谈前端的代码优化方面的一些问题，分为CSS篇和JS篇一、CSS篇 1）内联元素inline，inline元素对一些Css不起作用，例如margin-top，margin-bottom，vertical-align，overflow，height，width如果是内联元素，然后设置这些属性，是根本不会起到作用的，因为内联元素本身是没有高度的。 类似这样的代码: <span style="margin-top:10px; height:100;width:100"><img s
阅读全文
摘要：1）用途： get 一般用于获取、查询资源信息，get是幂等的，post一般用于更新信息2）安全性 get请求是不安全的，对参数的请求是放在url中，用户可以看得到，如果是英文，则原样发送，如果是空格，则转化为+，如果是汉字或者是其他的，则用 base64转换，post请求相比而言，安全性要好一点，3）传输数据的大小： get对url的长度大小也是有限制的，在ie下不能超过2083k，在理论上ff和其他浏览器是没有限制的，但是受到操作系统限制。 post他将参数放到消息体中，传输的数据在理论上不受限制，但是受到各个web服务器对post提交数据的大小有限制，apache和iis都有不同的配置（
阅读全文
摘要：1）跨域 由于同源策略（同源策略是客户端脚本（尤其是Javascript）的重要的安全度量标准。它最早出自Netscape Navigator2.0，其目的是防止某个文档或脚本从多个不同源装载。同源指的是：同协议，同域名和同端口。）。由于浏览器的一些安全限制，ajax不能跨域提交。js不能跨域调用函数。网上解决方案有很多，我采用的是iframe+domain的形式，在2个不同的子域下分别设置domian ，通过设置一个代理页，将iframe的src指向这个代理页面，在这个代理页面去调用父页面的方法 .代理页和当前页面处在同一个域名下。2） iframe使用总结（1）iframe+post进行跨
阅读全文
摘要：工作中常常碰到很多的表单提交，表单对齐的问题，下面来总结下我碰到的问题。也欢迎大家补充。1）表单对齐问题 曾今做了这么个表单，当时关于这个表单对齐的问题上可是花费了一些时间，即使是设置vertical-align：middle，也没有对齐。后来是通过添加margin-top：-2px来解决这个问题的。这个其实和字体的设置是有很大关系的，我们的字体是font:12px/1.5 arial,宋体; 首选的是arial字体，所以必须是通过添加margin-top：-2px来解决（我是用的12px字体），其实只要把字体换成tahoma字体的话，然后再设置vertical-align：middle。就可
阅读全文
摘要：直接写的代码，在各个浏览器测试总结的结果。如果有什么不全面，请各位大侠指正。结果在代码：<!DOCTYPEHTML><html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><styletype="text/css">h4{margin:5px;padding:0px;border-bottom:1pxsolid#000;}</style><title>微
阅读全文
摘要：这2天整理了下web前端开发工具，如下图结合平时的开发习惯，总结的。工具是提高工作效率的，其实用什么都无所谓。用一两个熟悉的就可以。
阅读全文