- 博客(6)
- 收藏
- 关注
RSS订阅原创 对Javascript中client系列（clientTop、clientLeft、clientWidth和clientHeight）属性的相关解释和相关DOM操作
clientTop:clientTop可以返回div的上边框的大小,其值为一个整数，没有单位。但是和borderTopWidth存在一定的区别。 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>与client有关</title>...
2019-05-18 17:16:26
1589
原创 对Javascript中滚动属性(scrollTop,scrollLeft,scrollHeight,scrollWidth)的解释和相关DOM操作
当我们进行网页开发到时候，有时候会出现容器里面的内容超过容器本身高度的情况，这时候就会有滚动，接下来就对有关滚动的相关属性和操作发表一下我个人的观点。 scrollTop:scrollTop指的是“容器中的内容”超出“容器上边界”的那部分我们“看不见的高度”。也就是说scrollTop表示元素向上滚动的尺寸。接下来通过具体事例让我们得出scrollTop和scrollLeft的具体取值范围到底是...
2019-05-18 10:57:41
4300
原创 on、attachEvent和addEventListener
如果我们想要让某个DOM节点监听某个事件，最简单的方法就是使用on***方法。 如：我们想给button添加click事件，则 <script> let btn = document.getElementById('btn'); btn.onclick = () =>{ alert(1); } </script> 如果这是我们...
2019-04-16 10:25:12
550
原创 React子组件与父组件之间的通信
1. 父组件向子组件通信 ，子组件通过**this.props.*****与父组件通信， //父组件，将时间传递给子组件 import React,{Component} from 'react'; import Children from './App'; class Parent extends Component{ constructor(props){ super(p...
2019-03-29 11:22:50
3860
原创 原生JS实现图片懒加载
当页面需要渲染很多的图片的时候。当DOM节点渲染完毕后，如果src已经赋值的话，都会向服务器发起http请求，去请求相应的图片资源。这样的话一方面服务器的压力将会非常大，加载页面的速度也会变慢。因此图片懒加载有利于提高性能。 实现步骤： 1. 为每一个img先不添加src属性或者用一张较小default.png代替； 2. 事先准备好图片的真实地址； 3. 根据当前的滚动情况，来决定是否要为def...
2019-03-29 09:34:53
404
原创 事件冒泡的应用
首先说一下事件冒泡和事件捕获 1.事件捕获： 何为事件捕获（event capturing）?事件从最不精确的对象开始出发，到最精确的对象。即从window->document->documentElement->body->Dom元素->直到捕获到事件。 2.事件冒泡： 与事件捕获刚好相反。事件从最确定的事件目标到最不确定的事件目标。 // HTML <di...
2019-03-28 21:24:19
1054
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人