07 2017 档案
摘要：1. 背景－background 单个属性的写法 .sample1 { /*背景颜色*/background-image: url(sample.gif); /*背景图片*/background-repeat: no-repeat; /*平铺(?)*/background-attachment: f
阅读全文
摘要：1、函数：可以理解为-命令，做一些事~~ function abc(){ // 肯定不会主动执行的！ …… } 直接调用：abc(); 事件调用：元素.事件 = 函数名 oDiv.onclick = abc; function (){} 匿名函数 元素.事件 = function (){}; <sc
阅读全文
摘要：filter（）方法对数组进行过滤，生成新数组 var aqiNewData = aqiData.filter(function(data){ return data[1]>60; }); //对大于60的数据组成新数组。 sort()方法对新数组进行从大到小排序。 aqiNewData.sort(
阅读全文
摘要：Query初级 一、介绍、基本写法 什么是JQ: 一个优秀的JS库，大型开发必备JQ的好处: 简化JS的复杂操作 不再需要关心兼容性 提供大量实用方法如何学习JQ: www.jquery.com JQ只是辅助工具，要正确面对 需要分阶段学习JQ设计思想: 选择网页元素 模拟CSS选择元素 独有表达式
阅读全文
摘要：1、设置了float浮动的元素和绝对定位position：absolute的元素会脱离正常的文档流。但是设置absolute的元素不会占据空间，相当于隐形了。 2、相对定位position：relative是指相对于文档流中的其它已经定义的元素位置进行定位。在不设置top/left/right/bo
阅读全文
摘要：属性选择器: E[attr]只使用属性名，但没有确定任何属性值 E[attr="value"]指定属性名，并指定了该属性的属性值 E[attr~="value"]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写 E[a
阅读全文
摘要：1、bootstrap引入：<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport"
阅读全文
摘要：一、闭包： 1、函数嵌套函数、内部函数可以引用外部函数的参数和变量。 参数和变量不会被垃圾回收机制所收回 function aaa(a){ var b = 5; function bbb(){ alert(a); //内部函数引用外部函数的参数 alert(b);//内部函数引用外部函数的变量 }
阅读全文
摘要：1、DOM： DOM : Document Object Model 文档对象模型 文档：html页面 文档对象：页面中元素 文档对象模型：定义 为了能够让程序(js)去操作页面中的元素 DOM会把文档看作是一棵树，同时定义了很多方法来操作这棵数中的每一个元素（节点）DOM节点（document-h
阅读全文
摘要：JS 面向对象及组件开发 JS的面向对象： 1、什么是面向对象编程 用对象的思想去写代码，就是面向对象编程 过程式写法 面向对象写法 我们一直都在使用对象 数组 Array 时间 Date var date = new Date(); var arr = new Array(); //[] //我们
阅读全文
摘要：新增的语法结构表单验证 1、新的页面结构以及宽松的语法规范：<!doctype html> <meta charset=“utf-8”/> 2、新的结构化元素：语义化标签：<header></header> 页眉。主要用于页面的头部的信息介绍，也可用于板块头部 <hgroup></hgroup> 页
阅读全文
摘要：1、像素比：点、points （抽象单位 ） 像素渲染 （栅格化） 物理像素 （调整大小） dpi、ppi 获取像素比 （window.devicePixelRatio） 2、viewport（视口）width 设备宽度 [pixel_value | device-width] user-scala
阅读全文
摘要：1、 font的两个必须要写的：font-size 和 font-family text-indent 首行缩进（em）1em=一个文字大小 text-algin 对齐方式：left、center、right text-decortion 文本修饰： underline（下划线）overline（上
阅读全文
摘要：页面的自动滚动效果，可由javascript来实现，但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果，无需js控制。 使用marquee标记不仅可以移动文字，也可以移动图片，表格等. 语法：<marquee>...</marquee>； 说明：在标
阅读全文
摘要：display:block就是将元素显示为块级元素. block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli
阅读全文
摘要：概念 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较 1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 2. 对于同级元素，position不为static且z-index存在的情况下
阅读全文
摘要：原文出处： Thoriq Firdaus 译文出处：听海阁（@听海JamiE） 层叠样式表（CSS）的主要目的是给HTML元素添加样式，然而，在一些案例中给文档添加额外的元素是多余的或是不可能的。事实上CSS中有一个特性允许我们添加额外元素而不扰乱文档本身，这就是“伪元素”。 你一定听说过这个词，尤
阅读全文
摘要：首先这两个单位一般用在移动端 不太清楚得求证 再记录 1、em w3cschool中给出css中尺寸单位如下： 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如，如果某元素以 12pt 显示，那么 2em 是24pt。 在 CSS 中，em 是非常有用的单位，因为它可以自动适应用
阅读全文
摘要：<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- 匹配移动端 移动端优先 --> <!-- 手机浏览器是把页面放在一个虚拟的窗口-viewport content:内容 device:设备 width:控制vi
阅读全文
摘要：最近在设计网页时，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个<label></label>，一直没明白这个label是做什么的，今天正好看到了解释： Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性 功能：表示Label标签要绑定的H
阅读全文
