09 2017 档案

url两次编码
摘要：encodeURI函数采用UTF-8对URL进行编码，所以如果服务器在进行解码时使用的是其他的编码方式就会出现乱码，默认的服务器配置的解码字符集都不是UTF-8，所以大部分情况下地址栏提交中文查询参数时会产生乱码；针对这种情况，可以连续使用两次encodeURI在客户端(主要指浏览器)对非英文字符进 阅读全文
posted @ 2017-09-30 17:24 rqpjuicy 阅读(1262) 评论(0) 推荐(0)
js 中编码（encode）和解码（decode）的三种方法
摘要：js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 下面简单介绍一下它们的区别 1 escape()函数 定义和用法 escape() 函数可对字符串进行 阅读全文
posted @ 2017-09-30 14:11 rqpjuicy 阅读(1902) 评论(0) 推荐(0)
事件冒泡简述及应用
摘要：事件代理或者事件委托的含义等同于事件冒泡。 事件捕获方式（描述事件触发时序问题）有三种：（1）IE从里到外（inside→outside）的冒泡型事件。 （2）Netscape4.0从外到里（outside→inside）的捕获型事件。 （3）DOM事件流，先从外到里，再从里到外回到原点（outsi 阅读全文
posted @ 2017-09-27 15:13 rqpjuicy 阅读(547) 评论(0) 推荐(0)
事件监听简述
摘要：首先，了解事件绑定的三种方式：在DOM元素中直接绑定 在javascript代码中绑定 绑定事件监听函数（解决不同浏览器不同的事件驱动机制：事件捕获或者事件冒泡） 1.在DOM元素中绑定onclick、onmouseover、onmouseout、onmousedown、onmouseup、ondb 阅读全文
posted @ 2017-09-27 14:49 rqpjuicy 阅读(177) 评论(0) 推荐(0)
行内元素多出的空白文本节点的解决方法
摘要：问题1：会造成img底部有空白的问题 行内元素的vertical-align(该属性适用于行内元素和table-cell元素)默认是baseline 解决： 1: 设置vertical-align：top/bottom/middle; 2: 设置line-height:0px 或 font-size 阅读全文
posted @ 2017-09-24 19:12 rqpjuicy 阅读(414) 评论(0) 推荐(0)
position 属性的值的比较
摘要：可取的四个值：static/relative/absolute/fixed static：默认值，top/right/bottom/left 无作用，z-index无效 relative：相对于原来的位置进行偏移。 不管它是否进行移动，元素仍要占据它原来的位置。 absolute： 以父代元素不为s 阅读全文
posted @ 2017-09-24 18:03 rqpjuicy 阅读(128) 评论(0) 推荐(0)
css的基本定位机制
摘要：分为三种：普通流、浮动、绝对定位 普通流：默认，html文档的排列顺序块级从上到下（垂直距离由margin-top、margin-bottom决定）；行内元素在一行中从左到右（由margin-left/right、padding-left/right调整水平距离） PS：相对定位属于其一部分 浮动： 阅读全文
posted @ 2017-09-24 17:44 rqpjuicy 阅读(141) 评论(0) 推荐(0)
盒模型的种类和理解
摘要：盒模型分为两种：标准盒模型、怪异盒模型 区别：width范围 标准盒模型：content 怪异盒模型：content+padding+border 指定盒模型：box-sizing:content-box/border-box 阅读全文
posted @ 2017-09-24 16:55 rqpjuicy 阅读(832) 评论(0) 推荐(0)
块级元素或者行内元素在设置float属性之后是否改变元素的性质？
摘要：块级元素使用float属性后，将其属性变成inline-block，不能改变其块级元素的性质，只是能有块级元素的特性，不独占一行，宽度不会占满父元素，和行内元素排列成一行 行内元素使用float属性后，也是将其属性变成inline-block，可以设置宽高，padding，margin属性 阅读全文
posted @ 2017-09-24 16:49 rqpjuicy 阅读(502) 评论(0) 推荐(0)