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

2.8 组件实现加生命周期

普通

人数25人在学习该课程,有14人已经完成该课程

时间平均用时1.2

关键词sanmvvm

课程概述

作业提交截止时间:05-20

任务目的

  1. 理解 san 框架中组件的概念。
  2. 理解组件的生命周期

任务描述


  1. 参考上图实现一个扩展面板组件,点击面板右上角的按钮,实现面板内容区域的显示和隐藏。
  2. 在组件中实现以下几个函数,观察以下几个函数的调用时机。
    compiled - 组件视图模板编译完成
    inited - 组件实例初始化完成
    created - 组件元素创建完成
    attached - 组件已被附加到页面中
    detached - 组件从页面中移除
    disposed - 组件卸载完成

任务注意事项

  1. 请仔细预读官方文档。
  2. 请注意面板中各个子组件的合理规划与拆分。
  3. 代码风格的整齐、优雅。

参考资料

  1. san官方文档 -- 组件
  2. san-mui(ExpansionPannel)
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~