摘要: 仓库地址:rax-helloworld 简单介绍一下rax rax即是一个开发兼容多端(包括web,mobile web,小程序以及android或ios等app页面)的前端应用框架。其实就是使用react的方式来写weex 第一个rax应用程序:rax-helloworld 环境 macOS 10 阅读全文
posted @ 2020-08-09 21:26 mingL 阅读(797) 评论(0) 推荐(0) 编辑
摘要: ### 什么是重绘(Repaint)?什么是回流(重排)(Reflow)? #### 回流: 触发条件:当我们对 DOM 结构的修改引发了 DOM 几何尺寸发生变化的时候,就会发生回流的过程。 例如一下几个操作: 一个 DOM 元素的几何变化,常见的几何属性 width、height、padding 阅读全文
posted @ 2020-08-09 20:53 mingL 阅读(628) 评论(0) 推荐(0) 编辑
摘要: 什么是BFC(Block formatting context) BFC(块级格式上下文)就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素 BFC 就是 ‘块级格式上下文’ 的格式,创建了BFC的元素就是一个独立的盒子,不过只有BLock-level box可以参与创建BFC,它 阅读全文
posted @ 2020-08-09 20:51 mingL 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 盒子模型 外边距(margin) 边框(border) 内填充(padding) 内容(content) 盗图一份: 两种盒子模型:计算宽高的方式不一样 W3C盒模型(标准盒模型) :chrome、IE9+、(添加doctype) 实际宽度 = 设置宽度(content值) + border值 + 阅读全文
posted @ 2020-08-09 20:47 mingL 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 先来看个题目 话说有个函数如下 function a(){ let aa = 0; function b(){ aa ++; console.log(aa); } return b; } 我们调用方式如下 //方式一:直接连续调用 a()(); //1 a()(); //1 //方式二:赋值之后再调 阅读全文
posted @ 2020-08-09 20:38 mingL 阅读(139) 评论(0) 推荐(0) 编辑