《单页Web应用:JavaScript从前端到后端》——1.4 小结

简介:

本节书摘来自异步社区《单页Web应用:JavaScript从前端到后端》一书中的第1章,第1.4节,作者:【美】Michael S. Mikowski , Josh C. Powell 译者: 包勇明 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.4 小结

单页应用已经出现了有一段时间。直到不久前,Flash和Java都是客户端平台上使用最为广泛的单页应用,因为它们的功能、速度和一致性,都超过了那些使用JavaScript和浏览器来渲染的应用。但是最近,JavaScript和浏览器渲染到达了一个引爆点,它们克服了最为麻烦的缺陷,比其他客户端平台具有显著的优势。

我们关注的是使用原生的JavaScript和浏览器渲染来创建单页应用,除非另有说明,当提及单页应用时,我们指的是原生的JavaScript单页应用。我们的单页应用所使用的工具包括jQuery、TaffyDB2、Node.js、Socket.IO和MongoDB。所有这些工具都是久经考验的流行解决方案。你可以选择采用这些技术的替代者,但是不管特定的技术决策是什么,单页应用的基本结构是不会变的。

我们开发的简单聊天滑块应用,演示了JavaScript单页应用的很多特征。对用户输入的即时响应,使用客户端存储的数据(而不是服务端的数据)进行决策判断。使用了JSLint来确保应用不包含常见的JavaScript错误。还有使用jQuery来选取DOM,为DOM添加动画效果,当用户点击滑块的时候会进行事件处理。我们研究了Chrome开发者工具来帮助我们理解应用是如何工作的。

单页应用可以做到一举两得,桌面应用的即时性,网站的可移植性和可访问性。在超过数十亿计的支持现代Web浏览器的设备上,都能见到JavaScript单页应用,并且不需要专有的插件。只要稍许多做点工作,它就可以支持运行很多种不同操作系统的台式机、平板电脑和智能手机。单页应用的更新和发布很简单,通常不需要用户进行任何操作。所有这些好处说明了为什么你可以把你的下个应用做成单页应用。

在下一章,我们将会探讨一些关键的但是经常会被忽略或者被误解的JavaScript概念,这对单页应用开发是需要的。然后在本章开发的示例基础上,改进和扩展这个单页应用。

相关文章
|
5月前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
6月前
|
并行计算 前端开发 JavaScript
Web Worker:让前端飞起来的隐形引擎
在现代 Web 开发中,前端性能优化是一个至关重要的课题,尤其是对于计算密集型的应用,如图像处理、视频处理、大规模数据分析等任务。单线程的 JavaScript 引擎常常成为性能瓶颈,导致应用变得迟缓。Web Worker,作为一种强大的技术,使得前端能够在后台进行并行计算,从而实现高效的任务处理,不影响主线程的运行和用户的交互体验。
578 108
|
5月前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
6月前
|
存储 监控 JavaScript
基于布隆过滤器的 Node.js 算法在局域网电脑桌面监控设备快速校验中的应用研究
本文探讨了布隆过滤器在局域网电脑桌面监控中的应用,分析其高效空间利用率、快速查询性能及动态扩容优势,并设计了基于MAC地址的校验模型,提供Node.js实现代码,适用于设备准入控制与重复数据过滤场景。
257 0
|
6月前
|
JavaScript 前端开发 Java
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
663 72
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
|
5月前
|
JavaScript 前端开发 开发者
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
9月前
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
5月前
|
运维 监控 JavaScript
基于 Node.js 图结构的局域网设备拓扑分析算法在局域网内监控软件中的应用研究
本文探讨图结构在局域网监控系统中的应用,通过Node.js实现设备拓扑建模、路径分析与故障定位,提升网络可视化、可追溯性与运维效率,结合模拟实验验证其高效性与准确性。
332 3
|
5月前
|
存储 前端开发 安全
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
实现“永久登录”:针对蜻蜓Q系统的用户体验优化方案(前端uni-app+后端Laravel详解)-优雅草卓伊凡
274 5
|
5月前
|
JavaScript 前端开发 物联网
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎