• js基础知识集锦


    1、 输入框聚焦时value为空,blur时不为空时显示默认值。

    onfocus="if(this.value==this.defaultValue) this.value = ''" onblur="if(this.value == '') this.value = this.defaultValue

    2、 JSON是一种数据格式,JSONP是一种数据调用方式。

    3、 window.onload = function() { }

    这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。

    $(document).ready(function() { })

    就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。 

     

    4、sessionStorage 、localStorage 和 cookie 之间的区别

    共同点:都是保存在浏览器端,且同源的。

    区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

     

    与Cookie相比,Web Storage存在不少的优势,概括为以下几点:

    1. 存储空间更大:IE8下每个独立的存储空间为10M,其他浏览器实现略有不同,但都比Cookie要大很多。

    2. 存储内容不会发送到服务器:当设置了Cookie后,Cookie的内容会随着请求一并发送的服务器,这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据则仅仅是存在本地,不会与服务器发生任何交互。

    3. 更多丰富易用的接口:Web Storage提供了一套更为丰富的接口,使得数据操作更为简便。

    4. 独立的存储空间:每个域(包括子域)有独立的存储空间,各个存储空间是完全独立的,因此不会造成数据混乱。

     

    5、http三种最常见的请求类型是:GET,POST 和 HEAD

    GET: 请求指定的页面信息,并返回实体主体。

    HEAD: 只请求页面的首部。

    POST: 请求服务器接受所指定的文档作为对所标识的URI的新的从属实体。

    PUT: 从客户端向服务器传送的数据取代指定的文档的内容。

    Delete: 请求服务器删除指定的页面。

    OPTIONS: 允许客户端查看服务器的性能。

    TRACE: 请求服务器在响应中的实体主体部分返回所得到的内容。

    PATCH: 实体中包含一个表,表中说明与该URI所表示的原内容的区别。

    MOVE: 请求服务器将指定的页面移至另一个网络地址。

    COPY: 请求服务器将指定的页面拷贝至另一个网络地址。

    LINK: 请求服务器建立链接关系。

    UNLINK: 断开链接关系。

    WRAPPED: 允许客户端发送经过封装的请求。

    Extension-mothed:在不改动协议的前提下,可增加另外的方法。

     

    1、GET请求的数据会附在URL之后

    2、POST的安全性要比GET的安全性高

    3、GET是从服务器上获取数据,POST是向服务器传送数据

    比如:通过GET提交数据,用户名和密码将明文出现在URL上,因为(1)登录页面有可能被浏览器缓存,(2)其他人查看浏览器的历史纪录,那么别人就可以拿到你的账号和密码了,除此之外,使用GET提交数据还可能会造成Cross-site request forgery攻击

    总结一下,Get是向服务器发索取数据的一种请求,而Post是向服务器提交数据的一种请求,在FORM(表单)中,Method默认为"GET",实质上,GET和POST只是发送机制不同,并不是一个取一个发!

     

    6、MVC

    View:只管页面的显示和样式展示

    Control:进行页面节点事件的注册和控制,以及页面加载性能的实现(例如方荣的硬盘缓存)。

    Model:真正的逻辑处理,例如jslib库中的form、popup、drag等功能组件都属于model模块。

     

    7、ajax

    同步:脚本会停留并等待服务器发送回复然后再继续

    异步:脚本允许页面继续其进程并处理可能的回复

    同步就是整个页面都刷新,异步就是只刷新用了Ajax技术的部分

  • 相关阅读:
    CentOS挂载ntfs
    搬水果
    CentOS安装完显卡启动进不去系统
    二叉树遍历
    拓展的异常类
    Visual Studio 2008 IDE 出现 “帮助更新正在进行”错误的解决办法
    JSON工具SuperObject编译时"整数溢出"异常的解决办法
    引用命名区域
    ruby操作excel的几段代码
    Delphi2009&2007中,测试工程的初级使用(DUnit)
  • 原文地址:https://www.cnblogs.com/katherine-web/p/4922632.html
Copyright © 2020-2023  润新知