彩虹更新中

导航

 

2020年3月21日

摘要: HTML: <div> <span></span> <span></span> <span></span> <span></span> </div> JS: <script> var spans = document.querySelectorAll('span'); timeLive = +new 阅读全文
posted @ 2020-03-21 22:56 彩虹更新中 阅读(263) 评论(0) 推荐(0)
 
摘要: 实现图片跟着鼠标的移动而移动: 1. css: 给图片添加绝对定位 <style> img { position: absolute; } </style> HTML: 随意放一张图片 <img src="logo.png" alt=""> JS: <script> // 给document添加事件 阅读全文
posted @ 2020-03-21 22:27 彩虹更新中 阅读(183) 评论(0) 推荐(0)
 
摘要: 下面前端代码可以判断用户那个终端打开页面,实现跳转 if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec| 阅读全文
posted @ 2020-03-21 21:45 彩虹更新中 阅读(1272) 评论(0) 推荐(0)
 
摘要: 本张脑图是关于高级事件的知识点整理: 1.注册事件; 2.删除事件; 3.DOM事件流; 4.事件对象; PS:图片如果不清晰,可以在我的相册中下载 阅读全文
posted @ 2020-03-21 10:54 彩虹更新中 阅读(100) 评论(0) 推荐(0)
 
摘要: 本张脑图对DOM基础操作的增删改查,属性操作和事件操作做了一个整理。 PS:要是脑图看得不清晰,可以在我的相册下载查看。 阅读全文
posted @ 2020-03-21 10:51 彩虹更新中 阅读(98) 评论(0) 推荐(0)
 
摘要: 本张脑图整理了DOM的基础知识,包括:DOM简介,获取元素,事件接触,操作元素和节点的相关知识。 PS:如果随笔中不好查看图片,可以在我的相册中查看 阅读全文
posted @ 2020-03-21 10:49 彩虹更新中 阅读(109) 评论(0) 推荐(0)
 

2020年3月20日

摘要: 实现功能:把已知的数据,读出来做成表格。 <table> <tr> <th>姓名</th> <th>学科</th> <th>成绩</th> <th>操作</th> </tr> </table> <script> var table = document.querySelector('table'); 阅读全文
posted @ 2020-03-20 17:20 彩虹更新中 阅读(143) 评论(0) 推荐(0)
 
摘要: 本张脑图给简单数据类型和复杂数据类型做了一个整理。 ps:随笔要是不清晰,可以直接在我的相册查看图片 阅读全文
posted @ 2020-03-20 16:48 彩虹更新中 阅读(110) 评论(0) 推荐(0)
 
摘要: 本张脑图介绍了:JavaScript中几种常见的内置对象及常见的使用方式。 其他具体使用方式建议上mdn查看,非常具体丰富。 ps:如果此图不清晰,可以直接在我的相册查看 阅读全文
posted @ 2020-03-20 16:45 彩虹更新中 阅读(116) 评论(0) 推荐(0)
 
摘要: 本张脑图对预解析和对象进行了知识点整理。 预解析里面有坑,需要特别取注意一下! ps:如果随笔不太清晰,可以直接在我的相册查看哦! 阅读全文
posted @ 2020-03-20 16:43 彩虹更新中 阅读(89) 评论(0) 推荐(0)