服务器端渲染 (SSR) 在服务器上生成静态页面来减少应用程序的加载时间。
SSR 仅用于 angular Universal 应用程序,但对于 DevExtreme 组件,Angular Universal 和普通 Angular 应用程序没有区别。
您可以通过两种方式获得 Angular Universal 应用程序:
ng generate universal my-app
注意:DevExtreme Angular组件在SSR模式下不支持在运行时切换主题,您只能使用一个主题。
服务器上的缓存请求
当服务器缓存请求时,DevExtreme组件将使用第一次加载页面时应用的数据呈现,这减少了对服务器的请求数。
要启用此功能:
1. 在 app.module.ts 文件中导入 DxServerTransferStateModule:
app.module.ts
import { DxServerTransferStateModule } from 'devextreme-angular';
@NgModule({
// ...
imports: [
// ...
DxServerTransferStateModule
]
})
export class AppModule { }
2. 在 app.server.module.ts 文件中导入 ServerTransferStateModule:
app.server.module.ts
import { ServerModule, ServerTransferStateModule } from '@angular/platform-server';
// ...
@NgModule({
imports: [
AppModule,
ServerModule,
ServerTransferStateModule,
ModuleMapLoaderModule
],
bootstrap: [AppComponent],
})
3. 检查 main.ts 文件是否包含以下代码,以确保 AppModule 在服务器端呈现的页面加载后被引导:
main.ts
document.addEventListener('domContentLoaded', () => {
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.log(err));
});
Tree shaking移除源代码和库代码的未使用部分,以减少应用程序的下载大小。
如果您仅导入在应用程序中使用的模块,则Tree shaking已经有效。例如,以下导入仅从 devextreme-angular 模块中获取 DxButtonModule:
TypeScript
import { DxButtonModule } from 'devextreme-angular';
如果在您的应用程序中未配置tree shaking,请从特定模块而不是主 devextreme-angular 模块导入导出以减少包大小:
TypeScript
import { DxButtonModule } from 'devextreme-angular/ui/button';
DevExtreme拥有高性能的html5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括react,Angular,ASP.NET Core,jquery,Knockout等)构建交互式的Web应用程序。从Angular和React,到ASP.NET Core或vue,DevExtreme包含全面的高性能和响应式UI小部件集合,可在传统Web和下一代移动应用程序中使用。 该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。
v-model 只能用于表单控件,如果用于其他元素。如何让组件的 v-model 生效呢?需要按照 Vue 的约定:接受一个 value 属性,在有新的 value 时触发 input 事件
使用Vue实现Tab功能。创建一个tab.vue文件,内容如下:其中change方法和tabs需要父组件中定义,tabs的格式如下:为确保正确渲染,id需要保证唯一性。
Flutter 中有很多 UI 控件,而文本、图片和按钮是 Flutter 中最基本的控件,构建视图基本上都要使用到这三个基本控件;文本是视图系统中的常见控件,用于显示一段特定样式的字符串
问题描述:当需改的时候如果父节点为选中状态子节点不是全选中这样会显示为子节点为全选中状态;在显示复选框的情况下,是否严格的遵循父子不互相关联的做法,默认为 false ;
共有两种实现比较简单的方式,第一种比较好理解,将一个控件的透明度设置成0,打到隐藏的目的。第二种办法是使用 SDK 自带的 Offstage 控件包裹。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!