亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

iView 發(fā)布 3.0 版本，以及開(kāi)發(fā)者社區(qū)等 5 款新產(chǎn)品

FreeZinG / 1247人閱讀

摘要：相對(duì)時(shí)間組件錨點(diǎn)組件面板分割組件分割線(xiàn)組件單元格組件相對(duì)時(shí)間組件用于表示幾分鐘前幾小時(shí)前等相對(duì)于此時(shí)此刻的時(shí)間描述。單元格組件在手機(jī)上比較常見(jiàn)，在上則常用于固定的側(cè)邊菜單項(xiàng)。開(kāi)發(fā)者社區(qū)這是發(fā)布會(huì)最勁爆的一款產(chǎn)品了。

7 月 28 日，我們成功地召開(kāi)了 iView 3.0 暨神秘新品發(fā)布會(huì)，這可能是前端開(kāi)源圈第一次舉行線(xiàn)下+線(xiàn)上的發(fā)布會(huì)。現(xiàn)場(chǎng)座無(wú)虛席，線(xiàn)上直播也有超過(guò) 2 萬(wàn)人觀看。同時(shí)這一天也是 iView 兩周歲生日，發(fā)布會(huì)結(jié)束后，我們舉行了生日會(huì)。

iView 3.0：更輕量的設(shè)計(jì)，更強(qiáng)大的組件和功能

3.0 文檔地址

GitHub 地址

3.0 更新日志

我們?cè)O(shè)計(jì)了全新的 iView Logo，維持了原先 i 和 v 的造型，并讓顏色更立體：

3.x 的版本代號(hào)依然沿用 iOS 優(yōu)秀獨(dú)立游戲的名稱(chēng)，3.0 的版本代號(hào)為兩周前剛發(fā)布的 RPG 游戲 Battleheart。

全民彩蛋計(jì)劃

為慶祝 iView 兩周歲生日，以及 3.0 版本的發(fā)布，我們?cè)?iView 文檔 中放置了三枚彩蛋，它們埋藏在不同的頁(yè)面里，可能是一段隱藏的代碼，或是一段需要破解的密碼等等，總之，聰明的你一定會(huì)找到并破譯它們。當(dāng)然，找到三枚彩蛋，你并不能繼承 iView 作者的遺產(chǎn)！彩蛋可以?xún)稉Q大量的 IO 幣，詳見(jiàn)下文開(kāi)發(fā)者社區(qū)。

設(shè)計(jì)

許多用戶(hù)選擇 iView，很大的原因是認(rèn)可 iView 的設(shè)計(jì)，所以在 iView 3.0 里，我們對(duì) UI 進(jìn)行了進(jìn)一步的優(yōu)化。

iView 的 icon 采用開(kāi)源項(xiàng)目 ionicons 提供的圖標(biāo)，這次也是將 ionicons 圖標(biāo)庫(kù)從 2.0 升級(jí)至 3.0。
3.0 的圖標(biāo)庫(kù)在命名上更加的規(guī)范，只分為 ios ,md, logo 三種，圖標(biāo)也比以前豐富和好看。
3.0 還新增了屬性 custom，可以自定義圖標(biāo)。

整體的設(shè)計(jì)風(fēng)格趨向于簡(jiǎn)潔、輕量，去掉了冗余的設(shè)計(jì)，部分顏色做了調(diào)整，看起來(lái)更加醒目，比如：


新組件

iView 的組件是全球同類(lèi)產(chǎn)品里數(shù)量最多，功能最豐富的，3.0 更是增加了 5 個(gè)全新的組件。

相對(duì)時(shí)間組件 Time

錨點(diǎn)組件 Anchor

面板分割組件 Split

分割線(xiàn)組件 Divider

單元格組件 Cell

相對(duì)時(shí)間組件 Time 用于表示幾分鐘前、幾小時(shí)前等相對(duì)于此時(shí)此刻的時(shí)間描述。相比一個(gè)固定的日期時(shí)間，它更能體現(xiàn)出最近的狀態(tài)。

錨點(diǎn)組件 Anchor 可以快速跳轉(zhuǎn)到頁(yè)面指定的位置，經(jīng)常用于導(dǎo)航文章或文檔中的目錄結(jié)構(gòu)，隨著頁(yè)面的滾動(dòng)，它可以自動(dòng)定位當(dāng)前瀏覽區(qū)域所對(duì)應(yīng)的標(biāo)題，點(diǎn)擊對(duì)應(yīng)的標(biāo)題，頁(yè)面也會(huì)跳轉(zhuǎn)到對(duì)應(yīng)的位置。

面板分割組件 Split 可將一片區(qū)域，分割為可以拖拽調(diào)整寬度或高度的兩部分區(qū)域，并支持嵌套使用。

分割線(xiàn)組件 Divider，常用于對(duì)不同章節(jié)的文本段落進(jìn)行分割，或者對(duì)行內(nèi)文字/鏈接進(jìn)行分割，例如表格的操作列。

單元格組件 Cell 在手機(jī)上比較常見(jiàn)，在 PC 上則常用于固定的側(cè)邊菜單項(xiàng)。Cell 可以是一個(gè)簡(jiǎn)單的菜單項(xiàng)，也可以跳轉(zhuǎn)到其它頁(yè)面，或者跟 徽標(biāo) Badge 或 開(kāi)關(guān) Switch 等組件一起使用。

新特性

iView 3.0 有超過(guò) 40 項(xiàng)新特性及功能的優(yōu)化。

首先是全局配置，使用 iView 3 時(shí)，可以進(jìn)行全局配置組件的一些屬性。目前只支持配置 transfer 和 size 兩個(gè)屬性。組件會(huì)優(yōu)先使用 prop 設(shè)置的屬性，如果未設(shè)置，再使用全局配置。

transfer：所有帶浮層的組件，是否將浮層放置在 body 內(nèi)，默認(rèn)為不設(shè)置，詳見(jiàn)各組件默認(rèn)的 transfer 值。可選值為 true 或 false。

size：所有帶有 size 屬性的組件的尺寸，默認(rèn)為不設(shè)置，詳見(jiàn)各組件默認(rèn)的 size 值?？蛇x值為 default、small 或 large。

用法如下：

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

Button 是 iView 最基礎(chǔ)，也是最常用的組件。看似再簡(jiǎn)單不過(guò)的一個(gè)組件，其實(shí)里面有很多學(xué)問(wèn)。
iView 3 廢棄了 type="ghost"，而是新增了布爾選項(xiàng) ghost，定義按鈕為幽靈按鈕，幽靈按鈕的背景是透明的，常用于有色背景上面。

還新增了 3 個(gè)用于跳轉(zhuǎn)的 props：to、replace、target：

添加 to 屬性后，按鈕會(huì)以 標(biāo)簽的形式渲染，點(diǎn)擊可直接跳轉(zhuǎn)，也支持傳入一個(gè) vue-router 對(duì)象，iView 會(huì)做智能判斷。如果使用了 vue-router，會(huì)以前端路由的形式跳轉(zhuǎn)，否則會(huì)用傳統(tǒng)的方式跳轉(zhuǎn)。
replace 屬性開(kāi)啟后，跳轉(zhuǎn)不會(huì)保存歷史記錄。
target 的行為和 a 標(biāo)簽類(lèi)似，比如設(shè)置在新窗口打開(kāi)。

支持 跳轉(zhuǎn) 的組件，除了 按鈕組件 Button，還有面包屑組件 Breadcrumb、菜單組件 Menu、以及單元格組件 Cell，這些組件都具有 to、replace 和 target 三個(gè)屬性，體驗(yàn)也完全一致。后續(xù)還會(huì)支持到更多組件，比如 Dropdown。

以 Menu 為例，使用 to 來(lái)跳轉(zhuǎn)，要比以前通過(guò)自定義事件 @on-select 獲取 name 再用 vue-router 的編程式導(dǎo)航跳轉(zhuǎn)方便的太多，并且會(huì)渲染為帶有鏈接屬性的 a 標(biāo)簽，在 SEO 上也更友好。

所有支持跳轉(zhuǎn)的組件，都支持了鍵盤(pán)按鍵（Mac 為 command，Windows 為 ctrl）加鼠標(biāo)左鍵在新窗口打開(kāi)的特性（無(wú)論是否設(shè)置 target="_blank"，這種組合行為都會(huì)在新窗口打開(kāi)，與瀏覽器原生體驗(yàn)完全一致）。

對(duì)話(huà)框組件 Modal 新增了三個(gè)屬性：

fullscreen 全屏

draggable 拖拽

mask 是否隱藏遮罩層

開(kāi)啟全屏屬性 fullscreen 后，會(huì)鋪滿(mǎn)整個(gè)屏幕，并且只有內(nèi)容區(qū)域可滾動(dòng)。
開(kāi)啟拖拽屬性 draggable 后，會(huì)默認(rèn)隱藏遮罩層，此時(shí)拖動(dòng) Modal 的標(biāo)題欄就可以移動(dòng)了，可以支持同時(shí)開(kāi)啟多個(gè) Modal 進(jìn)行拖拽。

表格組件 Table 新增了兩個(gè)屬性

indexMethod

tooltip

當(dāng)設(shè)置列有 type="index" 時(shí)，可以使用 indexMethod 進(jìn)行自定義序號(hào)了。
給某一列設(shè)置屬性 tooltip="true" 時(shí)，當(dāng)該列內(nèi)容過(guò)長(zhǎng)，一行無(wú)法顯示時(shí)，鼠標(biāo)經(jīng)過(guò)會(huì)以 Tooltip 的形式顯示完整內(nèi)容。

其余的更新內(nèi)容可以到 3.0 更新日志查看。

開(kāi)發(fā)者社區(qū) iView Developer

這是發(fā)布會(huì)最勁爆的一款產(chǎn)品了。過(guò)去的兩個(gè)多月里，我們一直在投入社區(qū)的開(kāi)發(fā)中，目的就是徹底解決開(kāi)發(fā)者的問(wèn)題，更好地服務(wù)開(kāi)發(fā)者。

社區(qū)地址：https://dev.iviewui.com/

一對(duì)一提問(wèn)

遇到編程問(wèn)題，怎樣才能有效解決呢？

QQ / 微信群

SegmentFault / Stackoverflow 等技術(shù)社區(qū)

問(wèn)同事

每個(gè)人都期望加入大群，但都在小群活躍。QQ / 微信群是程序員很活躍的地方，iView 也組建過(guò)官方的 QQ 群，累計(jì)有 5000 人左右，每天都沉淀了大量的討論，雖然我不會(huì)一一過(guò)目，但偶爾也會(huì)快速瀏覽一下。其中一部分問(wèn)題是文檔中已有的，一部分是比較基礎(chǔ)的用法，還有一些相對(duì)綜合的問(wèn)題。提問(wèn)的人很多，解答的人缺少，因?yàn)槿豪锏娜耍^大多數(shù)都是和“你”一類(lèi)的用戶(hù)，他們加群也是想解決問(wèn)題來(lái)的，但事實(shí)上，并沒(méi)有得到很好和及時(shí)的解決。

Stackoverflow 就不說(shuō)了，這是一個(gè)門(mén)檻較高的程序員社區(qū)，不過(guò)對(duì)于高級(jí)程序員來(lái)說(shuō)，是尋找答案最好的地方。我們來(lái)說(shuō)說(shuō)國(guó)內(nèi)的技術(shù)社區(qū)。以 SegmentFault 為例，我們以往也一直鼓勵(lì)除了 bug 反饋，都到 SF 提問(wèn)，因?yàn)?GitHub 只適合處理 bug 本身的問(wèn)題，對(duì)于如何使用不適合在上面探討。

至于問(wèn)同事和朋友嘛，首先你得有一個(gè)懂你的領(lǐng)域問(wèn)題的同事或朋友，而且，對(duì)方得有時(shí)間和耐心。

為什么得不到有效解決？

其實(shí)理由很簡(jiǎn)單：

“你”問(wèn)的圈子的人，也都跟“你”一樣，是主動(dòng)提問(wèn)型的。

專(zhuān)業(yè)問(wèn)題（比如 iView / Vue.js），不是所有人都知道。

能解決你問(wèn)題的人，一般都是大牛，而大牛都很忙，根本沒(méi)空理你。

說(shuō)的很露骨，但卻一針見(jiàn)血。

怎樣才能解決問(wèn)題

如果你想問(wèn) iView 的問(wèn)題，那這個(gè)世界上誰(shuí)對(duì) iView 最了解？當(dāng)然是 iView 作者本人了，那自然也對(duì) Vue.js 的問(wèn)題了如指掌。如果作者解決不了的，但基本也沒(méi)什么人能解決，所以，要想徹底解決問(wèn)題，就是直接向 iView 作者提問(wèn)。

所以，一對(duì)一提問(wèn)，是 iView Developer 最核心的功能，也是最能解決你痛點(diǎn)的。

高級(jí)示例

針對(duì) Vue.js 及 iView，精心編寫(xiě)了大量業(yè)務(wù)中的高級(jí)示例，對(duì) iView 官方文檔作補(bǔ)充。比如 Table 的服務(wù)端分頁(yè)及服務(wù)端排序、過(guò)濾；Upload 的手動(dòng)上傳及七牛云的集成。所有示例都有詳細(xì)說(shuō)明、源碼及演示，并可以收藏。高級(jí)示例會(huì)不斷增加。

高級(jí)示例也是 iView Developer 另一重要的板塊，里面會(huì)陸續(xù)更新豐富而針對(duì)性的實(shí)例，以 iView 和 Vue.js 為主。高級(jí)示例具體到某個(gè)詳細(xì)的問(wèn)題，比如 Table 組件和 Page 組件聯(lián)合使用并做服務(wù)端的分頁(yè)、排序、過(guò)濾。大量的最佳實(shí)踐和詳盡的代碼講解、瀏覽體驗(yàn)，對(duì)于 iView 使用者來(lái)說(shuō)是很好的補(bǔ)充。

每周都會(huì)更新一些示例，并提示您，并且可以對(duì)示例進(jìn)行收藏。

除此之外，還有獨(dú)家寫(xiě)作、商城等功能，期待你的探索！

iView Run：隨時(shí)隨地運(yùn)行 iView 示例

iView Run 是一個(gè)集成了 iView 環(huán)境的在線(xiàn)運(yùn)行 iView 示例的工具，左邊寫(xiě)代碼，右邊預(yù)覽，可以直接編寫(xiě)一個(gè) .vue 文件，它包含了 template、script、style 三部分。
編寫(xiě)好的示例保存后，會(huì)生成一個(gè)鏈接，并可以預(yù)覽，鏈接可用于提交 bug，或分享示例給他人參考。

地址：https://run.iviewui.com/

iView Run（beta）目前僅支持 iView 環(huán)境，暫不支持 Less 和部分 ES6 語(yǔ)法，這取決于你的瀏覽器。未來(lái)將逐步支持，并提供示例共享平臺(tái)，你可以分享或?yàn)g覽別人分享的優(yōu)秀示例。
并且 iView 的文檔未來(lái)也會(huì)集成 iView Run，文檔中所有的示例未來(lái)都可以直接在 iView Run 中運(yùn)行。

iView Editor：簡(jiǎn)約而不簡(jiǎn)單的 markdown 編輯器

因?yàn)樵?iView Developer 中，我們開(kāi)發(fā)了一個(gè)使用起來(lái)還不錯(cuò)的 markdown 編輯器，所以把它多帶帶開(kāi)源出來(lái)。
iView Editor 參考 Github 的設(shè)計(jì)風(fēng)格，可以在 markdown 和預(yù)覽之間進(jìn)行切換，當(dāng)然，你喜歡實(shí)時(shí)預(yù)覽的話(huà)，也是支持的。

地址 http://editor.iviewui.com/

GitHub https://github.com/iview/iview-editor

iView Weapp 2.0

我們?cè)谝粋€(gè)多月前發(fā)布了微信小程序 UI 組件庫(kù) iView Weapp，這次發(fā)布會(huì)我們帶來(lái)了它的 2.0 版本。

2.0 文檔 https://weapp.iviewui.com/

GitHub https://github.com/TalkingData/iview-weapp

iView Weapp 2.0 新增了 7 個(gè)全新的組件：

索引選擇器 Index

吸頂容器Sticky

滑動(dòng)菜單 Swipeout

倒計(jì)時(shí) CountDown

分隔符 Divider

折疊面板 Collapse

頁(yè)底提示 LoadMore

掃描小程序碼，立即體驗(yàn) iView Weapp 2.0：

iView Admin 2.0

iView Admin 2.0 也進(jìn)行了一波大的升級(jí)：

基于 Vue Cli 3.0

重構(gòu)所有代碼

重寫(xiě)重要組件

全新權(quán)限方案

多級(jí)菜單路由

Mock 請(qǐng)求模擬

全局配置

清晰數(shù)據(jù)流

體驗(yàn) iView Admin 2.0： https://iview.github.io/iview-admin
GitHub：https://github.com/iview/iview-admin

以上就是本次 iView 3.0 發(fā)布會(huì)的核心內(nèi)容，完整的發(fā)布會(huì)錄像視頻之后會(huì)在 iView Developer 發(fā)布。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/96418.html

相關(guān)文章

  • iView 發(fā)布微信小程序 UI 組件庫(kù) iView Weapp

    摘要：但是，我們注意到，微信小程序正在崛起，這將是移動(dòng)端新的一種開(kāi)發(fā)模式。不過(guò)微信對(duì)小程序越來(lái)越開(kāi)放，給的入口也越來(lái)越多，這讓很多開(kāi)發(fā)者投入到小程序的開(kāi)發(fā)上。地址文檔歡迎和是什么微信小程序提供了自定義組件的功能，這使得成為了可能。 showImg(https://segmentfault.com/img/bVbb9fe?w=2856&h=1444); 末尾有彩蛋。 過(guò)去的兩年里，iView ...

    Rindia 評(píng)論0 收藏0

  • iView 一周年了，同時(shí)發(fā)布了 2.0 正式版，但這只是開(kāi)始...

    摘要：在許多志愿者的幫助下，將文檔全部翻譯為英文，在開(kāi)發(fā)者社區(qū)頗受歡迎。有了英文版后，更多的國(guó)外開(kāi)發(fā)者也參與到討論之中，相信接下來(lái)會(huì)有更多來(lái)自國(guó)外的。英文版的翻譯離不開(kāi)社區(qū)的貢獻(xiàn)，在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前，我開(kāi)始接觸 Vue.js 框架，當(dāng)時(shí)就被它的輕量、組件...

    alexnevsky 評(píng)論0 收藏0

  • iView 一周年了，同時(shí)發(fā)布了 2.0 正式版，但這只是開(kāi)始...

    摘要：在許多志愿者的幫助下，將文檔全部翻譯為英文，在開(kāi)發(fā)者社區(qū)頗受歡迎。有了英文版后，更多的國(guó)外開(kāi)發(fā)者也參與到討論之中，相信接下來(lái)會(huì)有更多來(lái)自國(guó)外的。英文版的翻譯離不開(kāi)社區(qū)的貢獻(xiàn)，在此特別感謝和三位熱心志愿者。 showImg(https://segmentfault.com/img/bVRG13?w=2880&h=1800); 兩年前，我開(kāi)始接觸 Vue.js 框架，當(dāng)時(shí)就被它的輕量、組件...

    Drinkey 評(píng)論0 收藏0

  • 前端每周清單第 34 期：Vue 現(xiàn)狀盤(pán)點(diǎn)與 3.0 展望，React 代碼遷移與優(yōu)化，圖片優(yōu)化詳論

    摘要：工程實(shí)踐立足實(shí)踐，提示實(shí)際水平內(nèi)聯(lián)函數(shù)與性能很多關(guān)于性能優(yōu)化的文章都會(huì)談及內(nèi)聯(lián)函數(shù)，其也是常見(jiàn)的被詬病為拖慢性能表現(xiàn)的元兇之一不過(guò)本文卻是打破砂鍋問(wèn)到底，論證了內(nèi)聯(lián)函數(shù)并不一定就會(huì)拖慢性能，過(guò)度的性能優(yōu)化反而會(huì)有損于應(yīng)用性能。 showImg(https://segmentfault.com/img/remote/1460000011481413?w=1240&h=825); 前端每周...

    CoderStudy 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<