Shine_twinkle-CSDN博客

原创正则表达式的一些基础操作

今天在我的同学的学校给写一篇博客，望在不同的环境有着不一样的理解吧。正则表达式在正式接触正则的时候，我们先要了解一下转义字符这个问题，"\"这就是转义字符。当然，在我们正则中起着很重要的作用。接下来给说一下这个作用吧，当我们想去打印一个""（双引号）的时候，按照正常情况下，这是一个语法解析是不可能打印出来的。但是有了转义符，这个问题就能解决了。 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 473

原创 js（十六）---异步加载

异步加载说到异步，那么什么叫做异步加载呢？刚开始的时候，也简单的说聊了一下什么叫做异步。大致的因该知道异步是用来做什么的了，就是为了充分了利用js引擎，是页面更快的加载而已。那么具体如何实现异步的，又为什么要使用异步操作，那么接下来在详细的说明一下。在正式的说明之前，先说一个小的知识点。JSON大家可能知道JSON是什么东西，它是以数据的一种形式

2018-01-04 10:39:40 453

原创 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 583

原创 js（十三）---日期对象、定时器、滚动条、元素的尺寸

日期对象日期这个对象，也是一个内置的构造函数，可以直接调用。var date = new Date();具体还是w3c上的日期介绍比较清楚，可以自己看一下。这里大致说一下就行了：Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth

2017-12-31 22:06:43 409

原创 js（十二）---对于DOM的操作

上一篇说明白了，DOM是用来做什么的，里面都是什么，作用是用来干什么的，今天就学习一下具体操作。增加操作创建元素节点 createElement我们可以通过document.createElement(‘div’);这个方法来创建一个元素，里面的参数填写我们要创建的标签名称，像div、p、span等等。记住这个时候创造的只是，一个标签，跟文档中的元素没有什么关系。var p = document

2017-12-30 19:41:00 549

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 365

原创 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 265

原创 js（八）---克隆与数组去重

克隆克隆和我们前面所讲的继承有一些区别，克隆是复制出来一个一模一样的目标对象，而克隆又分为浅层克隆和深层克隆，本质就是把一个对象的一些属性复制成完全一样的另一个对象。浅度克隆浅度克隆是认为对象的的属性，没有对象和数组，直接把对象的一些属性给复制过来。function clone(P,C){ var C = C || {};//当没有传值是，默认为一个对象。 for(var

2017-12-27 15:21:39 257

原创 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 573

原创 js（五）---对象及原型链

这里所说的对象，不是你心目中的那个对象，这个对象是js中的对象，是一个相对来说比较重要的概念。对象对象的构建方法对象的字面量这种方式是最简单的方式，也是创建对象常用的方式：var obj = {};对象里面有属性，属性之间用逗号分隔，每一条属性都有属性名和属性值，属性名和属性值之间用分号分隔。可以把一个函数方法放在里面，假设一个操作需要许多的函数方法，这时候就可以把这些函数方法，放

2017-12-25 11:27:19 332 3

原创 js（四）---预编译

昨天已经说到函数，对于函数的作用域有着有一定的了解了。那么今天对这个方面在进一步了解。当你在写js代码的时候，第一个是当我们在后面定义了一个函数之后，我们在定义函数之前使用这个函数也是可以的。第二个是我们在后面声明的一个变量，但是在前面调用这个变量的时候并不会报错而是undefiend。那么就探讨一下这个问题，到底是为什么？这两点不同在js中被称为函数声明提升和变量声明提升，函数声明提升是一种整体提

2017-12-23 16:07:13 343

原创 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 238

原创 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 284

原创 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 571

原创 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 229

原创 HTML学习（一）

web前端的发展总结一下自己所学的，自己在复习一下，为了以后更好的学习。首先讲一下html记得刚接触HTML的时候，的确很陌生，现在在听HTML感觉像回到了家的一样。那么HTML是什么呢，其实很简单，他就是一些单词的缩写（hyperText markup language）超文本标记语言，它是网页组成的骨架，文字图片等等都是由它来构成的，其实他的功能不仅仅如此，等到后面引入HTML5时它功能更

2017-12-06 23:09:39 569

Shine_twinkle的博客