Web前端开发指导性概述

@Web前端开发指导性概述

网站/网页 功能概述¹

网站工程前端开发，就是创建整套的相关联的网页群组，反应业务运行逻辑，展示给特定用户群体使用；是用户与业务之间沟通的媒介，能够大幅度提升解决问题的效率，提升人的生活品质。

• 向前，与用户进行操作互动和数据交换。
• 向后，，与后台程序进行数据传输和交互。
• 自身，网页群组相互关联，实现业务逻辑运行。
• 从用户角度看
  • 网站/网页 应该有良好的外观，符合一定规范的布局，积极的操作体验，易于理解的操作方式，及时的操作相响应。
• 从业务角度看
  • 网站/网页 应该正确的反应业务流程和相关逻辑，准确的处理业务节点；能够适应业务链条的调整与修改，有能力一定程度上兼容新增业务内容(二次开发)。
• 从与后台数据交互角度看
  • 网站/网页 应该精确定义数据接口模型，数据输出模式与规范；恰当处理接收数据，自身具备基本的数据整理能力(基本的排序，筛选等功能，非关键件数据的持久化等)，关注数据处理效率和数据安全问题。
• 从载体角度看
  • 网站/网页 应该能够适应主流版本的浏览器，主流型号的PC设备，主流型号的移动端机型，以及特殊业务需求所针对的特种操作设备和相应的用户群体。
• 从开发维护角度看
  • 网站/网页 编码要符合代码规范，格式化情况良好；注释恰当，逻辑结构合理，容易阅读和理解；模块化处理，注重代码的重构。
• 综上所述，网站/网页 拥有设计外观，反应业务逻辑，能够人机交互，具备逻辑数据传输功能，承载业务运行。
• 目前网站的前端开发，主要依赖三种编程语言——html，CSS，JavaScript。网页的所有表现和行为都是这三者综合作用的结果。(这里暂时不提及其他语言)

HTML，CSS，JavaScript 概述

• html 骨架 定义页面内容，反应页面基本布局样式
• CSS 外衣 表达页面设计布局样式，提升用户体验
• JavaScript 大脑 驱动页面行为，触发业务逻辑事件

HTML (Hyper Text Markup Language)概述

• 待补充…

CSS （Cascading Style Sheets）概述

• 控制元素 / 便签 静态样式
• 设计布局 / 非文档流布局
• 体验级别互动特效

JavaScript 概述

• 改变文档基本结构和内容
• 控制CSS表现形式
• 事件级别操作交互
• 内部数据处理
• 网络请求与响应

---

1. 学习笔记，初学者的一点体会… ↩︎