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

2.3 样式控制

普通

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

时间平均用时0.9

关键词sanmvvm

课程概述

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

任务目的

  1. 学会灵活使用 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;';
    });
</script>
  1. 以上代码实现了点击方块,修改方块的样式的功能。
  2. 将上述功能改用san来实现。

任务注意事项

  1. 请仔细预读官方文档。
  2. 你可以分别使用 class 和 style 两种方式,实现元素样式的控制。
  3. 禁止使用原生 dom 来修改样式。

参考资料

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

暂无优秀学习笔记~