jQurey实现图片，falsh，iframe，JS懒加载技术
Lazy Load是一个用JavaScript编写的jQuery插件，可以延迟加载长页面中的图片。在浏览器可视区域外的图片不会被载入，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 21:57
- 阅读 ( 622 )
廖雪
CSS3的box-sizing属性的作用及使用
先用大白话通俗说一下，先给div设置宽高为200px,这是在加上padding：10px; , 此时div宽高加上padding值后实际宽高变成了220px（等于上下左右各加了10px的padding）,那么我又给div加了一个border...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 21:51
- 阅读 ( 621 )
HTML5中使用<output>输出标签
<output>标签的属性： for 定义输出字段相关的一个或多个元素form定义输入字段所属的一个或多个表单。name 定义对象的唯一名称（表单提交时使用） <form οninput="x.value=parseIn...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 17:00
- 阅读 ( 638 )
cookie跨域的解决方案——document.domain
cookie的名/值对中的值不允许出现分号、逗号和空白符，因此在设置cookie前要用encodeURIComponent()编码，读取时再用decodeURIComponent()解码。 cookie默认的有效期是浏览器会话期间，作用...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:56
- 阅读 ( 665 )
JavaScript垃圾收集——标记清除和引用计数
JavaScript具有自动垃圾收集机制，执行环境会负责管理代码执行过程中使用的内存。也就是说，所需内存的分配和无用内存的回收完全实现了自动管理。 垃圾回收机制的原理：垃圾收集器会按照固定...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:55
- 阅读 ( 689 )
循环中setTimeout执行顺序问题
期望：开始输出一个0，然后每隔一秒依次输出1,2,3,4。 for (var i = 0; i < 5; i++) {setTimeout(function() {console.log(i);}, 1000 * i);} 结果：输出5。 原因：setTimeout 使函数...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:53
- 阅读 ( 492 )
localStorage跨域的解决方案——postMessage和iframe
postMessage(data,origin)方法允许来自不同源的脚本采用异步方式进行通信，可以实现跨文本档、多窗口、跨域消息传递。接受两个参数： ① data：要传递的数据，html5规范中提到该参数可以是Ja...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:52
- 阅读 ( 526 )
获取DOM跨域的解决方案——document.domain、window.name、window.postMessage
如果两个网页不同源，就无法拿到对方的DOM。典型的例子是iframe窗口和window.open方法打开的窗口，它们与父窗口无法通信。 获取DOM的跨域解决方案： （1）如果两个窗口一级域名相同，...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:50
- 阅读 ( 491 )
JavaScript重写alert()方法
window.alert = function(str) {var alertBox = document.createElement("div");alertBox.id="alertBox";alertBox.style.position = "absolute";alertBox.style.width = "400px";alertBox.style...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:46
- 阅读 ( 502 )
了解浏览器缓存Cookie和服务器缓存Session、Application
1、Cookie对象 Cookie存放在浏览器中，用于保存浏览器请求服务器页面的请求信息，信息保存的时间可以根据需要设置，如果没有设置Cookie失效日期，它们仅保存到关闭浏览器程序为止，如果将Coo...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:36
- 阅读 ( 463 )
增量部署的svn和全量部署的git
1、增量部署 增量部署一般指在每次部署过程中，首先提取当前版本和即将部署版本之间的增量(包括代码、可执行文件或配置等)，并在部署过程中仅更新增量部分。 （1）增量部署的部署流程：...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:32
- 阅读 ( 660 )
哈希法及其解决冲突的方法
哈希法又称散列法，相应的表称为哈希表。 基本思想：首先在元素的关键字k和元素的存储位置p之间建立一个对应关系f，使得p=f(k)，f称为哈希函数。创建哈希表时，把关键字为k的元素直接存入地址...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:30
- 阅读 ( 461 )
JS和Canvas实现彩色图片转换成黑白图片
1、convertToGray() 在主体代码中使用 canvas 元素的id来获取画布，并设置画布的宽和高为图片的宽和高，再将上下文初始化为2d画布；彩色图片加载完成后，使用 drawImage() 将图片加载到上下...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:27
- 阅读 ( 474 )
浅谈CSS响应式布局之media query（媒体查询）
① 使用 @media 查询可以针对不同的媒体类型定义不同的样式。 ② @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果需要设置设计响应式的页面。 ③ 重置浏览器大小的过程中，页面也会...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:24
- 阅读 ( 476 )
Bootstrap栅格化布局
超小设备手机（<768px）小型设备平板电脑（≥768px)中型设备台式电脑（≥992px）大型设备台式电脑（≥1200px）网格行为一直是水平的以折叠开始，断点以上是水平的以折叠开始，断点以上是水平的...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:17
- 阅读 ( 466 )
原生JS操作DOM常用的属性和方法
① 获取所有子节点对象 childeNodes ② 获取第一个子节点 firstChild ③ 获取最后一个子节点 lastChild ④ 获取父节点 parentNode ⑤ 获取下一个兄弟节点 nextSib...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 16:06
- 阅读 ( 498 )
window对象和document对象的区别
1、window：代表浏览器中一个打开的窗口。 （1）对象属性 ① window.self 引用本窗口window==window.self ② window.name 为窗口名字 ③ window.defaultStatus 窗户状态栏信息 ④...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:47
- 阅读 ( 498 )
JavaScript的null和undefined的区别
null表示"没有对象"，即该处不应该有值。 （1） 作为函数的参数，表示该函数的参数不是对象。 （2） 作为对象原型链的终点。 undefined表示"缺少值"，就是此处应该有一个值，但是...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:44
- 阅读 ( 503 )
浅谈CSS中line-height:200% | 2.0em | 2.0 的区别
<div style="line-height:200%;font-size:15px;">父元素<div style="font-size:30px;">子元素</div></div> ① 父元素的行高为200%时，会根据父元素的字体大小先计算出...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:41
- 阅读 ( 490 )
get和post请求接口时的区别
HTTP定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL是资源描述符，一个URL地址用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对...
- 0
- 0
- 廖雪
- 发布于 2020-07-05 12:39
- 阅读 ( 486 )
