摘要：
有时候我们在处理多个同样的<span><.li>等时，其中有一两个需要与其他兄弟不一样，这时候我们就需要css3的伪类选择器 nth-child。下面总结一下几种选取方式 以下HTML css 共用 效果图： 1. e:first-child 选取第一个元素，在css添加 2.e.last-chil 阅读全文
摘要：
一、什么是Canvas Canvas 是H5的一部分，允许脚本语言动态渲染图像。Canvas定义一个区域，可以由html属性定义该区域的宽高，JavaScript代码可以访问该区域，通过一整套完整的绘图功能（API），在网页上渲染动态效果图。 二、Canvas能做什么 游戏：毫无疑问，游戏在HTML 阅读全文
摘要：
HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，为了顺应整个互联网时代变迁，使得人们能够以更好的方式去进行网页结构搭建，HTML5应运而生。为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页 阅读全文
摘要：
上一篇我写了Array数组对象的一些基本方法，这次总结些关于ES5、ES6新增的数组对象的方法。 一、ES5新增数组方法（IE9+支持） 1.1索引方法 indexOf():返回要查找数值在数组中的索引值，从前往后查找，找不到返回-1lastIndexOf():从后面往前找，但索引值不变。语法格式: 阅读全文
摘要：
昨天出去前端面试又失败，期间问了个有关于数组对象的问题，下面就这类问题总结下JavaScript常用的数组操作方法。 一、何为数组（Array）对象 数组对象是使用单独的变量名来存储一系列的值。 二、创建数组的三种方式 2.1使用关键词 new 来创建数组对象。 2.2 基于2.1的简洁写法 2.3 阅读全文
摘要：
上一篇《Flex布局 学习（一）》主要学了flex的基本用法及作用，现在来把flex具体运用到实例中，看看flex的弹性布局效果。 一、垂直居中布局 不知道有多少小伙伴在前端笔试面试时被问到：不定宽高如何水平垂直居中？ 现在就给大家解答下这问题，最简单的实现方法就是我们的flex布局，只是在我们容器 阅读全文
摘要：
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。时至今日，它已获得了所有浏览器的支持，这让flex布局成为未来布局的首选。 一、那何为Flex？ 其实Flex是Flexible Box的缩写，意为”弹性盒子”，用来为盒状模型提供最大的灵活性。 任何一 阅读全文
摘要：
上一次我们已经说完了圣杯布局，这次来说说双飞翼布局吧。 首先，先给上全部代码 上述代码与圣杯布局相比HTML的结构不一样，在中间栏多了一个内容栏，根据盒子模型，我们就不能在main栏设置margin，因为之前设置了width：100%，若再设置margin会 超过所设宽度，我们用内容栏存放内容，并设 阅读全文
摘要：
圣杯布局和双飞翼布局是经典的三栏式布局，同时也是我们面试中的常客，他们效果相同，都是左栏和右栏固定长度，中间栏宽度自适应。在HTML结构上中间栏在浏览器里优先渲染。圣杯布局和双飞翼布局有着相似的思路，但是在某些细节上也有不同点。下面简单介绍下。本篇首先详解下圣杯布局，下一篇再介绍双飞翼布局 圣杯布局 阅读全文
摘要：
ES6允许按照一定的模式。从数组和对象中提取值，对变量进行赋值，这被称为解构。 一、数组解构赋值 本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值，我们可以看看更多的例子 以上是完全解构，下面代码是不完全解构，但可以成功解构 注：如果等号的右边不是数组（或者严格 阅读全文