作为一款纯前端控件集, 秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持 外,现已全面应用于 、、typescript 、ionic 等主流框架中。
近日, 正式发布,提供基于vscode/在线web设计器,可动态设计web页面并生成代码,提供 sass 支持,大幅提升控件集的稳定性和速度。
本次主要更新内容有:
wijmojs设计器 – 无代码配置时代全面来临
目前为止,纯前端控件集已经十分易于前端开发使用,但仍需要编写代码。wijmojs 2018v2 宣布,这种方式将被彻底改变。wijmojs 现在拥有了用于创建和自定义前端控件的设计器,包含两个beta版本,一个是与visual studio code完美融合的设计器、另一个则是在线web设计器,提供实时预览和编辑页面属性的功能。
-
vscode设计器:用于自定义angular 框架下wijmojs 组件
-
web在线设计器,用于创建和自定义wijmojs 控件
vscode设计器
此设计器是vscode的扩展。安装后,它会在每个angular 框架下的wijmojs组件上方添加“wijmo designer ...”操作。单击操作按钮后,它将打开一个设计界面,用于自定义该特定组件。开发人员可以实时更改属性和绑定事件,并将所做更改保存回 angular应用程序中。
要在vscode中安装此扩展,请单击vs marketplace上designer设置中的“安装”按钮。或者,还可以在vscode的扩展管理器中搜索“wijmo”并从那里安装。
在安装后重新加载vscode。 然后打开一个使用wijmojs 控件的angular应用程序并尝试启动设计器。
web在线设计器
此设计器是用于创建和自定义wijmojs控件的web应用程序。 开发人员可以在任何浏览器中运行此设计器。它允许将控件添加到设计图面,然后根据自己的喜好自定义它们。配置完成后,可以将生成的代码复制到自己的应用程序中。
web-based wijmo designer
此设计器生成的代码是纯html和javascript,生成的代码包括初始化控件所需的引用,宿主元素和javascript脚本。
支持angular 6和typescript 2.7
wijmojs 已经全面支持angular 6.0.0版。目前所做的工作是将所有demo示例升级到angular v6,并将wijmojs 支持的typescript版本升级到v2.7。
新的react / redux加密货币跟踪应用程序
本次更新为使用react和redux的 wijmojs 控件集增加了加密货币跟踪应用程序,该应用程序是一个财务仪表板,可用于跟踪加密货币值,这些值是在用户开发的生产应用程序之后建模的。使用react / redux的现代设计模式和各种wijmojs 控件,可以帮助用户更好地评估和开发 wijmojs 应用程序。
wijmo crypto currency app
支持vue v2的集成增强功能
随着vue的不断发展,wijmojs也在不断改进,以适应其变化。wijmojs 在本次更新中为vue v2支持增加了很多不错的功能。比如,wijmojs 子组件现在可以在动态场景中正确工作,例如v-for和v-if指令。
child components in vue.js
此外,wijmojs 还添加了wjflexgriddetail组件和新的示例。
wijmojs 中的web components 应用
wijmojs 的 web组件互操作的测试版已经推出,它将wijmojs控件公开为web组件,更具体地说是自定义元素。wijmojs web组件允许用户以声明方式将wijmojs控件添加到html页面,并将其作为常用dom元素进行操作,而无需使用任何其他框架。 某些不完全支持web组件标准的浏览器可能需要一些额外的polyfill 支持。
wijmojs web组件实现当前状态的关键点:
-
wijmojs 控件的wijmojs“顶级”web组件(如表示flexgrid控件的wjc-flex-grid组件)继承自相应的控件类。例如,wjcflexgrid组件类扩展了flexgrid控件类。这也意味着当wijmojs 用于“web组件模式”时,基础wijmojs 控件类扩展了html 元素类。
-
与顶级组件互补的子组件,如定义flexgrid列的wjc-flex-grid-column组件,作为它们所代表的wijmojs 类的包装器。子组件直接从htmlelementclass继承,底层 wijmojs 类实例可通过组件的特殊控件属性访问。
-
可以使用组件元素上的属性定义 wijmojs 类属性。当属性值更改时,相应的 wijmojs 类属性会相应更新。目前,更改类属性值不需要更改相应的属性值。
-
javascript代码可以使用本机element.addeventlistener('event',handler)方法为wijmojs控件事件订阅处理程序。
-
wijmojs 组件现在不使用shadow dom。这将在互操作的未来版本中得到解决。目前最大的挑战是 wijmojs 允许通过css对其控件的部件进行深度定制,而shadow dom的目标是防止它。目前,wijmojs web组件及其部件可以使用全局css以与普通wijmojs控件相同的方式进行自定义。
web组件的最大好处是,可以在不同的框架中使用相同的组件,并从框架的附加功能(如属性,属性和事件绑定)中受益。
随着新版本上线,wijmojs 添加了web components in angular示例,演示了如何在angular应用程序中使用 wijmojs web组件。其他流行框架(如react,vue,polymer等)的示例正在开发中。
支持sass类型的样式
-
wijmojs 的控件样式(布局,默认样式)最初是用css编写的。但如今,已经完成了sass样式重写。这样,使用纯前端控件集wijmojs开发的web应用程序将更易使用,更加轻盈。
-
开发人员可以轻松使用 wijmojs 的sass文件来创建自己的主题风格。同时,还提供sass源文件,以便开发者使用和自定义。
-
开发人员可以选择要包含在应用程序中的sass模块。 例如,项目中有一个仅包含核心模块(非企业)的wijmojs-core文件,它可能仅是全部css文件的一小部分,您可以选择只加载这部分模块来真正优化css大小。
-
wijmojs 在web component interop中增加了对 shadow dom的支持。
es6和esmodule支持
本次更新,增加了es6版本的wijmojs模块(测试版),用户可以在wijmojs 安装包的npmimages文件夹中找到它:
-
wijmo-es2015-esm-min - esm模块格式(es6导入/导出语句)
-
wijmo-es2015-commonjs-min - 采用commonjs模块格式
以上就是wijmo 2018v2版本的全部内容,获取更详细的资料,请访问 wijmojs 欧洲杯足彩官网。
wijmojs – 深度支持angular、react和vue的纯前端控件集
快如闪电,触控优先。纯前端控件集 wijmojs,为您的企业应用提供更加灵活的操作体验,在全球率先支持 angularjs,并提供性能卓越、零依赖的 flexgrid 和金融图表等多个控件,为您提供易用、轻松的操作体验,全面满足企业web开发所需。
关于
赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能欧洲杯足彩官网的解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。