Web学习备忘

2018-05-09 本文已影响0人俊逸的狮子

html

ul：unordered list “无序列表”的意思。
OL：Ordered List 有序列表
标准的div+css页面，只会用到种类很少的标签：

 div  p  h1  span   a   img   ul   ol    dl    input

CSS

层叠性：权重计算的问题
选择上了，数权重，(id的数量，类的数量，标签的数量)。如果权重一样，谁写在后面听谁的。
没有选择上，通过继承影响的，就近原则，谁描述的近听谁的。如果描述的一样近，比如选择器权重，如果权重再一样重，谁写在后面听谁的
设置盒子的半透明：display: none;
给标签的形状设置为圆角矩形
border-radius: 50%;
border-radius: 10px 0 0 10px;
超链接<a>的href跳转
href="" //刷新页面
href="#" //跳转到当前页面的顶部（不会刷新）
href="javascript:void(0)" // 什么都不做
href="javascript:;" // 什么都不做

javascript

注释

html的注释：

   <!-- 我是注释  -->

CSS的注释：

  <style type="text/css">
    /*
        我是注释
    */

    p{
        font-weight: bold;
        font-style: italic;
        color: red;
    }
  </style>

注意：CSS只有/* */这种注释，没有//这种注释。而且注释要写在<style>标签里面才算生效哦。

JavaScript的注释：
单行注释：

// 我是注释

多行注释：

  /*
    多行注释1
    多行注释2
  */

null和undefined

null：空值

Null类型的值只有一个，就是null。比如：var a = null。

专门用来表示一个为空的对象。（注意，专门用来表示空对象）

使用 typeof 检查一个null值时，会返回object。

undefined：未定义

Undefined类型的值只有一个，就是undefind

声明一个变量，但是没有赋值，此时它的值就是undefined。例如：var a;

使用 type of 检查一个undefined时，会返回undefined。

null和undefined有最大的相似性。看看null == undefined的结果(true)也就更加能说明这点。

但是null ===undefined的结果(false)。不过相似归相似，还是有区别的，就是和数字运算时，10 + null结果为：10；10 + undefined结果为：NaN。

任何数据类型和undefined运算都是NaN;

任何值和null运算，null可看做0运算。

任何简单类型转换成String
变量.toSting()
String(变量)
全局作用域
直接编写在script标签中的JS代码，都在全局作用域。
全局作用域在页面打开时创建，在页面关闭时销毁。
在全局作用域中有一个全局对象window，它代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用。
在全局作用域中：
创建的变量都会作为window对象的属性保存。
创建的函数都会作为window对象的方法保存。
全局作用域中的变量都是全局变量，在页面的任意的部分都可以访问的到。
函数的声明提前：
使用函数声明的形式创建的函数function foo(){}，会被声明提前。
也就是说，它会在所有的代码执行之前就被创建，所以我们可以在函数声明之前，调用函数。
使用函数表达式创建的函数var foo = function(){}，不会被声明提前，所以不能在声明前调用。
很好理解，因为此时foo被声明了，且为undefined，并没有给其赋值function(){}。
所以说，下面的例子，会报错：
this
解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象。
根据函数的调用方式的不同，this会指向不同的对象：

以函数的形式调用时，this永远都是window。比如fun();相当于window.fun();
以方法的形式调用时，this是调用方法的那个对象
以构造函数的形式调用时，this是新创建的那个对象
使用call和apply调用时，this是指定的那个对象

DOM：文档对象模型，操作网页上的元素的API。比如让盒子移动、变色、轮播图等。
BOM：浏览器对象模型，操作浏览器部分功能的API。比如让浏览器自动滚动。
常见的事件如下：

image
DOM对象的属性和HTML的标签属性几乎是一致的。例如：src、title、className、href等。

innerHTML和innerText的区别

value：标签的value属性。
innerHTML：双闭合标签里面的内容（识别标签）。
innerText：双闭合标签里面的内容（不识别标签）。（老版本的火狐用textContent）

all()和apply()的区别

jQuery

原生 js 的入口函数指的是：window.onload = function() {}; 如下：

  //原生 js 的入口函数。页面上所有内容加载完毕，才执行。
  //不仅要等文本加载完毕，而且要等图片也要加载完毕，才执行函数。
 window.onload = function () {
     alert(1);
 }

而 jQuery的入口函数，有以下几种写法：

写法一：

   //1.文档加载完毕，图片不加载的时候，就可以执行这个函数。
   $(document).ready(function () {
       alert(1);
   })

写法二：（写法一的简洁版）

   //2.文档加载完毕，图片不加载的时候，就可以执行这个函数。
   $(function () {
       alert(1);
   });

写法三：

   //3.文档加载完毕，图片也加载完毕的时候，在执行这个函数。
   $(window).ready(function () {
       alert(1);
   })

jQuery的事件机制常见的事件绑定

click(handler) 单击事件。
blur(handler) 失去焦点事件。
mouseenter(handler) 鼠标进入事件。
mouseleave(handler) 鼠标离开事件。
dbclick(handler) 双击事件。
change(handler) 改变事件，如：文本框值改变，下拉列表值改变等。
focus(handler) 获得焦点事件。
keydown(handler) 键盘按下事件。

Web学习备忘

html

CSS

javascript

innerHTML和innerText的区别

jQuery

猜你喜欢

热点阅读