精华内容
下载资源
问答
  • 继上篇<<让前端小姐姐愉快地...今天我们抛开传统的表单开发方式,来了解下崭新的高效的开发表单的方式(看完也许让你从此脱离枯燥无味的表单开发生涯) ╰( ̄▽ ̄)╭ 表单开发第步:清晰你的数据结...

    image

    继上一篇<<让前端小姐姐愉快地开发表单>>,我们解决了“愉快”,今天接着讲“效率”哈
    <( ̄︶ ̄)>。

    表单,其实就是对一个数据的可视化描述,以友好的形式展现给用户,达到收集用户填写的信息的目的

    今天我们抛开传统的表单开发方式,来了解下崭新的高效的开发表单的方式(看完也许能让你从此脱离枯燥无味的表单开发生涯)
    ╰( ̄▽ ̄)╭


    • 表单开发第一步:清晰你的数据结构

    以下就是今天要开发的表单的数据结构,不复杂,但也不简单

    {
      firstname: 'daniel',
      lastname: 'xiao',
      fullname: 'daniel.xiao',
      gender: 'man',
      language: [ 'english', 'chinese' ],
      birthday: '',
      luckyNum: 9,
      luckyColor: '',
      email: 'danieldx666@126.com',
      favoriteMusics: [
        {
          type: '',
          score: 5
        }
      ],
      remarks: ''
    }
    

    • 表单开发第二步:生成 ncform schema

    也许你会有疑问,ncform 是什么鬼啊?别急哈,接着往下看就是了。接下来基本都是动图,会看得比较轻松。最后会给出相关链接的,方便你去体验一下

    我们通过 ncform schema 生成器 ,可以快速生成 ncform schema 的基本结构

    image

    OK,不到几秒,唰的一下,一个表单就生成了。

    当然凑合着用还是可以的,但我们不将就,开始优化之旅吧 <( ̄︶ ̄)↗[GO!]

    ncform 提供了 playground,你可以把生成的 ncform schema 复制到 playground 进行优化。以下演示都是在 playground 进行的


    • 优化 name 字段:能让用户填少点就填少点

    image

    // 以下是修改后的相关字段的配置信息
        "firstname": {
          "type": "string",
          "ui": {
            "label": "First Name",
            "columns": 6
          }
        },
        "lastname": {
          "type": "string",
          "ui": {
            "label": "Last Name",
            "columns": 6
          }
        },
        "fullname": {
          "type": "string",
          "valueTemplate": "dx: {{$root.firstname}} + '.' + {{$root.lastname}}",
          "ui": {
            "label": "Full Name"
          }
        },
    

    • 优化 gender 字段:二选一当然用单选框最适合

    image

    // 以下是修改后的相关字段的配置信息
        "gender": {
          "type": "string",
          "default": "man",
          "ui": {
            "label": "Gender",
            "widget": "radio",
            "widgetConfig": {
                "enumSource": [
                  {
                      "value": "man",
                      "label": "Man"
                  },
                 {
                      "value": "woman",
                      "label": "Woman"
                  }
                ]
            }
          }
        },
    

    • 优化 language 字段:项不多且多选,复选框是个不错的选择

    image

    // 以下是修改后的相关字段的配置信息
        "language": {
          "type": "array",
          "ui": {
            "label": "Language",
            "widget": "checkbox",
            "widgetConfig": {
                "enumSource": [
                    {
                        "label": "English",
                        "value": "eng"
                    },
                    {
                        "label": "Chinese",
                        "value": "cn"
                    }
                ]
            }
          }
        },
    

    • 优化 birthday 字段:日期我们就来个日期选择器吧

    image

    // 以下是修改后的相关字段的配置信息
        "birthday": {
          "type": "string",
          "ui": {
            "label": "Birthday",
            "widget": "date-picker"
          }
        },
    

    • 优化 luckyNum 和 luckyColor:对于数字和颜色,也是有对应的控件滴

    image

    // 以下是修改后的相关字段的配置信息
        "luckyNum": {
          "type": "number",
          "ui": {
            "label": "Lucky Num",
            "widget": "input-number"
          }
        },
        "luckyColor": {
          "type": "string",
          "ui": {
            "label": "lucky Color",
            "widget": "color-picker"
          }
        },
    

    • 优化 email 字段:对于邮件,加个邮件格式验证规则是有必要滴。再画蛇添足一下吧,来个必填,呵呵。

    image

    // 以下是修改后的相关字段的配置信息
        "email": {
          "type": "string",
          "ui": {
            "label": "Email"
          },
          "rules": {
              "required": true,
              "email": true
          }
        },
    

    • 优化 favoriteMusics 字段:可添加项的数组类,用表格展示形式还是挺nice的
    • 优化 type 字段:音乐类型会有很多项,所以用下拉框好点
    • 优化 score 字段:打分类的,给几颗星感觉还不错

    image

    // 以下是修改后的相关字段的配置信息
        "favoriteMusics": {
          "type": "array",
          "items": {
            "type": "object",
            "properties": {
              "type": {
                "type": "string",
                "ui": {
                  "label": "Type",
                  "widget": "select",
                  "widgetConfig": {
                      "enumSource": [
                        {
                            "value": "1",
                            "label": "Pop Music"
                        },
                        {
                            "value": "2",
                            "label": "Rock Music"
                        }
                      ]
                  }
                }
              },
              "score": {
                "type": "number",
                "ui": {
                  "label": "score",
                  "widget": "rate"
                }
              }
            },
            "ui": {
              "label": "favoriteMusics"
            }
          },
          "ui": {
            "label": "favoriteMusics",
            "showLegend": false,
            "widget": "array-table"
          }
        },
    

    • 优化 remarks 字段:备注啰哩啰嗦的人可能会写得比较多,所以文本框最好了

    image

    // 以下是修改后的相关字段的配置信息
        "remarks": {
          "type": "string",
          "ui": {
            "label": "remarks",
            "widget": "textarea"
          }
        }
    

    看到这里,这个表单的 ncform schema 已经搞定了,来个大合照吧 ♪(*)

    image


    广告时间:ncform v1.0.0 正式发布了(喜欢的同学给加个星呗 O(∩_∩)O)

    主要更新特性:

    1. 充分测试:该大版本加入了大量的自动化测试来保障项目的质量。
    2. 自动支持dx表达式:用户自定义的widget的widgetConfig自动支持dx表达式,对开发者更加友好了。

    附上相关链接:


    写在最后,也许有“爱钻牛角尖”的你会有疑问,一分钟真的能搞定?

    哎呀,我承认有广(夸)告(大)成分啦。一分钟不行,5分钟总是可以的啦 (@^_^@)

    展开全文
  • 两三分钟个观点,看的很轻松。   前言 无论何时,如果你让一些无意义的事妨碍你去完成更有价值 且更紧迫的事情,那就是拖拉 不要指望忙碌会造就个更有效率的社会。   第章 培养对待拖拉的正确心态 ...

    读后感

    正能量的一本书

    但观点没有眼前一亮的感觉。

    两三分钟看一个观点,看的很轻松。

     

    前言

    无论何时,如果你让一些无意义的事妨碍你去完成更有价值 且更紧迫的事情,那就是拖拉

    不要指望忙碌会造就一个更有效率的社会。

     

    第一章 培养对待拖拉的正确心态 

    1 门走不通,还有窗 

    把你的想法列出提纲,先写上几分钟。

     

    2 拒绝鸵鸟心态 

    面对一个重要的任务时,即刻行动的人能够正确地认识到,要想取得实实在在且持续的成绩,需要投入非常多的事件、精力和责任感。

     

    3 亨利五世的忠告

    令人不快的任务不会随事件的流逝变得令人愉快。

     

    4 快乐的泥瓦匠 

    为平凡的工作找一个伟大的意义

     

    5 站在过去的肩膀上 

    不管是大成功还是小进步,都需要奖励

     

    6 想象疗法是最好的办法 

    和内心的自己做一次交流,想想为什么他们可以迅速的投入任务中,认真的手机他们的一举一动,一言一行中透露出来的智慧碎片

     

    7 恐惧是行动的催化剂

    直面恐惧,只会让自己处于更为有利的位置。 

     

    8 “必须”、“本来可”和“应当” 

    知而不行,是为不知。

    浪费时间==自杀

     

    9 有创造性的拖拉 

     

    10 学会跟自己对话 

     

    第二章 打造最有利的作战环境 

    11 目标清楚,行动才能准确 

     

    12 逆反心理在作崇? 

    错误的观点:必须自己制定计划,别人不行

    能够接受外来的目标并将其转化为自己的目标的人,才是明智的。

    一旦认可了一个目标,你就会自动调整来完成这个目标。

     

    13 过井井有条的生活 

     

    14 整理办公桌就是在改变生活 

    保持办公桌干净,一般老板的桌子上都很干净。

     

    15 办公桌和航母甲板 

    假如改变不是生命必须的,那么生存也并非是强制的。

     

    16 避免工作中出现意外“惊喜” (邮件,广告)

     

    17 创造“巅峰状态区” 

    靠想象来模拟巅峰状态。

     

    18 准备好工作现场“杀虫剂” 

    好不容易省下一点时间,却用来思考干点什么。

     

    19 把自己隔离起来 

     

    20 什么时候是“最佳时间” 

    一天你收到表扬信,你会很高兴,觉得今天是个好日子,但是,这封信在三天前就发出了,三天前其实是个好日子。

     

    第三章 扫除关于效率的误区 

    21 跟着“鼻子”走 

    精油可能会有用,可以抗抑郁,提升勇气,平衡,治疗失眠,平复心情,放松,兴奋。

     

    22 跟着“耳朵”走 

    路上听一些有用的课程。

     

    23 学会“忽略的艺术” 

     

    24 事情越拖越难办 

     

    25 “决定”的惊人能量 

    不愿意的任务,赶紧做就是。

     

    26 找个好帮手 

     

    27 “没心情”是最烂的借口 

    一个职业作家和一个业余作家的区别是:职业作家无论是否有心情,都会按计划坚持写作。

     

    28 重新启动自己 

     

    29 给大脑一点消化的时间 

    任务之前,可以先熟悉一下任务。效率更高。

     

    30 最不喜欢做的不一定是最难做的 

     

    第四章 责任的力量 

    31 你永远都可以选择 

    选择和责任

     

    32 休息,休息一下 

    每天抽出几分钟休息几次,会更有效率

     

    33 神奇的“奶奶原则” 

    克服拖拉之后,给予一些奖励。

     

    34 合同促进法 

     

    35 约翰·格里森姆是怎么写悬疑小说的 

    写60页的提纲。

     

    36 跟自己讨价还价 

     

    37 给自己算笔账 

    拖拉的损失,会让自己认为自己是没有效率,懒惰,迷糊的人,失去自信。

     

    38 干脆埋头大睡 

    拖拉的事情中,有一半是因为你太累了。

     

    39 阿兰拉金的秘决 

    挑软柿子,让自己开始。

     

    40 让人着迷的“4分钟法则” 

    先投入4分钟,再说。

     

    第五章 挑战更艰巨的任务 

    41 一举两得的健身法 

    锻炼的时候看视频学知识。

     

    42 猛踹一脚! 

    一头扎进工作,什么都不想。

     

    43 听听自己的借口 

    如果不学会改变,我们就不会成长,如果我们不能成长,就不算真正的活着。

    听自己拖延的理由,会让自己羞愧。

     

    44 列侬和麦科特尼 

    相互扶持

     

    45 学习《橡果法则》 

    成功的奥秘不在于亲自去完成工作,而在于分辨出谁适合这项工作

     

    46 一次只做一件事 

     

    47 50%法则和我的迈阿密之旅 

    一次坚持完成一半。

     

    48 A和B的故事 

    不想被批评,就什么也别做。

    如果不做A事情,那么你就做更费力的B事情。

     

    49 巧用“支付宝” 

    我不做这件事,就罚钱。

     

    50 寻求咨询 

    忘记悔恨,否则生活对你来说将是一连串错过。

    如果拖拉已经非常严重了,去让身边的人帮帮你。

     

    第六章 打造没有拖拉的人生 

    51 学会分而治之 

    把一件事情分成不同的步骤,就比如:整理一半抽屉。

     

    52 不要让钟表来操纵你的工作 

    你一辈子中 1/68 在看时间。

     

    53 评估你对别人的影响 

    不做这件事,会不会影响到别人。

     

    54 为什么每年10月15日电话会很安静? 

    大家都把事情托到最后一天完成(10月15日纳税申报截至)

    没有人监督,你可以假装有个人站在你身边,拿着扩音器催促你。

     

    55 倒胃口的“最后期限” 

    最后期限:明白没有别的方法成功,生理系统保持最佳状态,积极的生活和工作习惯。

     

    56 拒绝一心多用 

     

    57 把问题贴出来 

    做事情的事件往往比打算的事件短很多。

     

    58 不要让休息变成拖拉 

    学习50分钟,休息10分钟是合理的。

     

    59 人每天能高效工作几个小时? 

    能有6个小时就不错了。

     

    60 年龄说明不了什么 

    如果你不觉得自己老,那么你怎么会老呢?

    我马上就要走到人生的终点了,我最失望的是我没有_______。

    我马上就要走到人生的终点了,我非常庆幸自己_______。

     

    后记:

    后记写的非常不错,全文在这里

    原文 写道
    他决心要真正成为最棒的,而不是看起来像是最棒的。
    在《生命之泉》的结尾,贝蒂·弗里德曼写下了这样一段发人深省的话:
    “到了这个年纪,我才真正成为了我自己。我花了几年时间,终于将遗失的碎片一一补齐,现在我可以用诚实和宽容来看待自己的人生,坦然地向前迎接未知的未来了。我再也不会滞留在过去的时光里,我感觉到了从来没有过的自由。”
    而你,该如何来完善自己的人生呢?今天的世界给了你一个改造自己的全新的机会,你准备制定一个怎样的计划呢?接下来,我准备了一系列你可能会很有兴趣的建议。这并不是一份老套的制造成功者的清单,不过它们确实可以提升你个人和你人生的品质。
    1.体重
    一年之后或者五年之后,你希望自己的体重是多少呢?你想要多粗的腰围呢?或许是比现在的腰围要小一点。你想要变得和过去一样苗条吗?这都是可能的,只不过首先你必须做出一个选择。
    2.血压
    我打赌你肯定从来没考虑过这个问题。你希望自己的血压降到120到80之间吗?为了能让血压保持在安全、健康的水平,你愿意放弃哪些食物和习惯呢?如果你吃得像只鸟一样少,我保证你会活得像头大象一样长。
    3.心跳速率
    现在你的心脏在超负荷工作吗?你的心脏速率超过每分钟80次吗?实际上,每分钟70次,甚至每分钟60次才是最合适的。
    4.晚上的睡眠时间
    一年或五年后,你希望自己每晚睡多长时间呢?我指的是真正的睡眠,不包括睡不着在床上翻滚的时间,而且是在不借助药物的情况下。这完全取决于你自己。
    5.经常食用健康食物
    你可能没法保证每天都吃上3到5种推荐的蔬菜和2到3种水果,但是你起码可以在饮食中多增加一些这类食物,不过蔬菜卷和蔬菜蘸酱可不算数。并不是非要去光顾健康食品店才能吃得健康,你只需要从你经常光顾的超市里买些新鲜食物就够了。
    6.经常服用维他命
    如果你已经年过30,那这个问题对你来说会变得越来越重要。你在服用维生素吗?你会为了在一整天的时间里都保持最佳状态服用某种维生素吗?你上次拜访营养学家是在什么时候?根据你的生活方式和身体状况,他建议你补充什么?还有……你准备什么时候开始正式补充维生素?
    7.阅读经典小说
    有哪本经典的小说是你一直想读但却没读的?如果你想改善你接下来的人生质量,你可以先从接下来要读的书开始。把那些用模特法比奥做封面的爱情小说扔到一边吧。相信我,经典能带给你的乐趣不比它们少。
    8.欣赏经典或有启发性的电影
    没错,要租到最新系列的《赶尽杀绝》或其他动作片是件很容易的事,但你有没有想过租一部好的传记电影来代替它们呢?想不想看一部根据历史小说改编的电影?纪录片怎么样?先别笑!有些纪录片远比一般的电影要有趣得多,当然也更富有教育意义。在任何时候,关于看什么的问题,你都有充足的选择空间。
    9.家庭交流
    或许你觉得自己在这方面做得够好了,不过还是来看看有什么可以做得更好的地方吧。你曾经旁听过儿子的单簧管课吗?你曾经看过女儿的足球课练习吗?你和家人真正地郊游过吗?我说的可不是一家人跑到主题公园,花点钱在过山车上折腾一阵子,而是带上一个野餐篮子,一家人一起徒步远足,彼此亲密地交谈,在宁静而愉快的气氛中度过一天的时间。
    我相信,这将会是你生命中最美好的一天!

     

    后记复制自:

    一分钟能做什么:不可思议的"战拖"心理学

     

     

     

     

    展开全文
  • 好好想想过去你度过的那些困难的日子——当你最终开始行动时发生了什么,以及当你终于完成想要完成的工作时的美好感觉。  当你重新审视自己获得的荣誉或者简单回味下那些满足、幸福和成功的感觉时,你就进入到...

      “自然界中的每个存在,都会对其他存在施加影响。” ——贝内迪特·斯宾诺莎

      如果你面对问题无法即刻行动的话,就找出之前完成某项工作或项目时,因邻人钦佩的努力而得到的表扬信或奖状吧。好好想想过去你度过的那些困难的日子——当你最终开始行动时发生了什么,以及当你终于完成想要完成的工作时的美好感觉。

      当你重新审视自己获得的荣誉或者简单回味下那些满足、幸福和成功的感觉时,你就能进入到征服困难任务的成功模式中。

    转载于:https://www.cnblogs.com/liunlls/p/one.html

    展开全文
  • 1.什么是socket?...我的理解:每个socket对象就是个抽象的‘通信对象’,而‘通信对象’的事情就是发送或者接受信息。就想生活中:每个联网的计算机就是个socket对象,每个打电话的人也是...

    1.什么是socket?

    Socket中文译作:套接字,但是大家一般约定俗称的都用:socket。我想在解释socket是什么之前,先说它是用来干嘛的:socket是来建立‘通信’的基础,建立连接,传输数据————‘通信端点’。

    我的理解:每个socket对象就是一个抽象的‘通信对象’,而‘通信对象’做的事情就是发送或者接受信息。就想生活中:每个联网的计算机就是一个socket对象,每个打电话的人也是一个socket对象。

    每个编程语言几乎都现成的socket类,为什么?你见过不能上网的计算机吗~有了socket类,我们只需要调用这个类就能愉快的进行网络编程了,也就是接下来要说的:python中的socket编程。

    2.python中的socket编程

    正如上面说的一样,socket是传输数据的,传输数据是如何传送?要效率还是要准确性?所以socket分为两种:面向连接和无连接。

    1.面向连接(TCP socket ):使用的TCP协议,就是在传输数据之前,先建立可靠的连接,然后数据以字节流的形式传输。从而保证了数据的可靠、不重复、有序性。因为是字节流,所以没有数据边界,可以把一份数据拆分成多份,这样有利于传输的效率。

    2.无连接(UDP socket ):使用的UDP协议,传输数据之前不需要建立连接,数据以报文的形式传输。

    展开全文
  • 持续个月的ETHOnline黑客松让我们看到了很多有趣的DeFi新项目,本文介绍的Protekt Protocol就是其中之。Protekt Protocol可以让加密货币正常运作,...
  • 我们都知道,微信小程序是基于微信这样个社交平台运行的轻应用,不需要用户下载任何软件,只需要有微信就能够直接使用,非常方便。微趋道,就是小程序对于普通商家来说,小程序可谓是营销利器,开发成本低,运营...
  • 函数是我们日常工作中使用频率比较高的部分,这篇我们主要讲讲mysql常用的相关函数。数学函数 abs(x) --返回x的绝对值 sqrt(x) --返回x的二次方根 mod(x,y) --返回x被y除后的余数 ceiling(x) --返回不小于x的...
  • “当每个人都过分忙碌的时候,不要指望着忙碌会造就个更有效率的社会,造就个狂乱的社会还差不多。”——杰夫·戴维森 物极必反,过而不及,大抵如是吧。 所有长期的目标都必须靠具体的短期目标来支持,而...
  • 函数是我们日常工作中使用频率比较高的部分,这篇我们主要讲讲mysql常用的相关函数。数学函数 abs(x) --返回x的绝对值 sqrt(x) --返回x的二次方根 mod(x,y) --返回x被y除后的余数 ceiling(x) --返回不小于x的...
  • 行代码能做什么

    2019-06-21 14:15:00
    点击蓝色“五分钟学算法”关注我哟加个“星标”,一起学算法今天周五临近放假,就不写太复杂的算法知识了,分享几道 LeetCode 上行代码就 AC 的算法题。2 的幂...
  • Envoy 何德何受到众多项目的青睐? 掌握 Envoy 的脉络只需 2 分钟。 响应了时代号召的 Envoy Envoy 是个具有反向代理和负载均衡功能的单机软件,和 Nginx、Haproxy 属于同一类软件。与 Nginx 和 Haproxy 相比...
  • 小晶在深圳一家电商公司了 2 年的市场运营,为了更好的完成业绩,每天都赶着最后班地铁回家。虽然她才毕业 2 年,不过算上加班时长,我说她工作了 3 年真的不过分!令我惊讶的是,像她这么卖命的员工,应该是...
  • 24名来自辽宁旅客在八天七夜的畅游台湾,却在最后天马上要离台时全车殒命,火烧车是如此蹊跷,也如此让人惋惜,本该事情...辆游览车因不明原因撞上护栏,整辆车随即起火燃烧,十几分钟后消防赶到,火势在13点2...
  • 一分钟前代码是可以工作的,意味着什么? 1. 意味着你的debug花的时间会很少。 错误就是在这一分钟内新代码造成的。 2. 每天增加几个测试case,一年下来就有很多回归测试case。今后refactoring,就有保障。 3. ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,148
精华内容 859
关键字:

一分钟能做什么