Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
SPA的Javascript库_Javascript_Html_Single Page Application - Fatal编程技术网

SPA的Javascript库

SPA的Javascript库,javascript,html,single-page-application,Javascript,Html,Single Page Application,我正在考虑创建单页应用程序(SPA),并想知道是否有类似jQuery的东西可以扩展Javascript并使其以相同的方式在任何地方都能工作,用于OData支持的JayData和Javascript中的LINQ查询。。。。 一些专门用于水疗的东西,但我不知道。有什么建议吗?试试剑道UI。它是一个开源javascript库,具有MVVM框架和用于单页应用程序的路由系统。另外,它还集成了一个组件驱动的ui,有很多非常有用的组件 试试剑道UI。它是一个开源javascript库,具有MVVM框架和用于单

我正在考虑创建单页应用程序(SPA),并想知道是否有类似jQuery的东西可以扩展Javascript并使其以相同的方式在任何地方都能工作,用于OData支持的JayData和Javascript中的LINQ查询。。。。
一些专门用于水疗的东西,但我不知道。有什么建议吗?

试试剑道UI。它是一个开源javascript库,具有MVVM框架和用于单页应用程序的路由系统。另外,它还集成了一个组件驱动的ui,有很多非常有用的组件


试试剑道UI。它是一个开源javascript库,具有MVVM框架和用于单页应用程序的路由系统。另外,它还集成了一个组件驱动的ui,有很多非常有用的组件


我强烈建议您阅读《单页Web应用程序:JavaScript端到端》一书

当我第一次学习Javascript时, 我发现在没有任何现代框架的情况下实现SPA概念是一件非常困难的事情。 但在购买并彻底学习了这本书之后,我只需使用三个主要的库(包括:TaffyDB、gevent、uriAnchor,当然是jQuery)就可以在我的第一份工作中完成我的前三个基于jQuery的SPA

这本书的作者主要指导您如何以基于特性的方式模块化每一个javascript代码。 这种基于功能的概念对我们的水疗团队非常有帮助, 因为在粘贴过程中,我们的团队花了很多时间讨论如何避免在同一页面中冲突我们的变量, 但在模块化时,我们只需使用jqeuryMap.find(“类选择器”)来缩小模块的范围,如果不需要,则使用gevent将必要的对象传递给同一页面中的其他模块

所以,如果您想在团队中使用轻量级且易于学习的jquery库,请参阅本书~


我强烈建议您阅读《单页Web应用程序:JavaScript端到端》一书

当我第一次学习Javascript时, 我发现在没有任何现代框架的情况下实现SPA概念是一件非常困难的事情。 但在购买并彻底学习了这本书之后,我只需使用三个主要的库(包括:TaffyDB、gevent、uriAnchor,当然是jQuery)就可以在我的第一份工作中完成我的前三个基于jQuery的SPA

这本书的作者主要指导您如何以基于特性的方式模块化每一个javascript代码。 这种基于功能的概念对我们的水疗团队非常有帮助, 因为在粘贴过程中,我们的团队花了很多时间讨论如何避免在同一页面中冲突我们的变量, 但在模块化时,我们只需使用jqeuryMap.find(“类选择器”)来缩小模块的范围,如果不需要,则使用gevent将必要的对象传递给同一页面中的其他模块

所以,如果您想在团队中使用轻量级且易于学习的jquery库,请参阅本书~


对传统Web服务器的剖析

服务器端:

  • /->将路由映射到控制器
  • 控制器->组合模型+视图以生成响应
  • 查看->处理动态模板
  • 模型->定义用于获取数据的数据结构和方法
客户端:

  • 浏览器发出请求
获取请求示例:

浏览器请求资源服务器将请求路由到控制器控制器控制器从模型获取数据控制器使用视图生成html控制器向浏览器发送响应浏览器重新加载并呈现DOM

单页应用程序剖析

服务器端:

  • /->将请求重定向回浏览器作为/#/*
  • /api/控制器+模型-路由api请求并从模型生成响应
客户端:

  • /#/->将路由映射到控制器
  • 控制器->组合模型+视图并更新DOM
  • 查看->处理动态模板
  • 模型->通过AJAX从API获取数据
获取请求示例:

浏览器中的用户请求资源->客户端将请求路由到控制器->控制器从模型中获取数据->控制器使用视图生成html->控制器更新DOM


SPA有几个关键区别:

  • 大部分处理都被卸载到客户端
  • 浏览器仅加载一个页面(即index.html)
  • 散列片段
    /#/*(又名hashbang)URL阻止页面刷新
  • 在用户离开页面之前,应用程序一直处于加载状态
  • 通过AJAX动态获取其他资源
注意:从技术上讲,SPA路由器是不必要的,但它使页面之间的导航更加容易

好的:

  • SPA减少了服务器端的负载,允许更大的可伸缩性
  • 消除刷新有助于获得更好的用户体验
  • 前端开发人员可以在浏览器中构建整个ui
  • 后端团队不必处理ui/模板化
  • 通过将数据解耦为独立的API,数据可以在多个平台上使用(例如移动应用程序)
坏的:

  • 增加浏览器/DOM上的负载
  • 某些搜索引擎+可能存在索引问题
  • 禁用Javascript时不在浏览器中工作
+Webcrawlers最近得到了改进,以支持Javascript,从而可以索引SPA。在过去,您必须生成页面的静态副本,并从服务器端将其提供给爬虫程序


现在,回答您的问题:

用于扩展Javascript和mak的jQuery