摘要:
有时候我们在处理多个同样的<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允许按照一定的模式。从数组和对象中提取值,对变量进行赋值,这被称为解构。 一、数组解构赋值 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值,我们可以看看更多的例子 以上是完全解构,下面代码是不完全解构,但可以成功解构 注:如果等号的右边不是数组(或者严格 阅读全文