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

資訊專欄INFORMATION COLUMN

讓前端小姐姐愉快地開發(fā)表單

Leck1e / 586人閱讀

摘要:所以,前端小姐姐,如果候選開源項目能夠滿足以上所提的條件,那就可以用了前端小姐姐哦,那你有推薦嗎當然。。。自帶豐富的標準組件和校驗規(guī)則,開箱即用。具備強大的控件交互和擴展能力,做你所想。訪問官方了解更多唄

前端小姐姐:“新業(yè)務功能又有大量的表單要開發(fā)了,有沒讓我又高效又愉快地完成這個任務的方案呢?”

哦,我想想,配置開發(fā)理念,應該比較適合,且社區(qū)也有好些這種理念的開源項目

前端小姐姐:“什么叫配置開發(fā)理念呢?”

就是只需要簡單地定義一份JSON配置數(shù)據(jù)來開發(fā)表單

前端小姐姐:“太棒了,我去search下先哈”

過了一會~~

前端小姐姐:“是真有不少,但我選哪個好呢?”

恩,那我們就來聊聊配置理念表單開發(fā)的選型吧

1. 幫助文檔

這是必不可少的啦,沒有文檔,誰敢用呢

2. 直觀特性展示

我可不想一開始就要花大量時間去讀冷冰冰的文字,然后還要發(fā)揮自己的想像力

最好有超直觀超形象超方便的方式展示大部分甚至全部的特性,可能是這樣的:

3. 開箱即用

最好官方自帶一整套常用的表單控件和校驗規(guī)則,滿足大部分常見場景,就不用去自行擴展太多了

比如以下的組件就經常用到了:

比如以下的校驗規(guī)則就經常用到了:

4. 擴展能力

官方就是提供再多的組件和校驗規(guī)則,也是無法滿足所有的業(yè)務場景的,所以必須 友好(簡單方便) 支持開發(fā)者自定義自己的表單組件和校驗規(guī)則

5. 支持復雜數(shù)據(jù)結構

一個表單數(shù)據(jù)結構,除了簡單的只有一級屬性的對象類型外(如 {name: "daniel", age: 18}),實際很多場景可能是這樣的:

{
  "name": {
    "firstName": "daniel",
    "lastname": "xiao"
  }
}

可能是這樣的:

{
  "name": "daniel",
  "hobbies": [
    {
      "id": 1,
      "name": "Coding"
    },
    {
      "id": 2,
      "name": "Singing"
    }
  ]
}

一句話總結就是:支持數(shù)組類型,對象嵌套對象,對象嵌套數(shù)組,數(shù)組的項是普通類型 或 對象類型 或 數(shù)組類型

6. 表單控件間交互

我想說,一個表單,不是把表單控件按位置靜靜放在那就行了,控件之間并不獨立,控件之間是有交互的

這里列舉下具有代表性的一些場景:

“同意才能繼續(xù)” 類型

“城市選擇器” 類型

“大于18歲必填” 類型

“日期比較” 類型

“全名自動填寫” 類型

感覺已經挺多了,就不一一列舉了。

所以,前端小姐姐,如果候選開源項目能夠滿足以上所提的條件,那就可以用了

前端小姐姐:“哦,那你有推薦嗎?”

當然。。。

哈哈,接下來就是廣告時間了,如果各位看官們覺得以上的選型條件合情合理,那 ncform 就是一個不錯的選擇了

ncform,一種令人愉悅的表單開發(fā)方式,僅需配置即可生成表單UI及其交互行為。

自帶豐富的 標準組件 和 校驗規(guī)則,開箱即用。

具備強大的 控件交互 和 擴展能力,做你所想。

訪問官方Github了解更多唄:https://github.com/ncform/ncform

tags: vue, form, json-schema, generator

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

轉載請注明本文地址:http://www.ezyhdfw.cn/yun/102987.html

相關文章

  • 我的春招求職經驗分享(已拿阿里京東網易等 5 個 offer)

    摘要:面經因為我完全沒有面試經驗,從來沒有經歷過面試,于是想著在去這類大公司面試之前先找成都的小公司練練手,積累點面試經驗。于是三月份開始就有成都的小公司開始約我面試。 前序 從我高考成績出來那一刻開始,從我在高考志愿上填上計算機科學與技術這幾個當時在心中堪稱神圣的幾個字開始,我就已經把進入中國互聯(lián)網最高殿堂BAT作為我整個大學奮斗的目標,哪怕我就讀的是一所位于內陸的雙非一本大學我也認為我能...

    Winer 評論0 收藏1
  • 用AI說再見!“辣眼睛”的買家秀

    摘要:過審是指最終審核通過的高質量買家秀,加精是指商家認可的買家秀,普通則是上述兩種情況以外的其他買家秀。 showImg(https://segmentfault.com/img/remote/1460000018272118); 阿里妹導讀:提起買家秀和賣家秀,相信大家腦中會立刻浮現(xiàn)出諸多畫面。同一件衣服在不同人、光線、角度下,會呈現(xiàn)完全不同的狀態(tài)。運營小二需從大量的買家秀中挑選出高質量...

    yeooo 評論0 收藏0
  • 9102了,你還不會移動端真機調試?

    摘要:移動端調試困難很多時候,我們在進行移動端開發(fā)時,都是先在端使用手機模擬器進行調試,沒有問題后,我們才會在手機端的瀏覽器進行測試,這個時候,如果沒有出現(xiàn)問題,皆大歡喜。 移動端調試困難 很多時候,我們在進行移動端開發(fā)時,都是先在PC端使用手機模擬器進行調試,沒有問題后,我們才會在手機端的瀏覽器進行測試,這個時候,如果沒有出現(xiàn)問題,皆大歡喜。但是一旦出現(xiàn)問題,我們就很難解決,因為缺乏可視化...

    lushan 評論0 收藏0
  • 25k成功入職京東:拿到京東軟件測試崗位offer經驗分享

    前言 正逢金九銀十,有很多朋友已經在考慮自己的出路了,今天給大家分享的是我一位幸運拿到京東軟件測試offer的朋友的面試經歷,我也閑來無事,問到了我朋友京東面試的一些真題,以及我整理的一些真題分享給大家,希望能夠幫助大家沖刺金九銀十,像我的朋友一樣拿到自己心儀的offer。 三面京東: 一面: 你所了解的黑盒測試方法有哪些?并簡單介紹下其應用場景?簡述常用的bug管理或者用例管理工具,并且描述其...

    leeon 評論0 收藏0

發(fā)表評論

0條評論

Leck1e

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<