摘要：
1. 什么是rem rem是CSS3新增的一个相对单位（root em，根em） 类似于em，em是相对父元素字体大小 不同的是rem的基准是相对于html元素的字体大小 /* 根html 为 12px */ html { font-size: 12px; } /* 此时 div 的字体大小就是 2 阅读全文
摘要：
一. flex布局原理 flex是flexible box 的缩写. 意味 弹性布局, 任何一个容器(无论行还是行内)都可以指定为flex布局 当为父盒子设置flex后, 子元素的 float、clear、vertical-align 属性将失效 采用 flex布局的元素叫 容器 , 其所有子元素称 阅读全文
摘要：
(一) css3选择器 (二) css3之2D转换 (三) rem布局 阅读全文
摘要：
1. 位移 translate transform: translate(x, y) 如果只往一个方向移动, 则另一个要设置为0 也可以单独设置 translateX / translateY @注意: 不影响其他元素 百分比单位是相对于自身的大小的百分比 对行内元素没有效果 使用: 定位的盒子可以 阅读全文
摘要：
1. 属性选择器 根据元素的属性进行选择 示例 /* 1.选择所有带有 day 属性的元素 */ [day] { width: 200px; height: 200px; background-color: pink; } 2. 结构伪类选择器 当子元素标签一致时, 用哪个都一样 但是如果子元素不一 阅读全文
摘要：
1. html5新特性 阅读全文
摘要：
1. 新增语义化标签 header 头部 nav 导航 aside 侧边栏 section 块级 article 内容 footer 底部 语义化标签，在移动端支持比较友好 2. 多媒体音频标签 1. audio 音频 多媒体标签有两个，分别是 音频 -- audio 视频 -- video aud 阅读全文
摘要：
仅为自己前端学习过程中的笔记总结, 如果错误, 还请指正~ (一) html相关知识总结 (二) css相关知识总结 (三) html5相关内容总结 (四) css3相关内容总结 (五) JavaScript内容总结 (六) ES6一些内容的简单理解 阅读全文
摘要：
(一) css基础知识 (二) css盒子模型 (三) css浮动 (四) css定位 (五) css属性书写顺序 (六) css的一些技巧 (七) 元素居中 (浮动元素、定位元素等等) css中的z-index 定位叠放次序 (八) flex布局 阅读全文
摘要：
都是按照 水平垂直居中 写的, 单方向居中的原理一样 浮动和定位的元素无论有没有宽高都可以 1. 浮动元素 元素设置浮动之后, 其本身就相当于设置了display:inline-block 1.1 relative + translate 浮动的元素: { position: relative; l 阅读全文
摘要：
1. 元素的显示与隐藏 1.1 display * display: none; 隐藏元素 display: block; 显示元素 注: 隐藏以后, 原位置不再保留 实际开发场景： 配合js做特效，比如下拉菜单，原先没有，鼠标经过，显示下拉菜单， 应用极为广泛 1.2 visibility vis 阅读全文
摘要：
(一) html常用标签 (二) html元素显式模式 阅读全文
摘要：
web标准 由结构, 表现, 行为三部分组组成 结构: 用于对网页元素进行整理和分类, 主要指html 表现: 用于设置网页元素的版式, 颜色,大小等外观样式, 主要指css 行为: 指网页模型的定义及交互的编写, 主要指js HTML 元素显示模式 块级元素、行内元素、行内块元素 1. 块级元素 阅读全文
摘要：
1. 什么是单例模式 单: 单一, 一个 例: 实例 所谓的单例, 就是指一个类只有一个实例, 不管你 new 多少次, 都是这一个实例 具体的实现思路就是: 先判断实例是否存在 如果存在则直接将实例返回 如果不存在, 就创建了再返回 先看一个普通的实例化 function Person() { t 阅读全文
摘要：
个人想法: 对于面向对象编程的实现方式, 无论是 像java python c++等语言中的类,或者说js中的原型继承, 说到底都只是一种实现方式而已, 就像下雨天可能绝大多数人的习惯是打伞, 但是我穿雨衣也同样可以, 好与不好因人而异, 因需求而异 1. 通过字面量的方式 var person = 阅读全文
摘要：
一、JavaScript是单线程 JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。 JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操 阅读全文
摘要：
1. 有关原型链 **四句话: ** 每个函数都有一个 prototype 属性, 指向一个对象, 这个对象我们称之为 原型对象 原型对象中有一个属性 constructor, 指向该原型对象的构造函数 每个对象都有一个 __proto__ 属性 对象的 __proto__ 属性指向其构造函数的 p 阅读全文