美文网首页
Web学习备忘

Web学习备忘

作者: 俊逸的狮子 | 来源:发表于2018-05-09 09:39 被阅读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

  • 注释
  1. html的注释:
   <!-- 我是注释  -->
  1. CSS的注释:
  <style type="text/css">
    /*
        我是注释
    */

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

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

  1. 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会指向不同的对象:

  1. 以函数的形式调用时,this永远都是window。比如fun();相当于window.fun();
  2. 以方法的形式调用时,this是调用方法的那个对象
  3. 以构造函数的形式调用时,this是新创建的那个对象
  4. 使用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 ul:unordered list “无序列表”的意思。 OL:Ordered List 有序列表 标准...

  • Python备忘

    python学习备忘未整理 狗书是的是:Flask Web开发:基于Python的Web应用开发实战 2018-0...

  • web技术学习备忘

    曾经一度对计算机技术很感兴趣,记得初三暑假的时候,除了多半时间在玩CS, 红警,FIFA及看了一本《平凡的世界》以...

  • web-app 4.0 web.xml备忘

    web-app 4.0 web.xml备忘

  • CTF-MISC-日志分析

    总结——用于备忘和交流学习 一.web日志分析 (一)、特征字符分析 1.sql注入 (二)、访问频率分析 二.系...

  • Web API(备忘)

    Web API Web API介绍 API的概念 API(Application Programming Inte...

  • iOS开发学习备忘单

    iOS开发学习备忘单 iOS开发学习备忘单

  • 学习备忘

    《秘密》《吸引力法则》、《极简宇宙》、《心想事成的秘密》、《正念禅修》等等 首先,先客观地观察、描述事情,看看情况...

  • web.xml详解备忘

    学了一段时间的Java Web,很早也知道tomcat,但是每每开始进行开发时,总是遇到很多陌生名词和概念。不得已...

  • 无标题文章

    #Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...

网友评论

      本文标题:Web学习备忘

      本文链接:https://www.haomeiwen.com/subject/fwqglftx.html