jayais的博客

数组是一组数据的集合，在内存中是一段连续的内存空间。但是注意：JavaScript中的数组底层实现并不是连续内存空间，JavaScript这种弱数据类型语言的数组底层通过哈希映射或者字典的方式来实现，所以不是连续的。一般当数据量较大的时候，我们使用变量的话，就显得不太方便，这时候就需要一种能够存储多个数据的容器 -- 数组。当然容器不仅仅有数组，但是最常见的容器肯定就是数组了。JavaScript中提供了4种定义数组的方式。

JavaScript本质是在浏览器中运行，所以ECMAScript提供了BOM（Browser Object Model）对象模型 -- 浏览器对象模型，以方便于去提供JavaScript操作浏览器。BOM提供了很多对象，其中最顶级的对象属于window对象。

在编程中，不管哪门编程语言，是面向对象的还是面向过程的，数据类型有多么丰富，其实质最常见也最常用的数据类型应该就是数值和字符串了，数值用来做数学运算，字符串用来描述事物，所以这两种类型的操作就显得尤为重要，数值的操作，我们之前学习的运算符就可以搞定，那么字符串操作呢？在软件开发中，数学运算应该是最多的，常规的运算可以使用之前学习的算术运输符，但是有些运算过于复杂，如果用户自己实现有一定的难度，所以ECMAScript为大家提供了数学相关的类 -- Math，帮助我们完成数学运算。

编程中的函数，和数学上的还是不是一回事，在编程中，函数就是一个功能、就是一个行为、就是一个动作。从专业的角度说的话，函数就是一段具有独立功能的代码的集合，是一段有名称的代码。函数也可以说是定义一次但却可以调用或执行任意多次的一段代码。函数对任何语言来说都是一个核心的概念。通过函数可以封装任意多条语句，而且可以 在任何地方、任何时候调用执行。ECMAScript 中的函数使用function关键字来声明，后跟一组参数以及函数体。// 语法结构：function 函数名称([参数列表]) {// 函数体。

DOM（Document Object Model）：文档对象编程，针对 HTML和 XML文档的 API（应用程序接口）。主要是JavaScript对浏览器上页面进行对象化，将HTML页面上的每个标签化作一个对象，整个文档属于一个DOM树，最顶层就是window对象的document对象，之后就是HTML标签，之后根据HTML标签的父子关系，实现了DOM树的结构。DOM 描绘了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。

程序控制流程语句，也就是我们经常说的三大流程（顺序、选择、循环），是控制程序运行的最基本的语句运行和控制逻辑。

border-left ：150px soild #000000和border -right：150px solid#FFFFFF。border：50px solid #000000 边框为50像素宽的黑色实线。border -radius：50% 将元素的边框设置为圆型（50%的圆角半径）设置元素的宽度为0，高度为300像素。分别设置元素的左边框为150像素宽的黑色实线，右边框为150像素宽的白色实线。margin：0和padding：0 将所有元素内外边框设置为0。动画开始时元素不旋转（0度）

计算机包括硬件（hardware）和软件（software）两部分。一般来说，硬件包括计算机中可以看得见的物理部分，而软件提供看不见的指令，这些指令控制硬件并且使得硬件完成特定的任务。学习一种程序设计语言，并不一定要了解计算机硬件知识，但是如果你了解一些硬件知识的话，它的确可以帮助 你更好地理解程序中指令对于计算机及其组成部分的功效。​ 一台计算机是由一下几个主要的硬件组成构成的：中央处理器（Center Processing Unit，CPU）内存存储设备输入设备输出设备通信设备。

有时候，我们 需要将字符串数字（就是字符串有数字组成），要进行运算，如果类型是字符串，在进行加法运算时，当成字符串拼接了，所以需要我们转换为字符串为数值类型。赋值运输符，顾名思义，就是用来给变量赋值的，最常见的就是=，等于符号在数学上表示判断是否相等，在编程中一般表示将右侧的值赋给左侧，常见的赋值运输符见表8-1。逻辑运算符主要指的是多个条件之间的关联关系，有：与（&&、并且）、或（||、或者）、非（!，由值的类型决定变量的类型），Java和C等语言是强数据类型语言，在定义变量的时候必须申明类型，如。

JavaScript是一门面向对象的、弱数据类型、解释性、动态的脚本语言，简称js。诞生于1995年，ECMAScript标准在1997年第一次制定。JavaScript 是一种具有面向对象能力、解释型的程序设计语言。更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。因为他不需要在一个语言环境下运行，而只需要支持它的浏览器即可。它的主要目的是，验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。

传统的盒子模型布局，也存在一些缺陷的，如我们需要垂直居中，实现起来就非常的难，所以在2009年，W3C 提出了一种新的方案----Flex 布局，又叫做弹性盒子布局。否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。

因为变量与自定义的 CSS 属性其实是一回事。为什么选择两根连词线（

otf字体被认为是一种原始的字体格式，其内置在TureType的基础上，所以也提供了更多的功能,支持这种字体的浏览器有【Firefox3.5+,Chrome4.0+,Safari3.1+,Opera10.0+,iOS Mobile Safari4.2+】；.woff字体是Web字体中最佳格式，他是一个开放的TrueType/OpenType的压缩版本，同时也支持元数据包的分离,支持这种字体的浏览器有【IE9+,Firefox3.5+,Chrome6+,Safari3.6+,Opera11.1+】；

前面我们学习了HTML，但是HTML仅仅只是做数据的显示，页面的样式比较简陋，用户体验度不高，所以需要通过CSS来完成对页面的修饰，CSS就是页面的装饰者，给页面化妆，让它更好看。

如图 8 所示，在 Dreamweaver 中显示表格的宽度数据，每一列设置的值均为 100px，而实际上第一列和第二列的宽度是 90px，第三列的实际宽度是 92px。align 表示表格在水平方向上的对齐方式，有三个值 left、center、right，分别表示居左对齐、居中对齐和居右对齐，省略 align 时是居左对齐。border="n"，n 是一个数字，单位是像素， 当 n = 0 时表示表格没有边框，当 n >0 时表示表格有边框，边框的宽度是 n 像素，注意n必须为整数！

第一步：创建一个文本文档，命名为xxx.html，名称任意，但是后缀名必须是HTML第二步：使用工具打开这个文档，在里面编写如下代码运行代码（使用浏览器打开页面），结果如下图#一定要保存后再运行才能看到结果 保存的快捷键ctrl+s在上面的例子中用到了 基本的5个标签，除了doctype HTML头信息、meta、title标签外，其余的三个标签构成了 HTML文档的结构，HTML 文档结构包括三个部分，如图HTML标签。

万维网（World Wide Web）是作为欧洲核子研究组织的一个项目发展起来的，在那里 Tim Berners-Lee 开发出万维网的雏形。Tim Berners-Lee - 万维网的发明人 - 目前是万维网联盟的主任。W3C 在 1994 年被创建的目的是，为了完成麻省理工学院（MIT）与欧洲粒子物理研究所（CERN）之间的协同工作，并得到了美国国防部高级研究计划局（DARPA）和欧洲委员会（European Commission）的支持。