zoukankan      html  css  js  c++  java
  • 第一二周的笔记

    1.select的用法:

    http://www.jb51.net/article/42523.htm

    select的val()就是当前选中的val(),并且初始没有点击选择时val()值为第一项option的值。

    2.Ajax的异步

    jQuery中,$.getJSON只能异步,它之后的代码会先执行。要想避免异步产生问题必须想办法把代码搬到回调函数中。

    3.sessionstorage的储存(可以以Json的形式存入对象)

    sessionstorage和cookie和script文件中全局变量的区别:

    保留期cookie>sessionstorage>全局变量

    刷新后script文件重新加载,全局变量消失,如果页面没有关闭,只是刷新,则sessionstorage中的数据还在。如果关闭了页面重新打开,则sessionstorage中的数据消失,cookie中的数据保留时间最长,直到手动清除浏览器的cookie为止。

    4.RegExp,判断字符串是否适配用test。

    5.parseInt()函数对于0开头的字符串在新浏览器中可自动去0,在IE8及以下浏览器中,01到07没有问题,08和09会报错,因为默认八进制转换,所以需用parseInt(str,10)来明确十进制即可解决。

    6.jQuery用trigger()可以往事件函数中可以传递参数,配合on()。直接手动调用(click(),change())无法传递其他参数。

    参考:

    http://www.frontopen.com/846.html

    7.function Func(){--------------5

      this.b();---------------------6

    }

    Func.prototype={ --------------1

    a:function(){};------------------2

    b:function(){--------------------3

      this.c();};-------------------7

    c:function(){}-------------------4

    }

    var obj=new Func();-----------5

    在用构造函数和原型创造对象时,运行顺序首先执行prototype,提升所有属性(包括方法头部)。在原型中定义的属性方法互相调用不在乎顺序。可以看到虽然方法c书写在b后面,但是在第四步就被提升了,b的函数体在第七步才执行,此时调用c是没有问题的。

    8.jQuery中的DOM对象经过了封装,无法通过变量名直接判断是否是同一个DOM对象。

    比如在this==document.getElementById(“example”)判断为true的情况下,$(this)==$("#example")一般不为true.

    9.网页轮播图。将image列表换成div列表,图片作为background-image,可以用Position实现一直居中。而且在Bootstrap框架下div可以自适应屏幕宽度。

    10.图标字体的使用:

    图标字体是用字符编码来显示图片的字体,使用时有两点:1.css中导入字体2.设置font-family字体为该字体(一般抽出成一个icon类) 3.一般在css中用伪元素添加content="exxx"(字符编码)。

    使用Bootstrap组件提供的图标字体时,直接添加类即可。但是bootstrap的图标字体中不包含常规的英文和中文字符,所以给它一个单独的span标签来设置font-family,确保不影响到其他内容的正常显示。

    对于包含正常字符和图标字符的图标字体,在父元素上更改font-family也不会影响其他兄弟元素的内容显示。

    11.bootstrap使用tips

    有a标签的地方通过a的Href和给对应元素添加id来实现对象的控制,data-toggle设置触发器类型,如tab

    使用button的地方,由于它本身没有href这种定位对象的属性,使用data-target来设置它要操控的元素,如导航条中的汉堡菜单或模态框。

    具体使用时,更改这些选项即可。role之类只是标注,并没有实际用途,不加也可。

  • 相关阅读:
    [LeetCode]Power of N
    uboot学习之uboot启动流程简述
    [LeetCode]Palindrome Pairs
    [LeetCode]Gray Code
    快速排序 partition函数的所有版本比较
    Linked List Cycle && Linked List Cycle II
    Simplify Path leetcode
    Pow(x, n) leetcode
    Swap Nodes in Pairs leetcode
    Multiply Strings leetcode
  • 原文地址:https://www.cnblogs.com/natsu07/p/6084018.html
Copyright © 2011-2022 走看看