- 博客(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
1422
原创 对Javascript中滚动属性(scrollTop,scrollLeft,scrollHeight,scrollWidth)的解释和相关DOM操作
当我们进行网页开发到时候，有时候会出现容器里面的内容超过容器本身高度的情况，这时候就会有滚动，接下来就对有关滚动的相关属性和操作发表一下我个人的观点。scrollTop:scrollTop指的是“容器中的内容”超出“容器上边界”的那部分我们“看不见的高度”。也就是说scrollTop表示元素向上滚动的尺寸。接下来通过具体事例让我们得出scrollTop和scrollLeft的具体取值范围到底是...
2019-05-18 10:57:41
3962
原创 on、attachEvent和addEventListener
如果我们想要让某个DOM节点监听某个事件，最简单的方法就是使用on***方法。如：我们想给button添加click事件，则<script> let btn = document.getElementById('btn'); btn.onclick = () =>{ alert(1); }</script>如果这是我们...
2019-04-16 10:25:12
407
原创 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
3741
原创 原生JS实现图片懒加载
当页面需要渲染很多的图片的时候。当DOM节点渲染完毕后，如果src已经赋值的话，都会向服务器发起http请求，去请求相应的图片资源。这样的话一方面服务器的压力将会非常大，加载页面的速度也会变慢。因此图片懒加载有利于提高性能。实现步骤：1. 为每一个img先不添加src属性或者用一张较小default.png代替；2. 事先准备好图片的真实地址；3. 根据当前的滚动情况，来决定是否要为def...
2019-03-29 09:34:53
277
原创 事件冒泡的应用
首先说一下事件冒泡和事件捕获1.事件捕获：何为事件捕获（event capturing）?事件从最不精确的对象开始出发，到最精确的对象。即从window->document->documentElement->body->Dom元素->直到捕获到事件。2.事件冒泡：与事件捕获刚好相反。事件从最确定的事件目标到最不确定的事件目标。// HTML <di...
2019-03-28 21:24:19
943
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人