纯前端控件集 wijmojs 2018v2发布,在react、vue和angular中更易用 -凯发k8国际

作为一款纯前端控件集, 秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持 外,现已全面应用于 、、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 凯发k8国际娱乐官网入口官网。

wijmojs – 深度支持angular、react和vue的纯前端控件集

快如闪电,触控优先。纯前端控件集 wijmojs,为您的企业应用提供更加灵活的操作体验,在全球率先支持 angularjs,并提供性能卓越、零依赖的 flexgrid 和金融图表等多个控件,为您提供易用、轻松的操作体验,全面满足企业web开发所需。

关于

赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能凯发k8国际娱乐官网入口的解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。

0
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • wijmojs 前端开发工具包由多款高效、灵活的纯前端控件组成,全面支持 angular、react、vue、typescript、knockout 和 ionic 框架,用于快速搭建企业级桌面/移动 web 应用程序。wijmojs 可灵活应对客户需求变化,缩短...

  • 作为一款纯前端控件集,wijmojs 秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持 angularjs外,现已全面应用于 react、...

  • 作为一款纯前端控件集,wijmojs秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持angularjs外,现已全面应用于react、vuejs、...

  • 作为一款纯前端控件集,wijmojs 秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持 angularjs外,现已全面应用于 react、...

  • 前端开发工具包wijmojs在2019年的第一个主要版本2019v1已经发布,本次发布包括了更加易用的在线demo系统、各控件新增功能、npm 包的改动,以及全新的浏览器api组件。 wijmojs 前端开发工具包由多款灵活高效、零...

  • vue,狂神,狂神和飞哥

  • vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、pc端(web端)、数据可视化组件库(数据大屏) 、动画组件库、文本编辑器,富文本markdown,3d组件库】

  • 前言:本文章是本人在学习vue时整理的知识点,初步入门,现在发布在csdn如果有想学习vue的可以按着步骤来学习,提前告知学习当中vue需要很多的环境和配置需要安装,请耐心学习。 使用软件:刚开始使用的是intellij ...

  • 下载wijmojs 2019 v1 wijmojs是为企业应用程序开发而推出的一系列包含html5和javascript的开发控件。其中包含了金融图表、flexsheet、先进的javascript控件(wijmo 5)和经典的jquery小...前端开发工具包 wijmojs...

  • html(5)、css(3)、javascript(es5、...dom渲染页面):前后端分离的雏形angular框架的出现(1个js框架):出现了“前端工程化”的概念(前端也是1个工程、1个项目)react、vue框架:当下最火的2个前端框架(vue:国人

  • react/angular/vue 库和框架的区别: 库(如jquery) 库是工具. 提供大量api,体现了封装的思想、需要自己调用这些api 框架 框架提供了一套完整凯发k8国际娱乐官网入口的解决方案, 使用者要按照框架所规定的某种规范进行开发 1.2 为什么...

  • 前端vue常见的面试题 掌握以下的vue面试题 面试如虎添翼 请耐心看完 1 . mvc、mvp与mvvm模式 mvc: mvc是应用最广泛的软件架构之一,一般mvc分为: model( 模型 )、controller( 控制器 )、view( 视图 )。 这...

  • ​ 前端开发工具包wijmojs在2019年的第一个主要版本2019v1已经发布,本次发布包括了更加易用的在线demo系统、各控件新增功能、npm 包的改动,以及全新的浏览器api组件。 wijmojs 前端开发工具包由多款灵活高效、零...

  • 文章目录vue@[toc]1、前端核心分析2、前端知识体系2.1 html(结构层)2.2 css(表现层)2.3javascript(行为层)**typescript 微软的标准**javascrip框架ui框架javascript构建工具2.4三端统一混合开发(hybrid app)...

  • 4、jquery、javascript、vue的区别5、vue框架构造三、vue的使用1、vue环境搭建2、插值表达式3、指令(directives)1、什么是指令2、指令api1、v-cloak 解决插值闪动2、v-text 填充纯文本3、v-html :填充html片段4、...

  • ********前端热门javascript框架的分析**** 一、 vue介绍 1.凯发k8国际娱乐官网入口官网:https://cn.vuejs.org/ 2.什么是vue.js vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,vue 采用自底向上增量开发的设计。vue ...

  • vue基于是es6的,所以在使用vue之前我们需要先了解一下es6的语法。 1.什么是ecmascript ecmascript是浏览器脚本语言的规范,可以狭义理解是javascript的规范。为什么会出现这个规范呢? 1.1.js发展史 1995年,网景...

  • 管理系统是一种通过计算机技术实现的用于组织、监控和控制各种活动的软件系统。这些系统通常被设计用来提高效率、减少错误、加强安全性,同时提供数据和信息支持。以下是一些常见类型的管理系统: 学校管理系统: 用于学校或教育机构的学生信息、教职员工信息、课程管理、成绩记录、考勤管理等。学校管理系统帮助提高学校的组织效率和信息管理水平。 人力资源管理系统(hrm): 用于处理组织内的人事信息,包括员工招聘、培训记录、薪资管理、绩效评估等。hrm系统有助于企业更有效地管理人力资源,提高员工的工作效率和满意度。 库存管理系统: 用于追踪和管理商品或原材料的库存。这种系统可以帮助企业避免库存过剩或不足的问题,提高供应链的效率。 客户关系管理系统(crm): 用于管理与客户之间的关系,包括客户信息、沟通记录、销售机会跟踪等。crm系统有助于企业更好地理解客户需求,提高客户满意度和保留率。 医院管理系统: 用于管理医院或医疗机构的患者信息、医生排班、药品库存等。这种系统可以提高医疗服务的质量和效率。 财务管理系统: 用于记录和管理组织的财务信息,包括会计凭证、财务报表、预算管理等。财务管理系统

  • gb2312字符集 作用:国家简体中文字符集,兼容ascii。 位数:使用2个字节表示,能表示7445个符号,包括6763个汉字,几乎覆盖所有高频率汉字。 范围:高字节从a1到f7, 低字节从a1到fe。将高字节和低字节分别加上0xa0即可得到编码。 gbk字符集 作用:它是gb2312的扩展,加入对繁体字的支持,兼容gb2312。 位数:使用2个字节表示,可表示21886个字符。 范围:高字节从81到fe,低字节从40到fe。 gb18030字符集 作用:它解决了中文、日文、朝鲜语等的编码,兼容gbk。 位数:它采用变字节表示(1 ascii,2,4字节)。可表示27484个文字。 范围:1字节从00到7f; 2字节高字节从81到fe,低字节从40到7e和80到fe;4字节第一三字节从81到fe,第二四字节从30到39。

global site tag (gtag.js) - google analytics
网站地图