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

李殿斌

百度前端工程师,会点js,IFE深度参与者

共发布 1个任务,已经有 110名学生在这里学习上课
课程结束

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

85人在学习该课程,有53人已经完成该课程

2.3 样式控制

任务目的 学会灵活使用 san 来控制元素的样式 任务描述 <div id="block" style="background:red;width:100px;height:100px;"></div> <script> let block = document.getElementById('block'); block.addEventListener('click', function () { block.style = 'background:blue;width:100px;height:100px;'; …

课程结束

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

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

2.8 组件实现加生命周期

任务目的 理解 san 框架中组件的概念。 理解组件的生命周期 任务描述 参考上图实现一个扩展面板组件,点击面板右上角的按钮,实现面板内容区域的显示和隐藏。 在组件中实现以下几个函数,观察以下几个函数的调用时机。compiled - 组件视图模板编译完成inited - 组件实例初始化完成created - 组件元素创建完成attached - 组件已被附加到页面中detached - 组件从页面中移除disposed - 组件卸载完成 任务注意事项 请仔细预读官方文档。 请注意面板中各个子组件的合理规划与拆分。 代码风格的整齐、优雅。 参考资料 san官方文档 -- 组件 s…