《HTML5和JavaScript Web应用开发》——1.2 在客户端放置更多代码

简介: 不可否认,传统的服务器端模板正逐渐被JavaScript模板所取代。随着许多新JavaScript框架的出现,我们似乎也有些反应过度,但这就是技术发展过程中所出现的现象:由于浏览器变得更加容易移动,并且通过JavaScript API得到更多硬件访问能力,因此驱动UI的技术也在变化。

本节书摘来自异步社区《HTML5和JavaScript Web应用开发》一书中的第1章,第1.2节,作者:【美】Wesley Hales著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.2 在客户端放置更多代码

不可否认,传统的服务器端模板正逐渐被JavaScript模板所取代。随着许多新JavaScript框架的出现,我们似乎也有些反应过度,但这就是技术发展过程中所出现的现象:由于浏览器变得更加容易移动,并且通过JavaScript API得到更多硬件访问能力,因此驱动UI的技术也在变化。从某种程度来说,客户端和服务器端方法中用户界面的构件是相通的,它们都需要显示和收集数据。我们仍然需要在代码中添加框架专有的标记或者属性,以便知道数据在哪里显示,但是不再需要依赖服务器。现在,我们从间歇性的REST风格和WebSocket连接得到对象和数据,这些连接通过客户端的JavaScript框架自动与UI绑定。我们的应用程序现在能够偶然同步数据,并且拥有离线工作的能力。

为了加强这种能力,处理应用程序的不同状态,我们必须考虑使用新的客户端代码管理方法。jQuery和Prototype之类的JavaScript程序库不能定义前端开发模式,我们应该认真考虑使用跨浏览器DOM来操纵程序库,但是可伸缩客户端架构比以前更复杂了。利用Erich Gamma等人的经典著作《Design Patterns:Elements of Reusable Object-Oriented Software》(_Addison-
Wesley Professional,1995)中收集的成熟技术组织代码和应用程序结构只是一个开始。现在,超过40个MVC JavaScript框架自认为是MVC框架,但是它们应该叫做MV*。它们都使用了不同的技术管理模式、视图和控制器,许多框架与原始的Smalltalk MVC概念已经有了很大的不同。尽管JavaScript框架为我们提供了很好的代码组织和构造手段,我们仍然必须自己处理输出硬件级访问的浏览器API,例如Geolocation或者Web Workers。重量级的HTML5驱动用户界面架构仍然处于探索期,但是你很幸运,因为本书能够帮助你看清前方的道路。

相关文章
|
10月前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
10月前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
精美按钮式广告代码HTML分享
精美按钮式广告代码HTML分享
380 4
|
10月前
|
JavaScript 前端开发 开发者
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
10月前
|
JavaScript 前端开发 物联网
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
10月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
376 1
|
XML 安全 前端开发
一行代码搞定禁用 web 开发者工具
在如今的互联网时代,网页源码的保护显得尤为重要,特别是前端代码,几乎就是明文展示,很容易造成源码泄露,黑客和恶意用户往往会利用浏览器的开发者工具来窃取网站的敏感信息。为了有效防止用户打开浏览器的 Web 开发者工具面板,今天推荐一个不错的 npm 库,可以帮助开发者更好地保护自己的网站源码,本文将介绍该库的功能和使用方法。 功能介绍 npm 库名称:disable-devtool,github 路径:/theajack/disable-devtool。从 f12 按钮,右键单击和浏览器菜单都可以禁用 Web 开发工具。 🚀 一行代码搞定禁用 web 开发者工具 该库有以下特性: • 支持可配
1521 22
|
JSON JavaScript 前端开发
JavaScript入门干货:蓝桥杯Web组分章学习笔记(基于蓝桥云课《JavaScript基础入门》)
这是一份详尽的JavaScript学习笔记,涵盖基础到进阶内容。包括变量、运算符、数组、字符串操作,DOM/BOM事件处理,内置对象(如Array、Date、Math)用法,JSON格式解析,以及函数作用域与闭包等核心概念。同时深入探讨值类型和引用类型的差异、异常处理机制,并介绍函数高级特性如call/apply/bind方法、递归及arguments对象。代码按章节分点整理,注释细致,适合初学者系统掌握JavaScript编程知识。
236 2

热门文章

最新文章