JavaScript 学习笔记(三)-JavaScript 数组
1. 数组的概念
数组是指 一组数据的集合,其中每个数据被称为 元素,在数组中可以存放 任意类型的元素。
数组是一种将 一组数据存储在单个变量名下 的优雅方式
1234// 普通变量一次只能存储一个值var num = 10;// 数组一次可以存储多个值var arr = [1, 2, 3, 4, 5];
2. 创建数组1. 数组的创建方式JS 中创建数组有两种方式:
利用 new 创建数组
12var 数组名 = new Array();var arr = new Array();
利用数组字面量创建数组
12var 数组名 = [];var 数组名 = ['Hello World', '你好', '张三', '李四'];
数组字面量使用方括号 []
声明数组并赋值称为数组的初始化
2. 数组元素的类型数组中可以存放 任意类型 的数据,例如 字符串,数字,布尔值等。
1var arrStus = ['张三', 12, true, 3.14];
3. 获取数组元素1. ...
JavaScript 学习笔记(二)-JavaScript 流程控制-分支
1. 流程控制在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。
简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行
流程控制主要有三种结构,分别是顺序结构、分支结构、和循环结构,这三种结构代表三种代码执行的顺序。
1. 顺序流程控制顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行的。
2. 分支流程控制1. 分支结构由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果
JS 语言提供了两种分支结构语句
if 语句
switch 语句
2. if 语句
if 的语法结构:如果 if
12345678if (条件表达式) { // 执行语句}// 条件成立执行代码,否则什么也不做if (条件表达式) { // 条件成立执行的代码语句}
执行思路:如果 if 里面的条件表达式结果为真 true 则执行大括号里面的执行 ...
JavaScript 学习笔记(一)-初识JavaScript
1. 初识 JavaScriptJavaScript 历史
布兰登 · 艾奇(Brendan Eich, 1961 年~)。
1995 年利用 10 天完成 JavaScript 设计。
网景公司最初命名为 LiveScript,后来在与 Sun 合作之后将其改名为 JavaScript。
JavaScript 是什么
JavaScript 是世界上最流行的编程语言之一,是一种运行在客户端的脚本语言(Script 是脚本的意思)
脚本语言:不需要编译,运行过程中由 js 解释器(js 引擎)逐行来进行解释并执行
现在也可以基于 Node.js 技术进行服务器端编程
JavaScript 的作用
表单动态校验(密码强度检测) ( JS 产生最初的目的 )
网页特效
服务端开发(Node.js)
桌面程序(Electron)
App(Cordova)
控制硬件-物联网(Ruff)
游戏开发(cocos2d-js)
HTML/CSS/JS 的关系HTML/CSS 标记语言–描述类语言
HTML 决定网页结构和内容(决定看到什么),相当于人的身体
CSS 决定网页呈现给用户的模样(决定 ...
CSS学习笔记
1. 初识 CSS1.1 CSS 概述定义:层叠样式表(Cascading Style Sheets)
作用:美化标签
2. CSS 引入方式2.1 CSS 的三种样式表按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:
行内样式表(行内式)
内部样式表(嵌入式)
外部样式表(链接式)
2.2 内部样式表内部样式表(内嵌样式表)是写到html页面内部,是将所有的 CSS 代码抽取出来,单独放到一个<style>标签中。
123456<style> div { color: red; font-size: 12px; }</style>
<style>标签理论上可以放在 HTML 文档的任何地方,但一般会放在文档的标签中
通过此种方式,可以方便控制当前整个页面中的元素样式设置
代码结构清晰,但是并没有实现结构与样式完全分离
使用内部样式表设定 CSS 。通常也被称为嵌入式引入,这种方式是我们练习时常用的方式
2.3 行内样式表行内样式表(内联样式表)是 在元素标签内部 ...