2016年12月_juzipchy

转载理解JavaScript里的 [].forEach.call() 写法

var divs = document.querySelectorAll('div'); [].forEach.call(divs, function(div) { // do whatever div.style.color = "red"; });初次看到 [].forEach.call() 这样的代码，我觉得这种写法很有趣，为什么要这样写？为什么要用空数值引申出的方法？于是研究了一下。

2016-12-23 18:41:23 2023

原创 Canvas学习总结（1）

标签：绘制环境： getContext(“2d”）：目前支持2D的场景<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xht

2016-12-23 11:14:41 491

原创二叉树的先序、中序、后序遍历的JavaScript表示

二叉树的先序、中序、后序遍历的JavaScript表示之前学数据结构的时候，学了二叉树的先序、中序、后序遍历的方法，并用C语言实现了，下文是用js实现二叉树的3种遍历，并以动画的形式展现出遍历的过程。整个遍历过程还是采用递归的思想，原理很粗暴也很简单先序遍历的函数：function preOrder(node){ if(!(node==null)){ divList.push

2016-12-22 14:49:02 562

原创 css3分栏布局

column-width 栏目宽度 column-count 栏目列数 column-gap 栏目距离 column-rule 栏目间隔线无标题文档 .wrap{width:900px;border:1px solid #000; font:14px/28px "宋体";color:#000; text-indent:2e

2016-12-21 10:17:16 308

原创 CSS3总结（2）——弹性盒模型

今天刚学了css3的弹性盒模型，这是一个可以让你告别浮动、完美实现垂直水平居中的新特性。 Flexbox是布局模块，而不是一个简单的属性，它包含父元素和子元素的属性。 Flexbox布局的主体思想是似的元素可以改变大小以适应可用空间，当可用空间变大，Flex元素将伸展大小以填充可用空间，当Flex元素超出可用空间时将自动缩小。总之，Flex元素是可以让你的布局根据浏览器的大小变化进行自动伸缩。

2016-12-20 22:04:38 457

转载 JS 获取浏览器窗口大小clientWidth、offsetWidth、scrollWidth

网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeight (包括边线的宽); 网页正文全文宽： document.body.scroll

2016-12-20 14:24:54 509

原创 CSS3总结(1)

:nth-child选择器这是个段落元素这是父标签的第二个孩子元素 p:nth-child(2)表示这个元素要是p标签，且是第二个子元素，是两个必须满足的条件。 :nth-of-type选择器选择父标签的第二个段落子元素 p:nth-of-type(2)表示父标签下的第二个p元素，这两者的差异用一个跟切合实际的情况比喻就是计划生育查人口：前者是如果是第二胎

2016-12-06 22:12:06 312 2

juzipchy的博客