CS架构&BS架构
CS即Client/Server(客户机/服务器)结构,C/S结构在技术上很成熟,它的主要特点是交互性强、具有安全的存取模式、网络通信量低、响应速度快、利于处理大量数据。但是该结构的程序是针对性开发,变更不够灵活,维护和管理的难度较大。通常只局限于小型局域网,不利于扩展。
BS即Browser/Server(浏览器/服务器)结构,就是只安装维护一个服务器(Server),而客户端采用浏览器(Browse)运行软件。B/S结构应用程序相对于传统的C/S结构应用程序是一个非常大的进步。 B/S结构的主要特点是分布性强、维护方便、开发简单且共享性强、总体拥有成本低。但数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低,这些缺点是有目共睹的,难以实现传统模式下的特殊功能要求。例如通过浏览器进行大量的数据输入或进行报表的应答、专用性打印输出都比较困难和不便。
Web前端技术体系
- HTML:是一门标记型语言,用于实现网页的结构
- CSS:是一门描述型语言,用于对网页结构进行美化装饰
- JavaScript:是一门脚本语言,用于事项网页的动态效果(特效,表单验证等)
- JQuery/zepto:JS库,内部包含很多工具函数
- Bootstrap:UI框架
- Vue/AngularJS/ReactJS:JS框架(MVVM)
- Webpack:项目打包
- 移动端/微信小程序:移动端技术
- nodeJS:JS运行环境(服务端技术)
开发工具选择
文本编辑器
- 记事本
- Editplus
- Notepad++
- UEditor
- SublimeText
- VSCode
- Vim
- Atom
集成开发环境
- Dreamweaver
- Hbuilder/HbuilderX
- Webstrom
- Aptane
HTML概述
HTML (Hypertext Markup Language)超文本标记语言,构成网页文档的主要语言同时也是网络上应用最广泛的标记型语言
HTML结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body bgcolor="blue">
<!-- 结构(HTML)和样式(CSS)分离 -->
hello
</body>
</html>
HTML是由一系列标签,属性以及文本构成,用于在浏览器中显示一个网页的结构,HTML是浏览器的母语。
基本语法
一个HTML元素(Element),一般由开始标签(tag)和结束标签(tag)构成,并且标签之间可能包含其他的子标签,以及文本内容;另外开始标签中也可能包含一些属性。