Dojo新手入门_一套设计现代 web 应用程序的完整解决方案

Dojo新手入门

官方网址:https://dojo.io/

Dojo新手入门_一套设计现代 web 应用程序的完整解决方案

GitHub:https://github.com/dojo/framework

简介描述:一套设计现代 web 应用程序的完整解决方案

Dojo 提供了一套设计现代 web 应用程序的完整解决方案,项目需要时也可以逐步的模块化。Dojo 框架可以随着应用程序的复杂性而扩展,可构建的内容从简单的预渲染站点一直到企业级的单页面 web 应用,包括跨多种设备的、接近本地 app 体验的渐进式 web 应用程序。

Dojo 提供了各种各样的框架组件、工具以及构建管道,它们协助解决许多端到端 web 应用程序的开发问题。

管理复杂的应用程序

  • 开发称为 Widget 的简单且模块化的组件,这些组件可通过多种方式组装,以实现日益复杂的需求。
  • 使用响应式的状态管理和数据流来连接部件,当应用程序的状态更改时,Dojo 框架就可以高效地渲染更新。
  • 使用集中的、面向命令的数据存储来管理高级的应用程序状态。
  • 允许用户使用声明式路由在单页面应用程序(SPA)内导航,并支持跟踪历史记录。
  • 通过功能切换检测来禁用处于开发阶段的功能——甚至在构建时删除未使用的模块,缩减应用程序的交付大小。编写适合在浏览器或服务器上运行的程序。

创建高效的应用程序

  • 通过虚拟化 DOM(VDOM)声明部件结构,避免高昂的 DOM 操作和布局抖动。
  • 简化资源分层和绑定,缩减用户实际需要的应用程序交互时间(Time-to-Interactive)。当模块及其依赖跨多个绑定时,Dojo 框架能自动将 import 转换为延迟加载。

创建全面的应用程序

  • 开发支持主题的部件和应用程序,从而将页面外观和页面功能隔离,并通过一种极其简单的方式在整个应用程序中实现外观一致。
  • 使用一套支持国际化(i18n)、可访问性(a11y)以及现成主题的 UI 部件
  • 使用国际化(i18n)框架支持多套区域设置,包括通过 Unicode CLDR 实现高级的消息格式化。

创建可适配的应用程序

  • 开发渐进式 web 应用程序(PWA),支持与本地设备 APP 类似的功能,如离线使用、后台数据同步和推送通知。
  • 使用构建时渲染(BTR),提供可以与服务器端渲染(SSR)的应用程序媲美的预渲染功能,并且不需要托管到动态的 web 服务器上。创建完全不使用 JavaScript 的、真正的静态站点;或者借助 BTR 让应用程序实现更好的首次加载体验。
  • 利用先进的 web 技术,如 Web Animations、Intersection Observers 和 Resize Observers。Dojo 框架为用户在多种运行环境上使用最新功能提供了一致的应用程序体验。
  • 如果需要的话,需要定制的应用程序可以脱离 Dojo 的构建管道,转而使用自己的解决方案,并只使用框架提供的部分功能。

加快开发

  • 使用简单的命令行界面(CLI)启动新项目,并持续的构建和验证。支持行业最佳实践且类型安全和稳健的构建管道,能立即提升开发人员的工作效率。
  • 快速构建与 Dojo 自带的部件库具有相同功能的自定义部件,包括自定义主题。
海计划公众号
(0)
上一篇 2020/03/11 07:01
下一篇 2020/03/11 07:01

您可能感兴趣的内容

  • pinterest攻略教程_世界上最大的图片社交分享网站

    pinterest攻略教程 官方网址:https://www.pinterest.com/ 简介描述:世界上最大的图片社交分享网站 Pinterest是世界上最大的图片社交分享网站…

    2020/03/06
  • Shave入门攻略_一个零依赖、轻量级的 JavaScript 插件

    Shave入门攻略 官方网址:https://dollarshaveclub.github.io/shave/ GitHub:https://github.com/dollarsh…

    2020/03/06
  • jquery的ajax中的参数理解基础教程_jquery基础入门

    1. url发送请求的地址。为空表示当前页。 2. type请求方式,get或post或put或delete。默认为get。put和delte不是得到所有的浏览器支持。3. dataType预期服务器返回的数据类型。若没指定,则自动根据http包中的mime信息来判断。可用值为xml,html,script,json,jsonp,text。4. async默

    2020/04/03
  • Bootstrap Table插件自定义排序使用方法基础指南_插件入门攻略

    Bootstrap Table 插件含有样式的数据如何排序,如下面的字段stargazers_countvar data = [{“name”: “bootstrap-table”,”stargazers_count”: “526“,”stargazers_count1”: “526”,”forks_count”: “122”,”d

    2020/03/26
  • Vue中 render 函数应用小白基础_render基础教程

    前言因为最近接手维护一个基于 ivew 的项目, 新增模块中包含很多自定义功能, 所以大量使用到了 render 函数; 故对其做一下总结…关于 render 函数, 官方文档也做了比较详细的介绍: render 函数: https://cn.vuejs.org/v2/guide… ; 一般组件我们都是用 template模板的方式去写; 有时候会造

    2020/03/24
  • 组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)菜鸟教程网_组件指南攻略

    自定义组件自定义组件的v-model首先我们先说一下在自定义组件中使用v-model的必要条件在自定义的组件中要有input(这里我们先不讨论单选复选框)在自定义组件的模板对象中要有props属性,且里面要含有一个value在自定义组件的input标签上要绑定value属性值为props中传入的值,且还需要发出一个input事件这样讲可能会有点难理解,还是上

    2020/03/20
  • 10个VSCode高效开发插件菜鸟知识_插件基础知识教程

    10个VSCode高效开发插件菜鸟知识 本文介绍了目前前端开发最受欢迎的开发工具 VSCode 必装的 10 个开发插件,用于大大提高软件开发的效率。VSCode(Visual S…

    2020/03/20
  • React input表单双向数据绑定仿Vue v-model实现基础入门_双向绑定小白攻略

    用过Vue的同学都知道,Vue里 、