- 博客(76)
- 收藏
- 关注
RSS订阅转载 BOM与正则表达式
BOM BOM的全称叫做Browser OjbectModel 浏览器对象模型，它定义了操作浏览器的接口。 BOM对象包括：Window、History、Navigator、Screen和Location。但是由于浏览器厂商的不同，BOM对象的兼容性极低，一般情况下，我们只用其中的一部分...
2019-01-23 10:21:00
420
转载 异步加载JS
先介绍一下JSON： 我们传输数据就两种格式：xml和json。 xml是以html为模板，自定义标签名作为数据名来传递数据，书写起来很麻烦，现在多用json，很少使用xml。 json是传输数据的另一种格式，它是以对象为模板（本质上就是对象，但是用途有所区别，对象是本地使用，json是...
2019-01-21 10:06:00
131
转载 鼠标事件与键盘事件
鼠标事件 鼠标事件有很多：click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout。这些方法的语义化都很好，大家看名字基本都懂是什么意思。 其中，contextmenu是右键出现菜单事件，并不是右键事件。 clic...
2019-01-18 14:16:00
294
转载 事件处理模型与事件委托
事件处理模型——事件冒泡、事件捕获 上一篇介绍了事件的绑定，我们这里先写一个三层div嵌套的结构并且给每一个div都加一个点击事件。 1. 2. .wrapper {3. width: 200px;4. height: 200px;5. ...
2019-01-17 16:19:00
210
转载 事件的绑定与解除
事件是交互体验的核心功能，非常非常重要。 事件是每一个浏览器本来就有的，我们只是给相应的事件添加了一个回调函数。 下面先看一个拖拽事件的例子来感受一下事件： 1. div.addEventListener(‘mousedown’, function (e){2. var disX...
2019-01-16 17:29:00
207
转载 css脚本化
这篇文章主要介绍几种查看css样式的方法。 读写css属性 每一个dom元素都有一个属性style，dom.style里面存放的这个元素的行间样式，我们可以通过这个属性来读写元素的行间样式。 注意： 1.我们碰到float这样的关键字属性的时候，前面要加一个css前缀。 float...
2019-01-14 17:55:00
159
转载 滚动条与元素尺寸
查看滚动条的滚动距离 js中有两套方法可以查看当前滚动条的滚动距离。 第一套是这样的： window.pageXOffset/window.pageYOffset 这个方法可以查看滚动条的横轴和纵轴的滚动距离，但是很遗憾的是IE8以及以下的版本不兼容。 因此针对于IE，我们就需要有...
2019-01-08 13:57:00
90
转载 日期对象与定时器
日期对象 日期对象也是javascript的内置对象之一，我们可以直接使用。 var date = new Date(); 在文档中我们也可以看到它的方法很多，但是常用的其实并没有那么多。 |Date()|返回当日的日期和时间。| |getDate()|从 Date 对象返回一个月中...
2019-01-07 11:24:00
85
转载 DOM的基本操作练习代码
1.用DOM动态生成这样一个结构： <div class=”example”> <p class=”slogan”>HelloWorld</p> </div> 我认为中规中矩的写法是这个样子的： • 不过这里有点小...
2019-01-04 14:29:00
101
转载 DOM的基本操作续
增加操作 1.创建元素节点 createElement 我们可以通过document.createElement(‘div’);这个方法来创建一个元素，里面的参数填写我们要创建的标签名称，像div、p、span等等。 这样我们先创建一个div。 2.创建文本节点 document...
2019-01-03 16:05:00
91
转载 DOM的基础练习代码
1.遍历元素节点树 2.封装函数，返回元素e的第n层父节点 3.封装函数，返回元素e的第n个兄弟元素节点，如果n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己 4.封装函数，实现children功能，最好哎原型链上编程 5.封...
2018-12-28 10:49:00
204
转载 DOM！
什么是DOM 什么叫做DOM呢？ • DOM的全称是Document Object Model 文档对象模型，DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。 • DOM对象即为宿主对象，由浏览器厂商定义，用来操作html的css功能的一类对象和集合。...
2018-12-28 10:45:00
79
转载 类数组与严格模式
我们知道有两种数据叫做数组和对象，但是我们其实可以用对象来模拟出数组的效果，我们把这种对象叫做类数组。我们前面提到的arguments实参列表就是一个类数组。 类数组 类数组并不是一个数组，但是它可以表现出数组的特性。 这样我们就创造了一个类数组，现在它就可以表现出数组的特性...
2018-12-27 14:09:00
99
转载 克隆与数组
在开始介绍克隆的代码和数组的相关知识点之前，我在前面先介绍一下arguments.callee方法和func.caller属性。 •arguments.callee 这个方法是代指函数本身。 当我们在一些匿名函数或者立即执行函数里面进行递归调用函数本身的时候，由于这个函数没有名字，我们...
2018-12-26 11:41:00
196
转载 对象的枚举与this
命名空间 在进入正文之前，我们先提一下命名空间的概念。 由于我们的一个项目是很多人开发的，每个人都有一套自己的变量，为了防止人和人之间变量的互相干扰，我们经常把自己的变量都放到相对应的模块里面，模块和模块之间是没有关系的，这样就算变量名相同也不会互相干扰。我们经常用对象来实现这种模块的作...
2018-12-25 14:44:00
194
转载 继承
this的一些问题 前面我们知道函数内部的this默认的指向是全局对象window，那么我们有什么办法可以改变this的指向吗？ 现在我们就可以使用call/apply来改变this指向。 call/apply 作用：改变this指向。 区别：后面传的参数形式不同。 我们现在写一...
2018-12-24 10:42:00
74
转载 函数与作用域与闭包
函数部分 我们的函数声明有两种方式： 1.var demo = function () {} 函数表达式 2.function demo () {} 函数声明 3.var demo = function xxx() {} 命名函数表达式 其实第一种和第三种相比较，第一种叫做匿名函数...
2018-12-21 10:24:00
141
转载 原型与原型链
原型 1.原型的定义：原型是function对象的一个属性，它定义了构造函数制造出来的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 我们先定义一个构造函数，Person.prototype这个属性就是这个构造函数的原型，这个属性是天生就有的，并...
2018-12-19 14:15:00
92
转载 对象与构造函数与包装类
我们前面已经接触过对象这一种数据，这一篇着重介绍一下对象的有关知识哟~ 对象创建方法 对象的创建方法有三种： 1.对象字面量 我们前面的对象创建方法都是使用的字面量的方法创建的。 这样的方式就叫做字面量，也是我们创建对象最简单最常用的方法。 对象里面有属性，属性之间用逗...
2018-12-18 13:40:00
90
转载 预编译
• 我们在书写js代码的时候，会发现两点和c/c++语言不同的地方。第一个是当我们在后面定义了一个函数之后，我们在定义函数之前使用这个函数也是可以的。第二个是我们在后面声明的一个变量，但是在前面调用这个变量的时候并不会报错而是undefiend。 这两点不同在js中被称为函数声明提升和变量声...
2018-12-14 11:32:00
87
转载 类型转换
我们在前面的运算符的部分提过了这个类型转换，这篇文章就主要介绍一下什么是类型转换。 显示类型转换 类型转换，自然是把数据的类型改变了，那么我们怎么才能知道数据的类型是否发生了改变呢？ 我们有一个操作符typeof可以检测数据的类型。 typeof能返回的类型一共只有6种：...
2018-12-13 14:41:00
96
转载 初识JavaScript
这里是总结的一小点的web历史知识，并不知道有没有用： • Mosaic是互联网历史上第一个普遍使用和能够显示图片的网页浏览器，1993年问世。 • 后来由于商标权的转让，原本的开发团队又开发了Netscape Navigator网景浏览器，也是现在很多浏览器的前身。 • js作为Net...
2018-12-12 15:28:00
66
转载 定位与层模型
层模型 css中元素的层次模型主要是由position这个属性来决定的。 position属性：position的意思是定位，同样这个属性的作用就是给元素施加定位。它一共有四个值，分别是static、absolute、relative、fixed。 stati...
2018-12-07 10:32:00
112
转载 margin合并与塌陷BUG及解法
其实css也不是极其完善的，其中也存在着或多或少的bug，有些我们可能从来不会遇到，有些我们可能会经常遇到，这次介绍的两个bug是属于cssbug中的很经典的两个bug——margin合并与margin塌陷问题。 margin合并现象 • 我们现在写两个span标签，并且给它们两个分别加...
2018-12-05 14:16:00
111
转载 简单的文字样式和盒模型
上一篇文章简单的介绍了一下css的引入方式，这一篇打算介绍一些基础的样式和盒子模型。 • 其实我们css有很多很多的样式，我们不可能一一记住每一个样式的值，其实我们只需要记住一些常用的样式的意思，然后去http://www.css88.com这个网站去查询样式的具体的值就可以了，当然查询一些...
2018-12-03 11:40:00
118
转载 初识css与css选择器
前面总结完了html部分的基础内容之后，我总结了一下一下css部分的内容，希望对大家有所帮助~ 初识CSS • css的全称为cascading style sheet层叠样式表，它的主要作用是为我们的html标签添加各种各样的样式和修饰效果。 • 这里我总结的css属于css...
2018-11-30 10:09:00
126
转载 HTML标签参考（二）
一些重要的标签 •ol li <ol><li></li></ol>这是一组标签，它们二者都是成对出现的，每一个标签单独出现都是没有意义的事情。 这一组标签叫做有序列表，ol是外面的列表框，li是里面的子项，并且每一个li子项的前面都会...
2018-11-29 14:00:00
84
转载 HTML标签参考（一）
• html中的标签数量是很多的，据人统计大概有300个左右，并且每年都会以20-30个的速度增加着，但是这么多的标签我们不必都去记住，因为很多标签都是不常用的或者可以用基础的标签搭配组合，实际上我们需要掌握的大概在30个左右。 •在前端开发中我们要知道，并不是你用的技术多么先进就显得多么...
2018-11-28 10:20:00
55
转载 Web前端的知识之旅哟——初识html
最近在复习以前学习的所有的前端知识点，总结一下，希望也对初学者有一些帮助。 首先我们都听说过html，那么什么东西是html呢？ • html的全称是hyperText markup language， 超文本标记语言，在网页中所有的文字图片和组织架构都是由html来...
2018-11-26 10:23:00
125
转载 H5拖拽事件
H5中拖拽属性： draggable： auto | true | false 拖动事件： - dragstart 在元素开始被拖动时触发 - dragend 在拖动操作完成时触发 - drag 在元素被拖动时触发 释放区事件： dragenter 被拖动元素进入到释放...
2018-11-23 14:31:00
154
转载 关系运算
什么是关系运算呢？ 作比较，做判断的，关系运算包括，常规符号 > >= < <= == != 它其实比的是2 和1，按位去比较每个字符的unicode号 特殊： null和undefined 全等 === 什么是全等？ 要求数据类型首先要相等，然后才...
2018-11-22 10:36:00
121
转载 jsonp揭秘
什么是JSONP？ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。 那什么又是跨域呢？ 简单的来说，出于安全方面的...
2018-11-20 15:16:00
58
转载 History 历史记录
一. history 是什么？ window上的一个对象，由来存储浏览器访问过的历史 二. 用途： 可以动态跳转任意一个已在历史记录中的地址 三. history方法： 1.forward() : 向后翻一页 2. back(): 回退一页 3. go(num) : ...
2018-11-19 14:10:00
263
转载 正则表达式中常用字符串方法
1，search()用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。search()方法不支持全局搜索，因为会忽略正则表达式参数的标识g，并且也忽略了regexp的lastIndex属性，总是从字符串的开始位置进行检索，所以它会总是返回str的第一个匹...
2018-11-14 14:16:00
213
转载 正则表达式常用方法
RegExp对象中的方法 1，test()方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。 reg规定匹配以a开头的字符串，利用test进行测试，字符串str满足reg匹配规则，利用test方法进行测试，满足当前规则返回tru...
2018-11-14 14:08:00
149
转载 节点间的关系
节点关系； 两大类: 1、父子关系 elem.parentNode => 获得elem的父节点 elem.chlidNodes => 获得elem的所有直接子节点 elem.firstChild =>获得 elem的第一个子节点 elem.lastChild=...
2018-11-13 14:09:00
513
转载 节点对象
网页中的 一切内容都是DOM节点对象 节点对象有共同类型，叫 Node Node当中提共了三大属性：第一个 node.nodeType: 值啊 是一个数字，nodeType表示这个节点的类型。 何时使用：区分节点的类型的时候，或者判断节点类型时候。 如何使用： documen...
2018-11-13 14:03:00
170
转载 正则表达式字符与量词
1、元字符 正如之前我们所提到的匹配手机号规则，正则表达式中的所有字母和数字都是按照字面含义进行匹配的。同样js中的正则表达式语法也支持非字母的字符匹配,这些字符需要通过反斜线(\)作为前缀去转义。比如上文提到的\d就是用来匹配查找数字。 2、特殊字符 3、量词 ...
2018-11-09 15:46:00
75
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人