指的是页面在渲染时，DOM元素所采用的布局模型。 一个元素占用的空间大小由几个部分组成，内容(content)、内边距(padding)，边框(border)和外边距(margin)。 可以通过box-sizing来进行设置，其中IE盒模型(也有叫怪异盒模型的)的content包含了padding和 ...
分类：
其他好文 时间：
2020-01-15 19:57:13
阅读次数：
87
1. 盒模型 ??渲染时， dom 元素所采?的 布局模型。可通过 box-sizing 进?设置。根据计算宽?的区域可分为 content-box ( W3C 标准盒模型) border-box ( IE 盒 模 型 ) padding-box margin-box (浏览器未实现) 2. BFC ...
分类：
Web程序 时间：
2020-01-14 23:40:05
阅读次数：
122
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition> 相似，<keep-alive> 是一个抽象组件：它自身不会渲染一个 DOM 元素，也 ...
分类：
其他好文 时间：
2020-01-14 20:56:08
阅读次数：
61
我们将React.js将组件渲染，并且构造DOM元素然后塞入页面的过程称为组件的挂载。即：初始化组件->挂载到页面上的过程。 constructor() //所有关于组件自身的状态的初始化工作都会放在constructor里面去做，如state。 ->componentWillMount() //组 ...
分类：
其他好文 时间：
2020-01-13 01:15:24
阅读次数：
128
Vue:渐进式JavaScript框架 框架主要是提供基础的服务 ； 库主要是提供了大量的API为主 el:元素的挂载位置（值可以是CSS或者是DOM元素） data:模型数据（值是一个对象） DOM:是（文档对象）是Html 和XML的应用程序接口（API） BOM：主要是处理浏览器窗口和框架 路 ...
分类：
其他好文 时间：
2020-01-11 14:49:16
阅读次数：
70
我们知道表单元素与其他的普通DOM元素来说是不一样的，它们保存了自己的一些状态。 我们主要说的就是表单元素中的受控组件和非受控组件。 受控组件就是这个组件的状态是我们（react）控制的，这个组件的行为是完全受到我们控制的，所以叫做受控组件，比如： 1 class NameForm extends ...
分类：
其他好文 时间：
2020-01-11 11:40:16
阅读次数：
84
在看本篇以前，期待读者先了解js的document.querySelector 方法，在此不做赘述。 由于微信官方禁止小程序操作dom元素，因而无法像前端一样操作小程序DOM，好在官方提供了API ， 这个api叫做 wx.createSelectorQuery(), 官方定义：返回一个 Selec ...
分类：
微信 时间：
2020-01-10 10:49:32
阅读次数：
603
1. JS的组成 2. Web API 是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM) 3. DOM 文档对象模型(一个编程接口) 3.1获取页面元素 --根据ID --根据标签名 H5新增方法 获取特殊元素(body,html) 3.2给元素注册事件 3.3操作DOM元素的属 ...
`DOM DOM Core HTML DOM CSS DOM` 查找节点 查找元素节点 主要通过 的选择器来查找元素节点 查找属性节点 在查找到元素节点之后可以使用 来查找或设置对应节点的属性 创建(子)节点 使用 创建一个节点,然后再使用下面的方法来插入节点;同时下面的方法也可以移动原有的元素节点 ...
分类：
Web程序 时间：
2020-01-07 23:00:02
阅读次数：
160
在操作页面滚动和动画时经常会获取 DOM 元素的绝对位置，例如 本文 左侧的悬浮导航，当页面滚动到它以前会正常地渲染到文档流中，当页面滚动超过了它的位置，就会始终悬浮在左侧。 本文会详述各种获取 DOM 元素绝对位置 的方法以及对应的兼容性。关于如何获取 DOM 元素高度和滚动高度，请参考视口的宽高 ...
分类：
Web程序 时间：
2020-01-05 18:43:28
阅读次数：
121
