单页web应用javascript从前端到后端(第二、三部分)

本文详细介绍了单页应用的开发过程,包括利用锚组件进行路由、模型和数据模块的构建,以及使用Node.js和Express构建Web服务器。强调了Node.js的非阻塞、事件驱动特性,以及Express的中间件和静态文件服务功能。同时讨论了CRUD操作和RESTful API设计,以及测试工具curl的作用。
摘要由CSDN通过智能技术生成

第三章 开发Shell

单页应用使用锚来驱动应用状态(即路由)
URI的锚组件指示浏览器显示页面的哪个部分。锚的其他常见名字是书签组件或者哈希片段。锚总是以‘#’符号开头,如:http://localhost:3008/spa.html#!chat=open(之前是用于较长文章的章节跳转)
锚组件的一个独特功能是,在它改变的时候,浏览器不会重新加载页面。锚组件是只给客户端使用的组件,它是保存应用状态的理想地方。很多单页面应用都使用这个技巧。

第六章 完成model和data模块

单页面的数据绑定:使用的是订阅的实现机制
数据绑定是一种机制,确保当model数据发生变化时,界面会更改,以体现model数据的变化。并且反之,当用户更改了界面时,model数据会相应地更新
可以使用jquery的方法来实现数据绑定。当单页应用中的model数据发生变化时,发布jquery全局自定义的事件。jquery集合订阅了特定的自定义全局事件,当事件发生时,会调用函数更新它们的展示。当用户在屏幕上修改数据时,会触发事件处理程序,调用更新model的方法。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值