哈希法及其解决冲突的方法
哈希法又称散列法，相应的表称为哈希表。 基本思想：首先在元素的关键字k和元素的存储位置p之间建立一个对应关系f，使得p=f(k)，f称为哈希函数。创建哈希表时，把关键字为k的元素...
JS和Canvas实现彩色图片转换成黑白图片
1、convertToGray() 在主体代码中使用 canvas 元素的id来获取画布，并设置画布的宽和高为图片的宽和高，再将上下文初始化为2d画布；彩色图片加载完成后，使用 drawImage() 将图片加载到上下...
浅谈CSS响应式布局之media query（媒体查询）
① 使用 @media 查询可以针对不同的媒体类型定义不同的样式。 ② @media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果需要设置设计响应式的页面。 ③ 重置浏览器大小的过程中...
Bootstrap栅格化布局
超小设备手机（768px） 小型设备平板电脑（768px) 中型设备台式电脑（992px） 大型设备台式电脑（1200px） 网格行为 一直是水平的 以折叠开始，断点以上是水平的 以折叠开始，断点以上...
原生JS操作DOM常用的属性和方法
① 获取所有子节点对象 childeNodes ② 获取第一个子节点 firstChild ③ 获取最后一个子节点 lastChild ④ 获取父节点 parentNode ⑤ 获取下一个兄弟节点 nextSibling ⑥ 获取前一个兄弟节点 previou...
window对象和document对象的区别
1、window：代表浏览器中一个打开的窗口。 （1）对象属性 ① window.self 引用本窗口window==window.self ② window.name 为窗口名字 ③ window.defaultStatus 窗户状态栏信息 ④ window.location URL地址，设置...
JavaScript的null和undefined的区别
null表示没有对象，即该处不应该有值。 （1） 作为函数的参数，表示该函数的参数不是对象。 （2） 作为对象原型链的终点。 undefined表示缺少值，就是此处应该有一个值，但是还没有...
浅谈CSS中line-height:200% | 2.0em | 2.0 的区别
div style = line-height:200%;font-size:15px; 父元素 div style = font-size:30px; 子元素 / div / div ① 父元素的行高为200%时，会根据父元素的字体大小先计算出行高值然后再让子元素继承。所以当line-he...