摘要:所以,前端小姐姐,如果候選開源項(xiàng)目能夠滿足以上所提的條件,那就可以用了前端小姐姐哦,那你有推薦嗎當(dāng)然。。。自帶豐富的標(biāo)準(zhǔn)組件和校驗(yàn)規(guī)則,開箱即用。具備強(qiáng)大的控件交互和擴(kuò)展能力,做你所想。訪問官方了解更多唄
前端小姐姐:“新業(yè)務(wù)功能又有大量的表單要開發(fā)了,有沒讓我又高效又愉快地完成這個(gè)任務(wù)的方案呢?”
哦,我想想,配置開發(fā)理念,應(yīng)該比較適合,且社區(qū)也有好些這種理念的開源項(xiàng)目
前端小姐姐:“什么叫配置開發(fā)理念呢?”
就是只需要簡(jiǎn)單地定義一份JSON配置數(shù)據(jù)來(lái)開發(fā)表單
前端小姐姐:“太棒了,我去search下先哈”
過了一會(huì)~~
前端小姐姐:“是真有不少,但我選哪個(gè)好呢?”
恩,那我們就來(lái)聊聊配置理念表單開發(fā)的選型吧
1. 幫助文檔
這是必不可少的啦,沒有文檔,誰(shuí)敢用呢
2. 直觀特性展示
我可不想一開始就要花大量時(shí)間去讀冷冰冰的文字,然后還要發(fā)揮自己的想像力
最好有超直觀超形象超方便的方式展示大部分甚至全部的特性,可能是這樣的:
3. 開箱即用
最好官方自帶一整套常用的表單控件和校驗(yàn)規(guī)則,滿足大部分常見場(chǎng)景,就不用去自行擴(kuò)展太多了
比如以下的組件就經(jīng)常用到了:
比如以下的校驗(yàn)規(guī)則就經(jīng)常用到了:
4. 擴(kuò)展能力
官方就是提供再多的組件和校驗(yàn)規(guī)則,也是無(wú)法滿足所有的業(yè)務(wù)場(chǎng)景的,所以必須 友好(簡(jiǎn)單方便) 支持開發(fā)者自定義自己的表單組件和校驗(yàn)規(guī)則
5. 支持復(fù)雜數(shù)據(jù)結(jié)構(gòu)
一個(gè)表單數(shù)據(jù)結(jié)構(gòu),除了簡(jiǎn)單的只有一級(jí)屬性的對(duì)象類型外(如 {name: "daniel", age: 18}),實(shí)際很多場(chǎng)景可能是這樣的:
{ "name": { "firstName": "daniel", "lastname": "xiao" } }
可能是這樣的:
{ "name": "daniel", "hobbies": [ { "id": 1, "name": "Coding" }, { "id": 2, "name": "Singing" } ] }
一句話總結(jié)就是:支持?jǐn)?shù)組類型,對(duì)象嵌套對(duì)象,對(duì)象嵌套數(shù)組,數(shù)組的項(xiàng)是普通類型 或 對(duì)象類型 或 數(shù)組類型
6. 表單控件間交互
我想說,一個(gè)表單,不是把表單控件按位置靜靜放在那就行了,控件之間并不獨(dú)立,控件之間是有交互的
這里列舉下具有代表性的一些場(chǎng)景:
“同意才能繼續(xù)” 類型
“城市選擇器” 類型
“大于18歲必填” 類型
“日期比較” 類型
“全名自動(dòng)填寫” 類型
感覺已經(jīng)挺多了,就不一一列舉了。
所以,前端小姐姐,如果候選開源項(xiàng)目能夠滿足以上所提的條件,那就可以用了
前端小姐姐:“哦,那你有推薦嗎?”
當(dāng)然。。。
哈哈,接下來(lái)就是廣告時(shí)間了,如果各位看官們覺得以上的選型條件合情合理,那 ncform 就是一個(gè)不錯(cuò)的選擇了
ncform,一種令人愉悅的表單開發(fā)方式,僅需配置即可生成表單UI及其交互行為。自帶豐富的 標(biāo)準(zhǔn)組件 和 校驗(yàn)規(guī)則,開箱即用。
具備強(qiáng)大的 控件交互 和 擴(kuò)展能力,做你所想。
訪問官方Github了解更多唄:https://github.com/ncform/ncform
tags: vue, form, json-schema, generator
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/102987.html
摘要:面經(jīng)因?yàn)槲彝耆珱]有面試經(jīng)驗(yàn),從來(lái)沒有經(jīng)歷過面試,于是想著在去這類大公司面試之前先找成都的小公司練練手,積累點(diǎn)面試經(jīng)驗(yàn)。于是三月份開始就有成都的小公司開始約我面試。 前序 從我高考成績(jī)出來(lái)那一刻開始,從我在高考志愿上填上計(jì)算機(jī)科學(xué)與技術(shù)這幾個(gè)當(dāng)時(shí)在心中堪稱神圣的幾個(gè)字開始,我就已經(jīng)把進(jìn)入中國(guó)互聯(lián)網(wǎng)最高殿堂BAT作為我整個(gè)大學(xué)奮斗的目標(biāo),哪怕我就讀的是一所位于內(nèi)陸的雙非一本大學(xué)我也認(rèn)為我能...
摘要:過審是指最終審核通過的高質(zhì)量買家秀,加精是指商家認(rèn)可的買家秀,普通則是上述兩種情況以外的其他買家秀。 showImg(https://segmentfault.com/img/remote/1460000018272118); 阿里妹導(dǎo)讀:提起買家秀和賣家秀,相信大家腦中會(huì)立刻浮現(xiàn)出諸多畫面。同一件衣服在不同人、光線、角度下,會(huì)呈現(xiàn)完全不同的狀態(tài)。運(yùn)營(yíng)小二需從大量的買家秀中挑選出高質(zhì)量...
摘要:移動(dòng)端調(diào)試?yán)щy很多時(shí)候,我們?cè)谶M(jìn)行移動(dòng)端開發(fā)時(shí),都是先在端使用手機(jī)模擬器進(jìn)行調(diào)試,沒有問題后,我們才會(huì)在手機(jī)端的瀏覽器進(jìn)行測(cè)試,這個(gè)時(shí)候,如果沒有出現(xiàn)問題,皆大歡喜。 移動(dòng)端調(diào)試?yán)щy 很多時(shí)候,我們?cè)谶M(jìn)行移動(dòng)端開發(fā)時(shí),都是先在PC端使用手機(jī)模擬器進(jìn)行調(diào)試,沒有問題后,我們才會(huì)在手機(jī)端的瀏覽器進(jìn)行測(cè)試,這個(gè)時(shí)候,如果沒有出現(xiàn)問題,皆大歡喜。但是一旦出現(xiàn)問題,我們就很難解決,因?yàn)槿狈梢暬?..
前言 正逢金九銀十,有很多朋友已經(jīng)在考慮自己的出路了,今天給大家分享的是我一位幸運(yùn)拿到京東軟件測(cè)試offer的朋友的面試經(jīng)歷,我也閑來(lái)無(wú)事,問到了我朋友京東面試的一些真題,以及我整理的一些真題分享給大家,希望能夠幫助大家沖刺金九銀十,像我的朋友一樣拿到自己心儀的offer。 三面京東: 一面: 你所了解的黑盒測(cè)試方法有哪些?并簡(jiǎn)單介紹下其應(yīng)用場(chǎng)景?簡(jiǎn)述常用的bug管理或者用例管理工具,并且描述其...
閱讀 1542·2023-04-26 02:08
閱讀 3135·2021-10-14 09:42
閱讀 7218·2021-09-22 15:34
閱讀 3244·2019-08-30 13:16
閱讀 2738·2019-08-26 13:49
閱讀 1353·2019-08-26 11:59
閱讀 1281·2019-08-26 10:31
閱讀 2175·2019-08-23 17:19