juzipchy-CSDN博客

转载 javascript中的this使用总结

首先，我们在全局环境中看看它的 this 是什么： first. 浏览器：console.log(this);// Window {speechSynthesis: SpeechSynthesis, caches: CacheStorage, localStorage: Storage, sessionStorage: Storage, webkitStorageInfo: DeprecatedS

2017-01-03 14:51:24 274

转载理解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

原创正则表达式学习笔记

b 在书写正则表达式的模式时使用了特殊的字符和序列。下表描述了可以使用的字符和序列，并给出了实例。字符描述： \：将下一个字符标记为特殊字符或字面值。例如"n"与字符"n"匹配。"\n"与换行符匹配。序列"\\"与"\"匹配，"\("与"("匹配。“\”为转义字符 ^ ：匹配输入的开始位置。 $ ：匹配输入的结尾。 * ：匹配前一个字符零次或几次。例如，"zo*"可以

2016-11-19 11:17:35 233

原创不熟悉的CSS

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用querySelectorAll() 方法替代。

2016-11-17 21:42:54 396

转载简单易理解的闭包

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。

2016-11-17 11:41:50 364

原创 HTTP请求

一个完整的HTTP请求过程，通常有下面7个步骤： 1.建立TCP链接 2Web浏览器向Web服务器发送请求命令 3.Web浏览器发送请求头信息 4.Web服务器应答 5.Web服务器发送应答头信息 6.Web服务器向浏览器发送数据 7Web服务器关闭TCP链接一个HTTP请求一般由四部分组成： 1.HTTP请求的方法或动作，比如是GET还是POST请求 2.正在请求的

2016-11-09 21:07:56 306 2

转载 div span 区别

元素包含的内容，在显示格式上没有任何变化，没有因为插入元素而产生换行或者其他排版效果。这样的显示效果称为“行内元素”，设计者可以在一段文本中插入任意多对元素，然后添加字体、颜色、背景、边框和边距等各种格式。元素所包含的内容，在格式上有所变化，每一个元素所包含的内容都另起一行，浏览器为他们分配了一个独立区域，形成一个一个“块”，因此也被称作“块级元素”。不过除了这个区别，在其他方面和基本

2016-08-21 19:35:11 366

原创 MySQL 总结（1）

数据库简介 *SQL语句： SQL的分类： DDL：创建数据库、创建表、删除和修改数据库 (create drop alter) DML：操作数据（insert updata delete） DCL: if DQL:操作数据（select）操作数据库：（CRUD）创建数据库： create database 数据库名 character set

2016-08-18 16:48:25 195

原创 Person Student Employee Faculty Staff 类

实现一个名为Person的类和它的两个子类Student和Employee Employee有子类Faculty和Staff。Person中的人有姓名、地址和电话号码。学生有班级状态（一、二、三、四年级）。将这些状态定义为常量。 Employee中的雇员有办公室、工资。Faculty中的教员有级别。 Staff中的职员有职务称号。覆盖每个类中的toString方法，显示类

2016-08-03 22:58:47 4439 1

juzipchy的博客