热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

iView宣布3.0版本,以及开发者社区等5款新产品

7月28日,我们成功地召开了iView3.0暨神奇新品宣布会,这多是前端开源圈第一次举办线下+线上的宣布会。现场济济一堂,线上直播也有凌驾2万人寓目。同时这一天也是iView两周岁

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

7 月 28 日,我们成功地召开了 iView 3.0 暨神奇新品宣布会,这多是前端开源圈第一次举办线下+线上的宣布会。现场济济一堂,线上直播也有凌驾 2 万人寓目。同时这一天也是 iView 两周岁华诞,宣布会完毕后,我们举办了华诞会。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

iView 3.0:更轻量的设想,更壮大的组件和功用
  • 3.0 文档地点
  • GitHub 地点
  • 3.0 更新日记

我们设想了全新的 iView Logo,保持了本来 iv 的外型,并让色彩更平面:

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

3.x 的版本代号依旧相沿 iOS 优异自力游戏的称号,3.0 的版本代号为两周前刚宣布的 RPG 游戏 Battleheart

全民彩蛋设计

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

为庆贺 iView 两周岁华诞,以及 3.0 版本的宣布,我们在 iView 文档 中安排了三枚彩蛋,它们埋藏在差别的页面里,多是一段隐蔽的代码,或是一段须要破解的暗码等等,总之,智慧的你一定会找到并破译它们。固然,找到三枚彩蛋,你并不能继续 iView 作者的遗产!彩蛋能够兑换大批的 IO 币,详见下文开辟者社区。

设想

许多用户挑选 iView,很大的原因是承认 iView 的设想,所以在 iView 3.0 里,我们对 UI 举行了进一步的优化。

iView 的 icon 采纳开源项目 ionicons 供应的图标,此次也是将 ionicons 图标库从 2.0 晋级至 3.0。
3.0 的图标库在定名上越发的范例,只分为 ios ,md, logo 三种,图标也比之前雄厚和悦目。
3.0 还新增了属性 custom,能够自定义图标。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

团体的设想作风趋向于简约、轻量,去掉了冗余的设想,部份色彩做了调解,看起来越发能干,比方:

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》
《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

新组件

iView 的组件是环球同类产物里数目最多,功用最雄厚的,3.0 更是增添了 5 个全新的组件。

  • 相对时候组件 Time
  • 锚点组件 Anchor
  • 面板支解组件 Split
  • 支解线组件 Divider
  • 单元格组件 Cell

相对时候组件 Time 用于示意几分钟前、几小时前等相关于此时此刻的时候形貌。比拟一个牢固的日期时候,它更能体现出近来的状况。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

锚点组件 Anchor 能够疾速跳转到页面指定的位置,常经常使用于导航文章或文档中的目次构造,跟着页面的转动,它能够自动定位当前阅读地区所对应的题目,点击对应的题目,页面也会跳转到对应的位置。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

面板支解组件 Split 可将一片地区,支解为能够拖拽调解宽度或高度的两部份地区,并支撑嵌套运用。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

支解线组件 Divider,经常使用于对差别章节的文本段落举行支解,或许对行内笔墨/链接举行支解,比方表格的操纵列。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

单元格组件 Cell 在手机上比较罕见,在 PC 上则经常使用于牢固的侧边菜单项。Cell 能够是一个简朴的菜单项,也能够跳转到别的页面,或许跟 徽标 Badge 或 开关 Switch 等组件一同运用。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

新特征

iView 3.0 有凌驾 40 项新特征及功用的优化。

起首是全局设置,运用 iView 3 时,能够举行全局设置组件的一些属性。现在只支撑设置 transfersize 两个属性。组件会优先运用 prop 设置的属性,假如未设置,再运用全局设置。

  • transfer:一切带浮层的组件,是不是将浮层安排在 body 内,默以为不设置,详见各组件默许的 transfer 值。可选值为 true 或 false。
  • size:一切带有 size 属性的组件的尺寸,默以为不设置,详见各组件默许的 size 值。可选值为 default、small 或 large。

用法以下:

Vue.use(iView, {
transfer: true,
size: 'large'
});

Button 是 iView 最基础,也是最经常使用的组件。看似再简朴不过的一个组件,实在内里有许多学问。
iView 3 烧毁了 type="ghost",而是新增了布尔选项 ghost,定义按钮为幽魂按钮,幽魂按钮的背景是通明的,经常使用于有色背景上面。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

还新增了 3 个用于跳转的 props:toreplacetarget

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

增添 to 属性后,按钮会以 标签的情势衬着,点击可直接跳转,也支撑传入一个 vue-router 对象,iView 会做智能推断。假如运用了 vue-router,会之前端路由的情势跳转,不然会用传统的体式格局跳转。
replace 属性开启后,跳转不会保留历史记录。
target 的行动和 a 标签相似,比方设置在新窗口翻开。

支撑 跳转 的组件,除了 按钮组件 Button,另有面包屑组件 Breadcrumb、菜单组件 Menu、以及单元格组件 Cell,这些组件都具有 to、replace 和 target 三个属性,体验也完全一致。后续还会支撑到更多组件,比方 Dropdown。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

以 Menu 为例,运用 to 来跳转,要比之前经由过程自定义事宜 @on-select 猎取 name 再用 vue-router 的编程式导航跳转轻易的太多,而且会衬着为带有链接属性的 a 标签,在 SEO 上也更友爱。

一切支撑跳转的组件,都支撑了键盘按键(Mac 为 command,Windows 为 ctrl)加鼠标左键在新窗口翻开的特征(不管是不是设置 target=”_blank”,这类组合行动都邑在新窗口翻开,与阅读器原生体验完全一致)。

对话框组件 Modal 新增了三个属性:

开启全屏属性 fullscreen 后,会铺满全部屏幕,而且只要内容地区可转动。
开启拖拽属性 draggable 后,会默许隐蔽遮罩层,此时拖动 Modal 的题目栏就能够移动了,能够支撑同时开启多个 Modal 举行拖拽。

表格组件 Table 新增了两个属性

当设置列有 type="index" 时,能够运用 indexMethod 举行自定义序号了。
给某一列设置属性 tooltip="true" 时,当该列内容太长,一行没法显现时,鼠标经由会以 Tooltip 的情势显现完全内容。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

其他的更新内容能够到 3.0 更新日记检察

开辟者社区 iView Developer

这是宣布会最劲爆的一款产物了。过去的两个多月里,我们一向在投入社区的开辟中,目标就是完全处置惩罚开辟者的题目,更好地效劳开辟者。

社区地点:https://dev.iviewui.com/

一对一发问

碰到编程题目,怎样才能有用处置惩罚呢?

  • QQ / 微信群
  • SegmentFault / Stackoverflow 等手艺社区
  • 问同事

每个人都希冀到场大群,但都在小群活泼。QQ / 微信群是顺序员很活泼的处所,iView 也组建过官方的 QQ 群,累计有 5000 人摆布,天天都沉淀了大批的议论,虽然我不会逐一过目,但偶然也会疾速阅读一下。个中一部份题目是文档中已有的,一部份是比较基础的用法,另有一些相对综合的题目。发问的人许多,解答的人缺乏,由于群里的人,绝大多数都是和“你”一类的用户,他们加群也是想处置惩罚题目来的,但事实上,并没有获得很好和及时的处置惩罚。

Stackoverflow 就不说了,这是一个门坎较高的顺序员社区,不过关于高等顺序员来讲,是寻觅答案最好的处所。我们来讲说国内的手艺社区。以 SegmentFault 为例,我们以往也一向勉励除了 bug 反应,都到 SF 发问,由于 GitHub 只合适处置惩罚 bug 自身的题目,关于怎样运用不合适在上面讨论。

至于问同事和朋侪嘛,起首你得有一个懂你的范畴题目的同事或朋侪,而且,对方得有时候和耐烦。

为何得不到有用处置惩罚?

实在来由很简朴:

  • “你”问的圈子的人,也都跟“你”一样,是主动发问型的。
  • 专业题目(比方 iView / Vue.js),不是一切人都晓得。
  • 能处置惩罚你题目的人,平常都是大牛,而大牛都很忙,基础没空理你。

说的很露骨,但却言必有中。

怎样才能处置惩罚题目

假如你想问 iView 的题目,那这个世界上谁对 iView 最相识?固然是 iView 作者本人了,那天然也对 Vue.js 的题目管窥蠡测。假如作者处置惩罚不了的,但基础也没什么人能处置惩罚,所以,要想完全处置惩罚题目,就是直接向 iView 作者发问。

所以,一对一发问,是 iView Developer 最中心的功用,也是最能处置惩罚你痛点的。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

高等示例

针对 Vue.js 及 iView,经心编写了大批营业中的高等示例,对 iView 官方文档作补充。比方 Table 的效劳端分页及效劳端排序、过滤;Upload 的手动上传及七牛云的集成。一切示例都有细致申明、源码及演示,并能够珍藏。高等示例会不停增添。

高等示例也是 iView Developer 另一主要的板块,内里会连续更新雄厚而针对性的实例,以 iView 和 Vue.js 为主。高等示例详细到某个细致的题目,比方 Table 组件和 Page 组件团结运用并做效劳端的分页、排序、过滤。大批的最好实践和详实的代码解说、阅读体验,关于 iView 运用者来讲是很好的补充。

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

每周都邑更新一些示例,并提醒您,而且能够对示例举行珍藏。

除此之外,另有独家写作、商城等功用,期待你的探究!

iView Run:随时随地运转 iView 示例

iView Run 是一个集成了 iView 环境的在线运转 iView 示例的东西,左边写代码,右侧预览,能够直接编写一个 .vue 文件,它包含了 template、script、style 三部份。
编写好的示例保留后,会天生一个链接,并能够预览,链接可用于提交 bug,或分享示例给他人参考。

地点:https://run.iviewui.com/

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

iView Run(beta)现在仅支撑 iView 环境,暂不支撑 Less 和部份 ES6 语法,这取决于你的阅读器。将来将逐渐支撑,并供应示例同享平台,你能够分享或阅读他人分享的优异示例。
而且 iView 的文档将来也会集成 iView Run,文档中一切的示例将来都能够直接在 iView Run 中运转。

iView Editor:简约而不简朴的 markdown 编辑器

由于在 iView Developer 中,我们开辟了一个运用起来还不错的 markdown 编辑器,所以把它零丁开源出来。
iView Editor 参考 Github 的设想作风,能够在 markdown 和预览之间举行切换,固然,你喜好及时预览的话,也是支撑的。

  • 地点 http://editor.iviewui.com/
  • GitHub https://github.com/iview/iview-editor

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

iView Weapp 2.0

我们在一个多月前宣布了微信小顺序 UI 组件库 iView Weapp,此次宣布会我们带来了它的 2.0 版本。

  • 2.0 文档 https://weapp.iviewui.com/
  • GitHub https://github.com/TalkingData/iview-weapp

iView Weapp 2.0 新增了 7 个全新的组件:

  • 索引挑选器 Index
  • 吸顶容器Sticky
  • 滑动菜单 Swipeout
  • 倒计时 CountDown
  • 分隔符 Divider
  • 摺叠面板 Collapse
  • 页底提醒 LoadMore

扫描小顺序码,马上体验 iView Weapp 2.0:

《iView 宣布 3.0 版本,以及开发者社区等 5 款新产品》

iView Admin 2.0

iView Admin 2.0 也举行了一波大的晋级:

  • 基于 Vue Cli 3.0
  • 重构一切代码
  • 重写主要组件
  • 全新权限计划
  • 多级菜单路由
  • Mock 要求模仿
  • 全局设置
  • 清楚数据流

体验 iView Admin 2.0: https://iview.github.io/iview-admin
GitHub:https://github.com/iview/iview-admin

以上就是本次 iView 3.0 宣布会的中心内容,完全的宣布会录相视频以后会在 iView Developer 宣布。


推荐阅读
  • 本文介绍了闭包的定义和运转机制,重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则,闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • sklearn数据集库中的常用数据集类型介绍
    本文介绍了sklearn数据集库中常用的数据集类型,包括玩具数据集和样本生成器。其中详细介绍了波士顿房价数据集,包含了波士顿506处房屋的13种不同特征以及房屋价格,适用于回归任务。 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • CF:3D City Model(小思维)问题解析和代码实现
    本文通过解析CF:3D City Model问题,介绍了问题的背景和要求,并给出了相应的代码实现。该问题涉及到在一个矩形的网格上建造城市的情景,每个网格单元可以作为建筑的基础,建筑由多个立方体叠加而成。文章详细讲解了问题的解决思路,并给出了相应的代码实现供读者参考。 ... [详细]
  • Nginx使用AWStats日志分析的步骤及注意事项
    本文介绍了在Centos7操作系统上使用Nginx和AWStats进行日志分析的步骤和注意事项。通过AWStats可以统计网站的访问量、IP地址、操作系统、浏览器等信息,并提供精确到每月、每日、每小时的数据。在部署AWStats之前需要确认服务器上已经安装了Perl环境,并进行DNS解析。 ... [详细]
  • 本文介绍了设计师伊振华受邀参与沈阳市智慧城市运行管理中心项目的整体设计,并以数字赋能和创新驱动高质量发展的理念,建设了集成、智慧、高效的一体化城市综合管理平台,促进了城市的数字化转型。该中心被称为当代城市的智能心脏,为沈阳市的智慧城市建设做出了重要贡献。 ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • 标题: ... [详细]
  • 超级简单加解密工具的方案和功能
    本文介绍了一个超级简单的加解密工具的方案和功能。该工具可以读取文件头,并根据特定长度进行加密,加密后将加密部分写入源文件。同时,该工具也支持解密操作。加密和解密过程是可逆的。本文还提到了一些相关的功能和使用方法,并给出了Python代码示例。 ... [详细]
  • java drools5_Java Drools5.1 规则流基础【示例】(中)
    五、规则文件及规则流EduInfoRule.drl:packagemyrules;importsample.Employ;ruleBachelorruleflow-group ... [详细]
author-avatar
手机用户2502880157
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有