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