摘要: cookie、sessionStorage、localStorage 都是用于本地存储的技术:其中 cookie 出现最早,但是存储容量较小,仅有4KB;sessionStorage、localStorage存储容量要比cookie大很多,为5MB。 接下来对 sessionStorage、loca 阅读全文
posted @ 2019-08-14 17:10 刘彤彤 阅读(334) 评论(0) 推荐(0)
摘要: session和token都是用来保持会话,功能相同 一、session机制,原理 session是服务端存储的一个对象,主要用来存储所有访问过该服务端的客户端的用户信息(也可以存储其他信息),从而实现保持用户会话状态。但是服务器重启时,内存会被销毁,存储的用户信息也就消失了。 不同的用户访问服务端 阅读全文
posted @ 2019-08-14 17:07 刘彤彤 阅读(34070) 评论(4) 推荐(13)
摘要: 一、同源策略 源(origin) 就是协议、域名和端口号。若地址里面的协议、域名和端口号均相同则属于同源。 以下是相对于 http://www.a.com/test/index.html 的同源检测: 同源策略 同源策略是浏览器的一个安全功能,不同源的客户端脚本在没有明确授权的情况下,不能读写对方资 阅读全文
posted @ 2019-08-14 17:05 刘彤彤 阅读(1006) 评论(0) 推荐(0)
摘要: 一、实现原理 反向代理需要用到nginx。反向代理是在服务器端进行处理。首先修改hosts文件,将域名指向开发者的电脑本身,把自己伪装成服务端,再通过nginx对不同的请求进行转发,把静态资源指向开发者本地电脑的资源,将接口指向实际的服务器。 可以理解为把饭店设置在了黑社会的楼下,去楼下买酱排骨饭的 阅读全文
posted @ 2019-08-14 17:04 刘彤彤 阅读(3777) 评论(1) 推荐(0)
摘要: 其本质是利用了script标签具有可跨域的特性,由服务端返回预先定义好的javascript函数调用,并且将服务端数据以该函数参数的形式传递过来。 一、代码 客户端: 为什么要定义callback?首先我们知道,这个get请求发出去后如何接口请求回来的数据,callback=func则可以帮我们做这 阅读全文
posted @ 2019-08-14 17:00 刘彤彤 阅读(228) 评论(0) 推荐(0)
摘要: 一、通过onload注册事件 注意:如果是发送post方式的请求,需要在open和send中间设置请求头,send中添加要传递的参数(有格式要求:=连接属性和值;&连接不同的属性)。 二、通过onreadystatechange注册事件 onload 是 HTML5 以后新增的方便获取响应的事件,过 阅读全文
posted @ 2019-08-14 16:56 刘彤彤 阅读(1695) 评论(0) 推荐(0)
摘要: keydown、keyup 属于键盘事件,input 属于文本事件 详细说明: 举例: 当我们在一个输入框中输入文本时,会依次触发下列事件:keydown 事件 ——> input 事件 ——> keyup 事件。 阅读全文
posted @ 2019-08-14 16:53 刘彤彤 阅读(9934) 评论(0) 推荐(0)
摘要: input事件: input事件在输入框输入的时候回实时响应并触发 change事件: change事件在input失去焦点才会考虑触发,它的缺点是无法实时响应。与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的值未改变时并不会触发,当输入框的值和上一次的值不同,并且 阅读全文
posted @ 2019-08-14 16:51 刘彤彤 阅读(8645) 评论(0) 推荐(4)
摘要: 轻量级 JQuery非常轻巧,采用Dean Edwards编写的Packer压缩后,大小不到30KB,如果使用Min版并且在服务器端启用Gzip压缩后,大小只有18KB。 强大的选择器 JQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及JQuery独创的高级而且复杂的选择器,另外还 阅读全文
posted @ 2019-08-14 16:47 刘彤彤 阅读(982) 评论(0) 推荐(0)
摘要: 步骤: 阅读全文
posted @ 2019-08-14 16:44 刘彤彤 阅读(534) 评论(0) 推荐(0)
摘要: 一、定义 谈及闭包这个概念首先要明白为什么需要使用闭包。我们在编写代码的过程中,一定会遇到多人开发的问题,既然是多人开发,变量的命名就很可能会重复,为了解决这个问题就提出了闭包的概念。通过闭包就可以实现在函数外通过一定条件操作局部变量的目的。 二、组成 闭包由两部分组成:内层函数和内层函数所处的作用 阅读全文
posted @ 2019-08-14 16:43 刘彤彤 阅读(138) 评论(0) 推荐(0)
摘要: 一、分类 根据 JavaScript 中的变量类型传递方式,分为基本数据类型和引用数据类型。其中基本数据类型包括Undefined、Null、Boolean、Number、String、Symbol (ES6新增,表示独一无二的值),而引用数据类型统称为Object对象,主要包括对象、数组和函数。 阅读全文
posted @ 2019-08-14 16:27 刘彤彤 阅读(161) 评论(0) 推荐(0)
摘要: Math Date Function Array Object Arguments Error RegExp String Number Boolean 其中,String、Number、Boolean又是基本包装类型。三种原始类型的值,在一定条件下会自动转化为对象,因此被称为原始类型的“包装类型” 阅读全文
posted @ 2019-08-14 16:25 刘彤彤 阅读(89) 评论(0) 推荐(0)
摘要: Array String 阅读全文
posted @ 2019-08-14 16:20 刘彤彤 阅读(269) 评论(0) 推荐(0)
摘要: 一、定义 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性; 伪元素表示DOM外部的某种文档结构。 伪类一般反映无法在CSS中轻松或者可靠检测到的某个元素的状态或者属性; 伪元素表示DOM外部的某种文档结构。 目前所有伪元素有(加粗的是CSS3之后出现): ::after ::b 阅读全文
posted @ 2019-08-14 16:16 刘彤彤 阅读(234) 评论(0) 推荐(0)
摘要: 流式布局(百分比布局) 在CSS2时代就有,主要指的是将页面中元素的宽度以百分比表示并进行排版,可以在不同分辨率下显示相同的版式 响应式布局 关键技术是CSS3中的媒体查询,可以在不同分辨率下对元素重新设置样式(不只是尺寸),在不同屏幕下可以显示不同版式 举例: 可以实现不同尺寸屏幕下对不同元素的显 阅读全文
posted @ 2019-08-14 16:13 刘彤彤 阅读(1028) 评论(0) 推荐(0)
摘要: 使用浮动布局来实现 html部分: css部分: 试试利用 BFC html部分: css部分: 通过左右元素设置定位,中间元素设置 width: auto; 来实现 html部分: css部分: 双飞翼布局 主要利用了浮动、负边距、相对定位三个布局属性,使三列布局就像小鸟一样,拥有中间的身体和两侧 阅读全文
posted @ 2019-08-14 15:50 刘彤彤 阅读(565) 评论(0) 推荐(0)
摘要: Attribute是HTML标签上的属性,它的值只能是字符串。Attribute就是dom节点自带的属性,例如html中常用的id、class、title、align等。 property是DOM中的属性,是JavaScript中的对象。而Property是这个DOM元素作为对象,其附加的内容,例如 阅读全文
posted @ 2019-08-14 15:49 刘彤彤 阅读(780) 评论(0) 推荐(0)
摘要: 浏览器默认属性 < 继承自父元素的属性 < 通配符选择器 < 标签选择器 < 类选择器 < 结构伪类选择器 < id选择器 < 行内样式 < !important 阅读全文
posted @ 2019-08-14 15:42 刘彤彤 阅读(2691) 评论(0) 推荐(0)
摘要: 盒模型的组成? 盒模型由内容区域、内边距、边框、外边距四部分组成。 盒模型实际大小? 盒模型实际大小由内容区域、内边距、边框三部分组成。 盒模型的box-sizing属性? 如果对盒子不进行设置(或者设置为box-sizing: content-box; ),那么给盒子设置的width和height 阅读全文
posted @ 2019-08-14 15:40 刘彤彤 阅读(1795) 评论(0) 推荐(0)
摘要: 块元素——div、p、h1-h6、ul、ol、dl、li 特点: 行内元素——span、a、 font、strong、em、i、ins、u... 特点: 行内块——img、input 特点: 阅读全文
posted @ 2019-08-14 15:36 刘彤彤 阅读(4249) 评论(0) 推荐(0)
摘要: 1.opacity:设置一个元素的透明度 2.visibility:设置一个元素可见\不可见.hide {visibility: hidden} 3.display:设置显示与隐藏(隐藏的元素不占位置) 4.position:设置元素位置 5.clip-path: 阅读全文
posted @ 2019-08-14 15:34 刘彤彤 阅读(3481) 评论(0) 推荐(0)