原生JS获取元素在文档中的位置原生JS提供了很多关于元素信息的属性具体就不总结了元素在页面上的位置有绝对位置和相对位置绝对位置网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。这个绝对位置要通过计算才能得到。首先，每个元素都有offsetTop和offsetLeft属性，表示该元素的左上角与父容器（offsetParent对象）左上角的距离。

props和state代表着组件的属性和状态，属性只读而状态可变。this.props对象的属性与组件的属性一一对应，但是有一个例外，就是this.props.children属性props.childrenprops.children在每个组件上都可用。 它会包含组件的开始和结束标记之间的内容。这个属性和vue的插槽类似，都是在自定义组件中插入子节点。组件之间可以插入的内容可以...

在上一篇中我总结了节流函数和防抖函数的基本原理：总结前端函数防抖与函数节流。接下来介绍一下防抖函数和节流函数在前端框架中的使用。在使用前一定要注意两个问题：this的指向事件对象的传递React中使用防抖函数和节流函数...

<template><div><div class="scroll" :class="{show:isActive}"&g

ES6提供了class，但它还是没有类，它只是一个基于原型对象的语法糖（本质上还是通过原型对象来实现类，只不过写法变了）//定义类class Point {constructor(x, y) {this.x = x;this.y = y;}toString() {return '(' + this.x + ', ' + this.y + ...

我们可以在html标签里绑定动态属性，通过v-bind指令。当我在学element-ui的layout布局时el-row>el-col span="8" class="col">8el-col>el-col :span="8" class="col">16el-col>el-row>这里的span为什么要动态绑定而不是直接span，可以看到:spa

自己利用业余时间，基于React+antd写了一个后台管理模板。主要是熟悉antd组件和React，页面主要还是展示页面，不涉及后台交互。特点：我用

为了在软件版本号中包含更多意义，反映代码所做的修改，产生了语义化版本，软件的使用者能从版本号中推测软件做的修改。npm 包使用语义化版控制，我们可安装一定版本范围的 npm 包，npm 会选择和你指定的版本相匹配 的 (latest)最新版本安装。npm 的版本号由三部分组成：主版本号、次版本号、补丁版本号。有时候为了表达更加确切的版本，还会在版本号后面添加标签或者扩展，来说明是预发布版本或者测试

前言我们知道服务器是一种应答模式，也就是说服务器只能被动提供服务，而不会主动推送信息给客户端。传统网站为了实现类似在线聊天的功能都是不断的给服务器发送信息询问是否有新消息也就是所谓的轮询。这种方式有很明显的弊端：大量耗费服务器内存和宽带资源，因为不停的请求服务器，很多时候 并没有新的数据更新，因此绝大部分请求都是无效请。WebSocket 是 HTML5 开始提供的一种在单个 TCP 连...