《WEB开发技术》课件演示文稿.pptVIP

***************Vue响应式原理1数据劫持Vue使用Object.defineProperty()劫持对象属性的getter和setter，在数据变化时，触发视图更新。2依赖追踪Vue会在getter中收集依赖，当数据发生变化时，会通知所有依赖该数据的组件重新渲染。3虚拟DOMVue使用虚拟DOM来比较前后两个状态的差异，只更新发生变化的部分，提升性能。Vue组件通信Props父组件向子组件传递数据，使用`props`属性。子组件可以通过`ps`访问数据。Events子组件向父组件传递数据，使用`$emit`事件。父组件监听事件并接收数据。Provide/Inject祖先组件向后代组件提供数据，使用`provide`和`inject`。可以跨越多个层级传递数据。EventBus创建全局事件总线，用于不同组件之间的通信，不依赖于组件层级关系。Node.js基础JavaScript运行环境Node.js是一个基于ChromeV8JavaScript引擎构建的JavaScript运行时环境，允许开发人员在服务器端使用JavaScript。非阻塞I/O模型Node.js采用事件驱动、非阻塞I/O模型，使其能够高效地处理并发连接，适用于构建高性能网络应用程序。模块化结构Node.js拥有丰富的模块生态系统，通过npm（NodePackageManager）可以轻松地安装和管理各种功能模块。Node模块和包管理npm(NodePackageManager)npm是Node.js的默认包管理器，它允许你轻松地安装、更新和管理Node.js模块。npm包含一个庞大的公共模块库，提供各种各样的功能，例如网络请求、数据库操作、日志记录等等。YarnYarn是另一个流行的Node.js包管理器，它以速度和可靠性著称。Yarn提供更快的依赖项安装速度，并确保你的项目在不同环境下的一致性。pnpmpnpm是一个新兴的包管理器，它优化了磁盘空间使用和依赖项安装速度。pnpm使用硬链接来避免重复安装相同的模块，从而提高性能和减少磁盘占用。Node.js异步IO和事件循环1异步IONode.js利用非阻塞式IO，提高性能，不会阻塞主线程等待操作完成。2事件循环事件循环负责管理事件队列和回调函数执行。3异步回调异步操作完成后，通过回调函数处理结果。Node.js的核心优势之一是其异步IO模型和事件循环机制。这使得它能够高效地处理大量的并发连接，并提供高性能的网络应用程序。异步IO意味着Node.js不会阻塞主线程等待IO操作完成，而是立即继续执行其他任务。当IO操作完成时，会触发一个事件，并将回调函数添加到事件队列中。事件循环不断地检查事件队列，当有新的事件到来时，就会执行相应的回调函数。Expressweb框架概述Express.js是一个基于Node.js的流行web框架，它提供了一系列功能，可以帮助开发者快速构建web应用程序。它通过提供路由、中间件、模板引擎等功能来简化开发流程。优点轻量级和灵活，易于学习和使用强大的路由系统，可以轻松定义URL路径和处理请求丰富的中间件生态系统，可以扩展框架功能支持多种模板引擎，可以根据需求选择合适的模板应用场景Express广泛应用于各种web应用程序的开发，例如：RESTfulAPI单页应用程序(SPA)动态网站移动应用后端MongoDB数据库基础1NoSQL数据库MongoDB是一种非关系型数据库，也称为NoSQL数据库。与传统的SQL数据库不同，MongoDB使用文档模型来存储数据，而不是表和行。2文档模型MongoDB文档类似于JSON对象，包含键值对。每个文档都是独立的，可以包含不同的字段和数据类型。这使得MongoDB非常灵活，适合存储各种类型的结构化和非结构化数据。3高性能MongoDB的文档模型和索引机制使其能够高效地处理大量数据。它使用分布式架构，可以轻松扩展以满足不断增长的数据需求。4灵活性和可扩展性MongoDB的文档模型和架构使其非常灵活，可以轻松适应不断变化的数据需求。它支持各种数据类型，并允许使用嵌套文档和数组来存储复杂的数据关系。MongooseODM工具对象文档映射Mongoose是一个对象文档映射器（ODM）库，它提供了一种将JavaScript对象与MongoDB文档进行映射的方式，简化了数据库操作。数据验证Mongoose允许您定义数据验证规则