注意,可以查阅任何需要的资料!!但需要自己独立完成
树形结构解析器
实现类似下图的功能,在上面输入一段文本,这段文本表示一个树形结构,用缩进表示层级关系(类似于python和yaml)。要求:
- 点击 parse 按钮解析文本,并在下方展示为树形,点击三角形切换展开、折叠状态。
- 最好使用浏览器原生的API,不要使用任何第三方组件
在浏览器 devtools 中输入一段代码,遍历百度首页的 DOM 节点
- 用缩进表示层级关系
- 打印创建了 stacking context 的节点
- 效果类似下图:
点击定位
任意点击一个节点,将这个节点滚动到窗口(viewport)的顶部。如下图所示:
sleep 实现
实现一个 sleep 函数,使得可以这样写代码?其他需要假设的条件自行补充,代码形式可以做适当调整
do_work_1();
sleep(1000);
do_work_2();
sleep(2000);
do_work_3();
。。。