2018年04月_w狼子

原创 JSON语法以及json与JavaScript对象的转换

JSON是JavaScript的一个严格的子集，利用了JavaScript中的一些模式来表示结构化数据。理解JSON，最重要的是理解它是一种数据格式，而不是一种编程语言。JSON虽然利用了JavaScript的一些模式，但JSON并不从属于JavaScript，很多编程语言都可以用JSON来传递数据。 JSON的语法: 学习JSON的语法，你只需知道以下三种类型的值。 1.简单值：也就是J...

2018-04-19 20:11:10 198

原创 JavaScript操作文档样式（css）的方法

一、修改文档元素的style属性。例如：e.stye.backgroundColor = "red"; 注意点： 1.一次只能操作一个属性。 2.被操作的属性的书写要符合驼峰命名法。 3.属性值有单位的必须带上单位。 4.属性值是字符串。 5.由于操作的是style属性，所以设置样式很有用，但是获取...

2018-04-18 22:57:05 378

写在前面：本文只是简单介绍一下，不会深入探究。 js总共有6种数据类型：五个基本类型Number、String、Boolean、Null、Undefined和一个混合对象Object。 typeof操作符可以用来检测变量的数据类型(输出是一个关于数据类型的字符串)，返回如下6种字符串：number、string、boolean、undefined、object、function。注意:Nul...

2018-04-18 19:38:14 172

原创数据结构之JavaScript实现队列（queue）

和栈一样，队列其实也是一种列表，不同的是队列只能在队尾插入元素，在队首删除元素，也就是说，队列是先进先出的数据结构；而栈是先进后出的数据结构。队列的主要操作就是入队和出队操作，也就是队尾插入元素和队首删除元素。队列还有一个比较重要的操作就是读取队首的元素。值得注意一点的是：优先队列。优先队列的普通队列的不同是出队的规则不同：普通队列先进先出，就想排队一样；而优先队列不一定先进先出，而是按照...

2018-04-17 20:44:56 993

原创数据结构之JavaScript实现栈（Stack）

什么是栈？栈是一种特殊的列表，栈内的元素只能在列表的一段访问，这一端被称为栈顶。栈是一种后入先出的数据结构。下面就是JavaScript实现栈：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript实现sta

2018-04-16 12:51:20 371

原创两种方式实现CSS动画

实现CSS动画有两种主要的方法：过渡动画(transition)和animation动画。第一种：过渡动画（transition）。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS动画之transition</tit

2018-04-16 00:25:26 7062

原创数据结构之JavaScript实现List

利用数组实现列表。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript实现列表</title></head><body> &a

2018-04-15 18:10:10 749

原创多个CSS样式到底谁起作用

首先得知道css有三个特性：继承、层叠、优先级。这三个特性在决定选择器谁起作用时有考虑的优先顺序。具体这三者是怎样影响选择器的请参考权威文档。这里我就只用大白话的形式告诉一些基本常识。在考虑到底哪个css样式起作用时，先考虑继承，再考虑优先级，最后考虑层叠。怎样个考虑法呢？第一步：直接选中优先于间接选中。即选择器直接选中元素时指定的样式优先于继承下来的样式。第二步：若多个样式都是直接选中...

2018-04-12 21:10:55 1288

原创 css3新增属性：多列(column)

css3多列能够创建多个列来对文本进行布局，就想报纸那样。关于多列的相关属性及属性值如下：column-count: number|auto;：指定元素应分为的列数。column-fill: 指定如何填充列 balance：(默认)列的高度尽量均衡 auto：顺序填充内容高度可能差距很大。column-gap: 指定列之间的间距。 length：一个指定的长度，将设置列之间的差距 nor...

2018-04-08 21:10:55 516

原创表单中的标签及其常用属性汇总

表单是HTML中非常重要的一环，而且内容也不算少，所以在这里就简单的汇总了常用的表单标签，至于它们的属性就列举的很少了，如果想要详细学习属性，推荐到w3cschool去查看学习。这是w3cschool中关于表单一节的链接：点击打开链接下面是我用HTML文档列举的表单标签，可拷到本地跑一下，直观感受一下。<!DOCTYPE html><html lang="en"&gt...

2018-04-06 20:51:14 5309

原创 JavaScript中，文档结构遍历

js中，文档结构遍历有两套很相似的API分别只是是否包括文本节点和注释节点：1.作为节点树遍历：(包括文本节点和注释节点)Document对象、Element对象和文档中表示文本的Text对象都是Node对象。Node定义了以下重要属性：parentNode：该节点的父节点。没有父节点就是null。childNodes：只读的类数组对象（NodeList），它是该节点的子节点的实时表示。first...

2018-04-05 20:48:26 254

原创详解JavaScript中选取元素的所有方法

DOM中选取文档元素的方法总共有5种：1.通过id值。2.通过name属性值。3.通过指定的标签名。4.通过class类。5.通过css选择器。下面我就这五种方法详细解释一下吧。1.通过ID选取元素: document.getElementById() 任何元素都可以有一个id属性，在文档中该值必须唯一，所以该方法返回一个DOM对象。通过id获取元素是最简单最常用的选取元素的方法。getE...

2018-04-05 19:43:37 11496

原创怎样获取网址（url）中的字符串参数

在正式介绍之前先普及几个其他参数获取的指令： “window.location.pathname”;设置或获取对象指定的文件名或路径。“window.location.href”;设置或获取整个 URL 为字符串。“window.location.port”;设置或获取与 URL 关联的端口号码。如果采用默认的80端口(即使添加了:80)，那么返回值并不是默认的80而是空字符“window.loc...

2018-04-04 15:29:01 3705

原创详细解释JavaScript中三元表达式

三元表达式的基本格式：布尔表达式？语句1：语句2简单解释：如果布尔表达式返回结果为真就执行语句1，如果布尔表达式返回结果为假就执行语句2。但是在实际应用中并没有这么简单，还是有些需要注意的地方，比如布尔表达式只能是布尔表达式吗？语句1和语句2中有多条语句需要执行又怎么办？等。鉴于以上细节问题，我总结了几条便于使用三元表达式应该熟知的知识点：1，布尔表达式的值或者返回值是计算值。比如1==1返回tr...

2018-04-04 14:38:46 2223

原创 javascript中关于宽高、位置、坐标等相关属性和方法介绍：

开篇前，我直接了当地写出几个常用的操作：1.获取窗口右侧滚动条的宽度window.innerWidth-document.documentElement.clientWidth2.获取HTML元素的尺寸（包含边框和内边距）element.offsetWidth和element.offsetHeight3.获取窗口滚动条的位置document.documentElement.scrollTop和wi...

2018-04-03 22:29:55 164

王龙楷