Web学习备忘

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) 键盘按下事件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,725评论 1 92
  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 2,327评论 0 7
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 16,510评论 32 459
  • 最近网上盛传华为清理34岁老员工的消息,不管“我司”辟谣与否,根据最近突然有多名同事跟我咨询招聘消息的情况来看,公...
    李子无为阅读 3,486评论 1 1
  • 在教育下一代方面,你要言行合一,给儿童最合时宜的表率。 一个人才智越有限,越容易对工作和伴侣厌...
    枫情物语阅读 177评论 0 0