前端基础

html

html不区分大小写。

---

分割线

字体标签

设置字体，大小，颜色。
<font face=“” size=“7” color=“red”>

格式化标签

<del></del>
删除线

<u></u>
下划线

表单

form表单 中的<input type=“submit”/> 和 <button></button>等价

h5

<!--contrl显示播放按钮，进度条-->
<video src=“” control></video>

<input list="cities">
<datalist id="cities">
    <option value="beijing"></option>
</datalist>

CSS

伪类选择器

LoveHate,LVHA
a:link // 未访问
a:visited // 被访问
a:active //  激活，点住未松手

li:first-child{} // 第一个 li

浮动定位

元素左右浮动且消除块级元素独占一行

绝对定位

本元素与已经定位的祖先元素的距离

background

backgroud-size: cover //完全覆盖
backgroud-size: content // 完全适应,等比例缩放

backgroud-origin backgroud-clip 区别

background-clip属性是对整体背景的粗暴裁切。
background-origin属性是规定背景图的渲染范围。
老生常谈之CSS背景background-clip与background-origin属性的特点和区别 - 孙琪峥 - 比花言巧语更难的是学会闭嘴

js

=== //类型和数值相同
// 和字符串拼接自动转为字符串
10 + 'a' -> '10a'
true + 'a' -> truea

true + 5 -> 6
true + true -> 2

数组 object类型

arr.sort() // 字符排序，数组排序发生改变

Number对象

var n=new Number(12.345)
n.toFixed(2)  // 12.35 ,固定两位，四舍五入

日期

var date = new Date()
date.getMonth() // 月份从 0开始

参数对象arguments

全局函数

isNaN 非数字为真，isNaN(“123”) false

闭包

• 函数中不使用var 声明的变量是全局变量
• 外部声明的全局变量可以不使用 var

// 闭包实现累加器，返回jia 函数，不停地调用，实现对局部变量的count访问并累加。count不会再被初始化 为 0
function test1(){

    var count = 0; //局部变量 
    function jia(){ 
        return count+=1; 
    }    
    return jia;
}

var fn = test1(); // fn => function jia(){return count+=1; } fn(); fn();

键盘事件

// event: 事件源
window.onkeyup = function(){
    event.keyCode
}

事件冒泡机制

document.getElementById("father").addEventListener("click",function(e){ alert("父级：" + this.id); });

先触发子级，再触发父级。
事件冒泡取消 e.stopPropagation()

事件捕获

先父,后子。

document.getElementById("father").addEventListener("click",function(){ alert("父级：" + this.id); },true);

window 对象

window.open()
// 获取屏幕的分辨率
window.screen.width,windwo.screen.height

// 当前页面路径
location.href

// 刷新
location.reload()

// 页面跳转
location.href="http://www.baidu.com"