百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

王兵

百度高级web前端研发工程师。深度学习可视化工具VisualDL初期开发者之一。对表单设计、数据可视化、交互设计有着浓厚的兴趣~

共发布 1个任务,已经有 73名学生在这里学习上课
开始学习

难度:普通时间:大约需要3

57人在学习该课程,有19人已经完成该课程

2.5 表单实现Input、Checkbox组件

表单实现Input、Checkbox组件 任务目的 理解并学会使用san的表单API 学习如何封装表单组件 任务描述 利用san提供的API实现简单的表单控件 根据给出的设计稿实现自定义的Input、Checkbox组件,并满足给定的API Input props 属性 类型 默认值 说明 value string 空 双绑定的值 placeholder string 空 站位文本 disabled boolean false 是否禁用 readonly boolean false 是否只读 events 事件 说明 返回值 on-input 输入时触发 e…

开始学习

难度:进阶时间:大约需要5

16人在学习该课程,有2人已经完成该课程

3.3 表单验证封装

表单验证封装 任务目的 学习如何用San来封装支持自定义验证的表单 任务描述 根据给出的设计稿实现支持自定义验证的表单组件,并满足给定的API 学习如何利用开源社区中比较成熟的库 可以自己扩展实现更复杂的表单组件,尝试将日历组件、下拉组件集成到表单组件中 Form props 名称 类型 必须 默认值 描述 labelWidth String false 100px 标签宽度,带单位的宽度值,如100px,影响这个表单 rules Object false [] 验证规则 labelPosition String false left 标签位置,影响整个表单,可选值为to…