CSS3简介

• CSS3是最新的CSS标准

CSS3新特性

• 选择器(CSS已经总结)
• 盒模型(CSS已经总结)
• 背景
• 边框
• 文本效果
• 渐变
• 2D/3D 转换
• 过渡和动画
• 字体(与字体图标结合)
• 字体图标(CSS已经总结)
• 响应式(媒体查询已经总结)
• 多列布局(栅格系统已经总结)
• 用户界面
• flex布局(flex布局已经总结)

HTML5简介

• HTML5 是超文本标记语言的第五次重大修改，2014年制定完成的
• 设计目的是为了在移动设备上支持多媒体
• 增加了更多语义化的标签，赋予网页更好的意义和结构

HTML5新特性

• 语义特性:引入了更多语义化的标签
• 本地存储特性:基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度
• 设备兼容特性:外部设备可以直接与内部数据相连，比如视频影音可以直接和 microphones 和摄像头相连
• 连接特性:提高了连接效率，实现了在线视频聊天，优化了页游
• 网页多媒体特性:支持网页端的Audio、Video等多媒体功能,三维、图形及特效特性,基于SVG、Canvas、WebGL及CSS3的3D功能
• 性能与集成特性:HTML5会通过XMLHttpRequest2等技术，解决以前的跨域等问题
• CSS3 特性:CSS3 提供了更多酷炫了样式，比如阴影、动画、3D效果

设计模式的概念

• 设计模式是代码设计经验的总结，为了可重用代码，保证代码的可靠性等
• 设计模式主要分为三大类型:创建型模式，结构型模式和行为型模式

模块模式

• 用于模块封装，用立即执行的函数嵌套一下，定义了一些私有的变量和方法，只return出一些供外部使用的接口，外部只能访问这些接口，无法访问私有的变量和方法

npm

• NPM(node package manager)通常称为node包管理器
• 主要功能就是管理node包，包括：安装、卸载、更新、查看、搜索、发布

npm的安装

• 安装node后，npm会自动被安装

模块化的写法

• 一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块

原始写法

• 只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块
• 缺点很明显：污染了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间没什么关系

万维网

万维网（World Wide Web）出生的年份1990

Tim Berners-Lee 发明了用网址就能访问网页的办法，他发明了第一个网页、第一个浏览器和第一个服务

主要包含三个概念

天气预报

代码

tab切换

代码

面向对象

目的

• 改善可读性
• 提升重用性

原则(开放封闭原则)

• 对于扩展是开放的（Open for extension）。当应用的需求改变时，我们可以对模块进行扩展，使其具有满足那些改变的新行为
• 对于修改是关闭的（Closed for modification）。对模块行为进行扩展时，不必改动模块的源代码或者二进制代码

搭建Apache与PHP

• 安装xampp套件,包含Apache和PHP

>>xampp下载

xampp简单配置

• 配置完会在本地启动web服务器,通过浏览器访问打开本地webserver下的php文件