前端随笔-2

  1. 状态码

500 Internet server Error 网络服务器出错 服务器挂了
502 Bad gateway 防火墙问题
400(错误请求)服务器不理解请求的语法。
403 Forbidden 传入的参数有误
404 Not Found
301(永久移动)请求的网页已永久移动到新位置。服务器返回此响应(对 GET 或 HEAD 请求的响应)时,会自动将请求者转到新位置。您应使用此代码告诉 Googlebot 某个网页或网站已永久移动到新位置。
302(临时移动)服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来响应以后的请求。此代码与响应 GET 和 HEAD 请求的 301 代码类似,会自动将请求者转到不同的位置,但您不应使用此代码来告诉 Googlebot 某个网页或网站已经移动,因为 Googlebot 会继续抓取原有位置并编制索引。
303(查看其他位置)请求者应当对不同的位置使用单独的 GET 请求来检索响应时,服务器返回此代码。对于除 HEAD 之外的所有请求,服务器会自动转到其他位置
304(未修改)自从上次请求后,请求的网页未修改过。服务器返回此响应时,不会返回网页内容。
200 OK

  1. 3次握手协议
    连接要3次 断开要4次 SYN 同步 ACK 确认


    image.png
  2. js 的面向对象
    http://blog.csdn.net/jcx5083761/article/details/8606576
    封装 继承 多态(同一个动作的不同相应)

ps: 可以把那些不变的属性和方法,直接定义在prototype对象上。

  1. json 对象和json 之间的转换

json(javascript object notation) 是一种轻量级的数据交换格式。它是基于js 的一个子集。数据格式简单,易于读写,占用带宽小,如:{"age":"12","name":"back"}

json 字符串转为json对象:
var obj = eval('('+ str +')');
var obj = str.parseJSON();
var obj = JSON.parse(str);

JSON对象转换为JSON字符串
var last = obj.toJSONString();
var last = JSON.stringify(obj);

  1. 清除浮动 (http://lightcss.com/all-about-clear-float/
    -在末尾增加一个<div style="clear:both"></div>
    -使用:after 伪类
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1;}
.clearfix{*display:inline-block}
.clear,.cls{clear:both}
  1. call apply 和bind 的区别(http://www.cnblogs.com/coco1s/p/4833199.html)
    相同点: 都可以改变this的指向
    不同点:fn.apply(obj,[100,10])
    fn.call(obj,100,10)
  2. 一次完整http 事务的过程(https://www.linux178.com/web/httprequest.html

域名解析 --> 发起TCP的3次握手 --> 建立TCP连接后发起http请求 --> 服务器响应http请求,浏览器得到html代码 --> 浏览器解析html代码,并请求html代码中的资源(如js、css、图片等) --> 浏览器对页面进行渲染呈现给用户
8.正则表达式(https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions#note

  1. 事件冒泡 (http://caibaojian.com/javascript-stoppropagation-preventdefault.html)

    image.png

  2. ul 中要对每个li 进行处理(http://m.jb51.net/article/85734.htm)
    jq 中要应用到 each 对每个进行处理
    纯js中需要用到for循环
    另外点击事件是可能造成事件冒泡的,在下一次的点击事件中,点击目标会成为全局

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,567评论 1 19
  • JavaScript 介绍js的基本数据类型。 Undefined、Null、Boolean、Number、St...
    cuikangjie阅读 480评论 0 3
  • 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC? FOUC - Flash Of Unstyled ...
    MrThorn阅读 454评论 0 1
  • 昨晚失礼了 我也不会再问你了 是我自作多情了 强扭的瓜不甜 别人都说 时间和新欢是最好的良药 可是,新欢我一点也不...
    等个鬼阅读 195评论 0 0