JavaWeb学习（个人用）（11.04更新）-CSDN博客

1.Web开发的流程

(1) 前端后端混合开发

(2) 前端后端分离开发（主流）

2.前端（Javaweb）

HTML：负责网页的结构（页面元素和内容）

CSS：负责网页的表现（页面元素的外观。位置等页面样式，如：颜色，大小等）

JavaScript：负责网页的行为（交互效果）

HTML，CSS的手册：

HTML 教程https://www.w3school.com.cn/html/index.asp

2.1 HTML

HTML 教程https://www.w3school.com.cn/html/index.asp


	<html>
	        <head>
	                <title>Hello HTML</title>
	        </head>
	        <body>
	                <h1>hello</h1>
	                <img src= "IMG_20190302_132908.jpg"/>
	        </body>
	</html>

2.2 CSS

样式

HTML 教程https://www.w3school.com.cn/html/index.asp

颜色

选择器

优先级：id>类>元素

超链接

正文排版

页面布局

表格标签

表单标签

3.前端（Javascript）

JavaScript 是一门跨平台。面向对象的脚本语言。是用来控制网页行为的，它使网页可交互

3.1引入方式

script标签可以出现多次，可以出现在任意位置

3.2基础语法

1.区分大小写

2.每行结尾的分号可有可无

输出语句

变量

变量可以被重复定义

变量作用域比较大，是全局变量

3.3 函数

函数

JS中，函数调用可以传递任意个数的参数（多余的参数的能传递但不被使用）

3.4 对象

3.4.1Array数组

JavaScript当中的数组相当于Java里的集合，数组的长度是可变的，而Javascript是弱类型，所以可以储存任意类型的数据。

    // forEach:遍历有值的元素

    arr.forEach(function(e){

        console.log(e);

    })

    // ES6箭头函数:(...)->{...} -- 简化函数定义

    arr.forEach((e) => {

        console.log(e);

    })

    //push: 添加元素到数组的尾部

    arr.push(7,8,9);

    console.log(arr);

    //splice:删除元素

    arr.splice(2,2);

    console.log(arr);