难度:普通时间:大约需要1天
有141人在学习该课程,有59人已经完成该课程
任务目的 学会灵活使用 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天
有53人在学习该课程,有17人已经完成该课程
任务目的 理解 san 框架中组件的概念。 理解组件的生命周期 任务描述 参考上图实现一个扩展面板组件,点击面板右上角的按钮,实现面板内容区域的显示和隐藏。 在组件中实现以下几个函数,观察以下几个函数的调用时机。compiled - 组件视图模板编译完成inited - 组件实例初始化完成created - 组件元素创建完成attached - 组件已被附加到页面中detached - 组件从页面中移除disposed - 组件卸载完成 任务注意事项 请仔细预读官方文档。 请注意面板中各个子组件的合理规划与拆分。 代码风格的整齐、优雅。 参考资料 san官方文档 -- 组件 s…