- 博客(25)
- 收藏
- 关注
原创 正则表达式的一些基础操作
今天在我的同学的学校给写一篇博客,望在不同的环境有着不一样的理解吧。正则表达式在正式接触正则的时候,我们先要了解一下转义字符这个问题,"\"这就是转义字符。当然,在我们正则中起着很重要的作用。接下来给说一下这个作用吧,当我们想去打印一个""(双引号)的时候,按照正常情况下,这是一个语法解析是不可能打印出来的。但是有了转义符,这个问题就能解决了。 var str = '\"\"';
2018-01-08 14:27:26
316
原创 js(十七)---js加载时间线和BOM
js加载时间线为什么要谈一下js加载时间线呢?咱们得知道js是如何实现的吧,整个js引擎在解析页面的步骤是如何实现的呀,那么,咱们就看一下,它是如何实现的。好好的去理解一下吧,今天我也做进一步的了解。1.创建Document对象,开始解析web页面。解析HTML元素和它们的文本内容后添加Element对象和Text节点到文档中。这个阶段document.readyState = "load
2018-01-06 10:04:08
477
原创 js(十六)---异步加载
异步加载说到异步,那么什么叫做异步加载呢?刚开始的时候,也简单的说聊了一下什么叫做异步。大致的因该知道异步是用来做什么的了,就是为了充分了利用js引擎,是页面更快的加载而已。那么具体如何实现异步的,又为什么要使用异步操作,那么接下来在详细的说明一下。在正式的说明之前,先说一个小的知识点。JSON大家可能知道JSON是什么东西,它是以数据的一种形式
2018-01-04 10:39:40
454
原创 js(十五)---事件处理模式和事件委托
事件处理模式上一篇已经说了这个事件的冒泡和捕获,就是没有仔细介绍一下,它是如何进行的。我们都知道事件是先捕获后冒泡的,所以我们仔细研究一下,这个是如何变化的。接下来用一个例子,说明一下: .box1{ width: 200px; height: 200px; background-color: red;
2018-01-02 15:44:10
306
原创 js(十四)---事件机制
事件 事件机制分为四个环节:1.事件流(冒泡、捕获)2. 事件处理程序 3. 事件对象 4.事件委托事件流 事件流:指从页面中接收事件的顺序,有冒泡流和捕获流。 当页面中发生某种事件(比如鼠标点击,鼠标滑过等)时,毫无疑问子元素和父元素都会接收到该事件,可具体顺序是怎样 的呢?冒泡和捕获则描述了两种不同的顺序。那么冒泡和捕获十一什么样的形式发生的呢?接下来,一张图,帮助你来理解:
2018-01-02 10:41:20
587
原创 js(十三)---日期对象、定时器、滚动条、元素的尺寸
日期对象日期这个对象,也是一个内置的构造函数,可以直接调用。var date = new Date();具体还是w3c上的日期 介绍比较清楚,可以自己看一下。这里大致说一下就行了:Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth
2017-12-31 22:06:43
414
原创 js(十二)---对于DOM的操作
上一篇说明白了,DOM是用来做什么的,里面都是什么,作用是用来干什么的,今天就学习一下具体操作。增加操作创建元素节点 createElement我们可以通过document.createElement(‘div’);这个方法来创建一个元素,里面的参数填写我们要创建的标签名称,像div、p、span等等。记住这个时候创造的只是,一个标签,跟文档中的元素没有什么关系。var p = document
2017-12-30 19:41:00
549
原创 js(十一)---DOM的介绍
DOM• DOM的全称是Document Object Model 文档对象模型,DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。• DOM对象即为宿主对象,由浏览器厂商定义,用来操作html的css功能的一类对象和集合。不过浏览器厂商之间大部分都遵循w3c标准。• 简单来说,DOM就是用来操作html和css的,它是一系列对象的集合。 DOM如何操作HTML那么我
2017-12-29 14:19:31
312
原创 js(十)---类数组和严格模式
类数组我们知道有两种数据叫做数组和对象,但是我们其实可以用对象来模拟出数组的效果,我们把这种对象叫做类数组。我们前面提到的arguments实参列表就是一个类数组。类数组并不是一个数组,但是它可以表现出数组的特性。var arr = [1, 2, 3, 4]; var arr1 = { "0" : 1, "1" : 2, "2" : 3,
2017-12-29 10:35:10
366
原创 js(九)---数组
今天对数组进行深刻的了解,不能只停留在会使用的阶段,要知道,它是为什么来的。 数组的分类1 . 稀疏数组数组两个值之间可以有空隙,数组也是一个特殊的对象,有着相应的键值,对应的键值不存在,也是可以的。当进行遍历时,则没有元素:var a = [10,2];a[4] = 4;console.log(a);a.forEach(function(item,index,O){ console.lo
2017-12-28 10:26:05
269
原创 js(八)---克隆与数组去重
克隆克隆和我们前面所讲的继承有一些区别,克隆是复制出来一个一模一样的目标对象,而克隆又分为浅层克隆和深层克隆,本质就是把一个对象的一些属性复制成完全一样的另一个对象。浅度克隆浅度克隆是认为对象的的属性,没有对象和数组,直接把对象的一些属性给复制过来。function clone(P,C){ var C = C || {};//当没有传值是,默认为一个对象。 for(var
2017-12-27 15:21:39
259
原创 js(七)---关于this的问题
今天对this的指向做一下了解吧,好好学习一下这个问题,在平时中,这个问题很常见的。1.全局变量默认挂载在window对象下var a = 2;console.log(window.a)//=>2(function(){ b = 3 } ())console.log(window.b)//=>3在全局下直接定义一个变量,还有在立即执行函数中没有定
2017-12-26 10:59:40
325
原创 js(六)---对象的枚举和继承
对象的枚举上篇也简单的说到了对象的枚举,接下来就正式介绍一下对象的枚举吧。在正式说说枚举之前,首先要了解一下,对象查找的概念吧。大家都知道对象的查找是obj.name,但是实质上对象的查找的方法是obj[‘name’]。 特别像数组的一种方法,其实数组也是一种特殊的对象,所以说js中一切皆对象,所以说数组用到这个方法也是自然的。接下来,就说一下吧,说到对象的枚举很自然就想到了for in 操作符。
2017-12-25 22:33:20
574
原创 js(五)---对象及原型链
这里所说的对象,不是你心目中的那个对象,这个对象是js中的对象,是一个相对来说比较重要的概念。 对象 对象的构建方法对象的字面量 这种方式是最简单的方式,也是创建对象常用的方式:var obj = {};对象里面有属性,属性之间用逗号分隔,每一条属性都有属性名和属性值,属性名和属性值之间用分号分隔。可以把一个函数方法放在里面,假设一个操作需要许多的函数方法,这时候就可以把这些函数方法,放
2017-12-25 11:27:19
343
3
原创 js(四)---预编译
昨天已经说到函数,对于函数的作用域有着有一定的了解了。那么今天对这个方面在进一步了解。当你在写js代码的时候,第一个是当我们在后面定义了一个函数之后,我们在定义函数之前使用这个函数也是可以的。第二个是我们在后面声明的一个变量,但是在前面调用这个变量的时候并不会报错而是undefiend。那么就探讨一下这个问题,到底是为什么?这两点不同在js中被称为函数声明提升和变量声明提升,函数声明提升是一种整体提
2017-12-23 16:07:13
347
原创 js(三)---函数的作用域与闭包
函数作用域 函数是js比较重要的概念,函数里面是一个执行体,只有当你去调用这个函数是,这个执行提才会产生作用。当你不去调用它时,它就是一个封闭的空间。 函数是声明有三种:匿名函数(函数表达式):var demo = function () {}函数:function demo () {}命名函数表达式:var demo = function xxx() {}其实第一种和第三种相比较,第一
2017-12-22 15:32:32
345
原创 js(二)-- 类型的转换
说到类型的转化,很容易想到什么类型的转化,是隐式类型还是显示类型。那么今天就看一下这个变换吧。显示类型转换当然,想要判断数据是什么类型的,得有工具呀,要不怎么来判断它的类型是什么的呢? 我们有一个操作符typeof可以检测数据的类型。typeof()//它的返回值就是数据的类型。typeof能返回的类型一共只有6种:numner、string、boolean、undefined、object、fu
2017-12-21 15:59:22
239
原创 js(一)---初识js
前面将近一个星期复习了,html、css的主要内容,那么接下来的三剑客最后一个内容就是js,那么就今天就学习一下js吧,js的内容有很多,它也是基础,所以说学好js对我们以后的学习有很大的帮助的。那么就慢慢介绍吧,所以就从一点一滴把这个高楼大厦给建起来吧。Mosaic是互联网历史上第一个普遍使用和能够显示图片的网页浏览器,1993年问世。JavaScript作为Netscape Navigato
2017-12-20 15:28:38
422
原创 css(五)---css中的一些问题
不定宽高水平和垂直居中 如给元素一个宽高进行水平垂直居中,这个自然是很简单的。方法也有很多种,那么今天就复习一下不定宽高的。当然本质也是差不多的。 在说居中之前,首先讲一下文字的水平垂直居中: height: 300px; width: 300px; border: 1px solid black; color: rgb(216, 5
2017-12-19 21:30:22
285
原创 css(四)---背景图片和其他小功能
背景图片属性 我们知道标签可以来展示图片,但是如果我们想要在图片上面写字的话,这个标签就不好用了,这个时候就需要用到一个属性叫做background-image背景图片属性。了解这个属性之前大家一定得知道background是一个复合属性,里面有好多的小的属性,接下就用到了。background-image: url();url里面放本地绝对地址或者本地相对地址或者网上的链接都可以,这样我们就可以
2017-12-19 09:40:06
313
原创 css(三)---定位与浮动的学习
css的再学习 定位(position)的介绍 今天学习的是关于定位的学习,这也是页面布局的一种,那么说一下定位是用来做什么的。我的意思是定位我们想让一个元素去哪,他就能到哪。但是这个定位不能随便乱用,它会脱离文档流,有可能会覆盖下面的元素。用这个定位是一定要注意一下啊,当然这个属性也可以触发bfc(上篇文章已经说到bfc) 说到position,它有好多的属性值,那么都是什么呢,就和大家聊一
2017-12-17 10:43:36
333
原创 css学习(二)---盒模型及margin塌陷、合并问题
css的重点 前面说了css选择器,当然css之后有css的一些属性,最重要的就是关于文字的属性。具体都是什么,在项目中大家都会练习到,也没办法都讲了。想要知道都是什么,那么就去w3c规范看一下。接下来便谈一下,今天的重点吧! 盒模型 (w3c) 说到盒模型,这是一个老生常谈的问题,是我们每一位前端的小朋友都必须懂得。别着急,我会慢慢的介绍的,先给大家举一个例子吧,这样可能更容易懂一些。
2017-12-15 21:32:55
577
原创 css的学习
css的学习 前两篇文章讲了html的一些基础知识,那么今天就复习一下css吧。css是相对来说比较重要的。 了解css • css的全称为cascading style sheet 层叠样式表,它的主要作用是为我们的html标签添加各种各样的样式和修饰效果。• 这里我总结的css属于css2.0的知识点,css3.0的知识我打算在后面的文章里面总结。css3的功能要比css强大的多(bo
2017-12-14 21:10:53
323
原创 HTML学习(二)
HTML标签 上一篇讲说了HTML的主要的应用,也知道大致是用来做什么的了,在页面的主要作用。也讲到了标签,那么就说一下标签,到底是用来做什么的吧。 介绍标签 html中的标签数量是很多的,据人统计大概有300个左右,并且每年都会以20-30个的速度增加着,但是这么多的标签我们不必都去记住,因为很多标签都是不常用的或者可以用基础的标签搭配组合,实际上我们需要掌握的大概在30个左右。自己在使用
2017-12-07 22:37:47
230
原创 HTML学习(一)
web前端的发展 总结一下自己所学的,自己在复习一下,为了以后更好的学习。首先讲一下html记得刚接触HTML的时候,的确很陌生,现在在听HTML感觉像回到了家的一样。那么HTML是什么呢,其实很简单,他就是一些单词的缩写(hyperText markup language) 超文本标记语言,它是网页组成的骨架,文字图片等等都是由它来构成的,其实他的功能不仅仅如此,等到后面引入HTML5时它功能更
2017-12-06 23:09:39
573
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人