todoGenius:2014 第 2 学期 HTML5 - Woojin Kim

【HTML5】 HTML5是超文本标记语言的最新版本，自2014年以来，它已经成为构建现代网页和应用程序的基础。HTML5引入了许多新特性，优化了网页内容的结构和交互性，使得开发者能够创建更为丰富和动态的用户体验。 1. **本地存储**：HTML5的本地存储功能允许网站在用户的浏览器上存储数据，如待办事项列表，而无需使用cookies。这提高了应用程序的性能，因为数据可以快速访问，减少了与服务器的通信需求。`localStorage`和`sessionStorage`是两个主要的API，它们分别提供永久性和会话级别的数据存储。 2. **地理定位**：HTML5的地理定位API允许网页应用获取用户的地理位置信息，如经度和纬度坐标。这为开发基于位置的服务提供了可能，例如，用户可以方便地找到附近的商店或接收定制的地理位置相关的推送通知。 3. **拖放**：HTML5的拖放功能使用户能直观地通过鼠标操作将元素从一处移动到另一处，增强了网页的交互性。开发者可以通过`dragstart`、`dragenter`、`dragleave`、`dragover`和`drop`等事件来实现拖放操作。 【Mean.js】 Mean.js是一个全面的JavaScript堆栈，结合了MongoDB数据库、Express.js后端框架、AngularJS前端框架和Node.js服务器环境。这个框架使得开发全栈Web应用变得简单，特别适合快速原型设计和开发。 1. **MongoDB**：NoSQL数据库，用于存储非结构化数据，如JSON格式的数据。在TodoGenius中，MongoDB可能是用来存储待办事项的数据库，提供灵活的数据模型和高可扩展性。 2. **Express.js**：轻量级的Node.js框架，用于构建RESTful API。在TodoGenius项目中，Express负责处理HTTP请求，提供路由和中间件功能，连接前端和后端。 3. **AngularJS**：由Google维护的前端MVC框架，用于构建动态单页应用（SPA）。AngularJS的双向数据绑定和依赖注入特性简化了前端开发，使得TodoGenius的待办事项列表可以实时更新。 4. **Node.js**：基于Chrome V8引擎的JavaScript运行环境，允许在服务器端执行JavaScript代码。Node.js的非阻塞I/O模型和事件驱动架构使其成为构建高性能网络应用的理想选择。 TodoGenius项目利用了HTML5的新特性，如本地存储、地理定位和拖放，以及Mean.js全栈框架，为用户提供了一个高效、交互式的待办事项管理应用。通过深入理解这些技术，开发者可以构建出更加先进的Web应用，提升用户体验。