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"
网友评论