如初的博客🥝

在看本文之前，可以先复习前面的一篇文章：《03-JavaScript基础/07-对象简介和对象的基本操作.md》 创建自定义对象的几种方法 方式一：对象字面量 对象的字面量就是一个{}。里面的属性和方法均是键值对。 例如： 12345678910var o = { name: "生命壹号", age: 26, isBoy: true, sayHi: function() { console.log(this.name); } };console.log(o); 控制台输出： 方式二：工厂模式 通过该方法可以大批量的创建对象。 123456789101112131415161718192021/* * 使用工厂方法创建对象 * 通过该方法可以大批量的创建对象 */function createPerson(name, age, gender) { //创 ...

之前学习的数据类型，只能存储一个值（字符串为一个值）。如果我们想存储多个值，就可以使用数组。 数组简介 数组（Array）是属于内置对象，我们可以在MDN网站上查询各种方法。 数组和普通对象的功能类似，也是用来存储一些值的。不同的是： 普通对象是使用字符串作为属性名的，而数组是使用数字来作为索引来操作元素。索引：从0开始的整数就是索引。 数组的存储性能比普通对象要好。在实际开发中我们经常使用数组来存储一些数据，使用频率非常高。 数组的基本操作 数组的元素可以是任意的数据类型，也可以是对象，也可以是函数，也可以是数组。 数组的元素中，如果存放的是数组，我们就称这种数组为二维数组。 创建数组对象 方式一：字面量定义。举例： 1var arr = [1,2,3]; 方式二：对象定义（数组的构造函数）。 语法： 1var arr = new Array(参数); 如果参数为空，则表示创建一个空数组；参数位置是一个数值时，表示数组长度；参数位置是多个数值时，表示数组中的元素。 上面的两种方式，我来举个例子： 1234567891011121314// 方式一var arr1 = [11, ...

前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。 版心 首页的版心如下： 这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。 比如说，网站左上角的logo，设计图给出的左边距是143像素，此时，我们千万不要以为，logo的左边距真的是143像素。因为设计图只是一个版心；而整个页面是处于浏览器的中间，浏览器的宽度是可以随时调整的。 我们量一下中间四个方形图的width，是1000px，所以，网页版心的宽度是1000px。 网页的结构 从结构上来看，网页分为头部（导航栏）、banner区、内容区、底部。 导航栏的制作 在此我们只讲基础知识的使用，不涉及浏览器的优化。 class==header这个div是顶部的通栏，我们在里面放一个1000px宽的div，作为通栏的版心，我一般把这个版心称为class=inner_c，c指的是center。 class=inner_c不需要给高，因为它可以被内容撑高。 现在我们需要在class=inner_c里放三个东西：左侧的logo、中间的导航栏、右侧的“加入我们”。 接下来我们开始做右侧的 ...

函数的介绍 函数：就是将一些功能或语句进行封装，在需要的时候，通过调用的形式，执行这些语句。 函数也是一个对象 使用typeof检查一个函数对象时，会返回function 函数的作用： 将大量重复的语句写在函数里，以后需要这些语句的时候，可以直接调用函数，避免重复劳动。 简化编程，让编程模块化。 来看个例子： 12345678console.log("你好");sayHello(); // 调用函数// 定义函数function sayHello(){ console.log("欢迎"); console.log("welcome");} 函数的定义和调用 第一步：函数的定义 方式一：使用函数声明来创建一个函数。语法： 123function 函数名([形参1,形参2...形参N]){ // 备注：语法中的中括号，表示“可选” 语句...} 举例： 123function sum(a, b){ return a+b;} 解释如下： fun ...

内置对象简介 内置对象就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用的或是最基本而必要的功能。 JavaScript的内置对象： 内置对象 对象说明 Arguments 函数参数集合 Array 数组 Boolean 布尔对象 Date 日期时间 Error 异常对象 Function 函数构造器 Math 数学对象 Number 数值对象 Object 基础对象 RegExp 正则表达式对象 String 字符串对象 前面的几篇文章中，我们专门讲到了数组 Array。今天这篇文章，我们来讲一下其他的内置对象。 内置对象：Date Date对象的创建 写法一：表示的是当前代码执行的时间 12var date1 = new Date();console.log(date1); 写法二：在参数中传递一个表示时间的字符串（兼容性最强） 12var date2 = new Date("2017/09/06 09:00:00");console.log(date2); 写法三：（不常用） 12va ...

前言 JavaScript的组成 JavaScript基础分为三个部分： ECMAScript：JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。 DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。 BOM：浏览器对象模型，操作浏览器部分功能的API。比如让浏览器自动滚动。 事件 JS是以事件驱动为核心的一门语言。 事件的三要素 事件的三要素：事件源、事件、事件驱动程序。 比如，我用手去按开关，灯亮了。这件事情里，事件源是：手。事件是：按开关。事件驱动程序是：灯的开和关。 再比如，网页上弹出一个广告，我点击右上角的X，广告就关闭了。这件事情里，事件源是：X。事件是：onclick。事件驱动程序是：广告关闭了。 于是我们可以总结出：谁引发的后续事件，谁就是事件源。 总结如下： 事件源：引发后续事件的html标签。 事件：js已经定义好了（见下图）。 事件驱动程序：对样式和html的操作。也就是DOM。 代码书写步骤如下：（重要） （1）获取事件源：document.getEleme ...