02 2021 档案
摘要：prototype 原型，标准，模范arguments 参数，论据property 属性，性质，性能，所有权parameter 参数，系数，参量element 元素，要素，原理，成分regexp 正则表达式exec 执行，执行程序constructor 构造函数，构造器precision 精度，精确
阅读全文
摘要：DOM DOM1 级（DOM Level 1） 目标主要是映射文档的结构. DOM 核心规定的是如何映射基于 XML 的文档结构，以便简化对文档中任意部分的访问和操作。 DOM HTML 模块则在 DOM 核心的基础上加以扩展，添加了针对 HTML 的对象和方法 DOM2 级 在原来 DOM 的基础
阅读全文
摘要：BOM JS弹出框 window.alert() window.confirm() window.prompt() history对象 history.back() history.forward() history.run() location对象 url 统一资源定位符 完整的url 中文版本
阅读全文
摘要：CSS新特性 自定义属性： CSS自定义属性(也叫做"CSS变量")，在目前所有的现代浏览器都得到了支持. 用法： 定义与使用 计算 默认值 作用域 shapes: CSS Shapes可以实现不规则的文字环绕效果，需要和浮动配合使用。 使用： shape-outside 实现不规则图形环绕 cli
阅读全文
摘要：渐进增强与优雅降级 渐进增强： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高版本的浏览器进行效果、交互等改进和追加功能以达到更好的用户体验。 优雅降级： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
阅读全文
摘要：IE低版本BUG 常见兼容问题： 1、透明度 opacity在IE8以下版本不识别 解决方法： opacity:0.5;filter:alpha(opacity=50); (过滤器中的opacity的值是0~100) 2、双边距(IE6 BUG) 出现状况：左浮动，且有margin-left，块状元
阅读全文
摘要：CSS Hack CSS Hack用来解决浏览器的兼容问题，为不同版本的浏览器定制编写不同的CSS效果，使用每个浏览器单独识别的样式代码，控制浏览器的显示效果 Hack分类： 1、CSS属性前缀法 在CSS样式属性名前添加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展示效果。 .el
阅读全文
摘要：伪类和伪元素 CSS3规定， 伪类由一个冒号开始，然后为伪类的名称。例如： :after 伪元素由两个冒号开始，然后为伪元素的名称。例如： ::after 伪类的概念： 伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多的信息。通常表示获取不存在与DOM树中的信息，或获取不能被常规CSS选择
阅读全文
摘要：背景图扩展样式 background-size 背景图大小 cover: 覆盖 contain: 包含 background-origin: 背景图的填充位置 padding-box 默认 border-box content-box background-clip: 背景图的裁切方式 paddin
阅读全文
摘要：animation动画 animation-name: 设置动画的名字（自定义） animation-duration: 动画的持续时间 animation-delay: 动画的延迟时间 animation-iteration-count: 动画的重复次数，默认为1，infinite无限次 anim
阅读全文
摘要：Transition过渡 transition-property： 规定设置过渡效果的CSS属性样式 transition-duration: 规定完成过渡效果需要多少秒或毫秒 transition-delay: 完成过渡效果时什么时候开始 transition-timing-function: 规
阅读全文
摘要：浏览器前缀 CSS3去兼容不同的浏览器，主要是针对浏览器旧的版本，新浏览器基本不需要。 浏览器名称 内核 前缀 IE Trident -ms- Firefox Gecko -moz- Opera(欧鹏) Presto -o- Chrome Webkit -webkit- Safari Webkit
阅读全文
摘要：一、表格扩展学习 添加单线：border-collapse:collapse 隐藏空单元：empty-cells:hide 斜线分类：border/rotate 列分组：colgroup/col 二、表单扩展学习 美化表单控件： 1、label+checked 2、position + opacit
阅读全文
摘要：H5新语义化标签： header main footer nav hgroup article aside ection： 区域 figure: 描述视频或图像 figcaption： 描述视频或图像的标题部分 举例： <figure> <img /> <figcaption>图片标题</figca
阅读全文
摘要：HTML与XHTML的区别在哪里： （1）DOCTYPE文档及编码 （2）元素大小写 （3）属性布尔值 （4）属性引号 （5）图片的alt值 （6）单标签的写法 （7）双标签闭合 引用标签： blockquote 引用大段的段落解释 q 引用小段的短语解释 abbr 缩写或首字母缩略词 adress
阅读全文
摘要：CSS Sprite 特性： CSS雪碧也叫做CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图上去加载 好处： 可以减少图片的质量，网页的图片加载速度块 减少图片的请求次数，加快网页的打开
阅读全文
摘要：CSS定位 position 属性规定元素的定位类型。 这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。position主要的值: static(默认) 默认值。没有定位，元素
阅读全文
摘要：float浮动现象： 脱离文档流，延迟父容器靠左或靠右进行排列。 float:right / left / none 注意点： （1）只会影响后面的元素 （2）内容默认提升半层 （3）默认宽根据内容决定 （4）换行排列 （5）主要给块元素添加，但也可以给内联元素添加 如何清除浮动： 一、上下排列时：
阅读全文
摘要：一、css默认样式 没有默认样式的： div span 有默认样式的： body -> margin:8px h1 -> margin: 上下 21.440px p -> margin: 上下 16px ul -> margin: 上下 16px padding: 左 40px 默认点：list-s
阅读全文
摘要：一、显示框类型 display 属性规定元素应该生成的框的类型。 这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。对于 XML，由于 XML 没有内置的这种层次结构，所有 disp
阅读全文
摘要：在表格、表单中我们可以经常见到标签嵌套，如： ul li ol li table tr td dl dt dd 标签嵌套的一般规则如下： 块标签能够嵌套内联标签，块标签不一定能嵌套块标签(如p标签不可以嵌套其他块标签)，内联不能嵌套块(存在特殊情况a标签，它可以嵌套div)： <div> <span
阅读全文
摘要：一、CSS背景样式 background-color 背景色 background-image 背景图（默认水平垂直都铺满） background-repeat 平铺方式 background-position: 背景位置 x y : number(px,%) | 单词 x : left cente
阅读全文
摘要：一、响应式布局缘由 对于网站的移动端和PC端，大一点的网站都是分开开发的，PC端一套代码，移动端一套代码。 以访问淘宝网举例： 访问淘宝网 -> 后端检测当前设备 -> 如果是PC端 -> www.taobao.com -> 如果是移动端 -> www.taobao.com重定向 ->h5.m.ta
阅读全文
摘要：移动端适配方案一、百分百布局,流式布局。代表网站优酷、腾讯、天猫、百度 流式布局原则： 文字流式(fluid) 控件弹性(flexible) 图片等比缩放(scale) 好处：大屏幕下显示更多内容 坏处：宽屏下比例会有些不协调 二、等比缩放布局，也叫rem布局。代表网站网易、爱奇艺、美团、淘宝 单位
阅读全文
摘要：一、viewport视口 在移动端，viewport视口就是浏览器显示页面内容的屏幕区域。 viewport视口有两种视口，分别是 visual viewport(可视视口)和layout viewport(布局视口)： （1）visual viewport固定大小跟屏幕大小相同，在上面； （2）l
阅读全文
摘要：CSS架构 在一个大型项目中，由于页面过多，导致CSS代码难以维护和开发。所以CSS架构可以帮助我们解决文件管理和文件划分等问题。 首先要对CSS进行模块化处理，一个模块负责一类操作行为。可利用Less和Scss实现。 划分： 文件夹 含义 base 一些初始的通用CSS，如重置默认样式，动画、工具
阅读全文
摘要：Sass和Less Sass和Less都属于CSS预处理器，CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一种编程的特性，如：变量、语句、函数、继承等概念。将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。 Sass官网地址：http:
阅读全文
摘要：Grid网格布局 网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。 Grid 布局与 Flex布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在
阅读全文
摘要：Flex弹性盒模型 flex布局，可以简便、完整、响应式地实现各种页面布局。 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 子项（项目）（flex item） 划分： 作用在flex容器上: flex-
阅读全文
