结构-行为-样式-Javascript笔记

一、console.dir()可以显示一个对象所有的属性和方法。

二、递归遍历一个数据集合:

A、数据:

{
  "menu": [
    {
      "menuId": 1,
      "subMenus": [
        {
          "menuId": 101,
          "subMenus": [  {}]
        }
      ]
    }
  ]
}


        B、代码:

/*function setHref(data){
    if(!data.length == 0){
     for(var i = 0;i<data.length;i++){
      var tmp =  data[i].href.split(".");
       if(tmp.length >2){
         data[i].href = tmp.join("/");
        }
        data[i].subMenus = setHref(data[i].subMenus);
        }
      }
   return data;
}*/

三、分页插件

页面:

<ul class="pagination" id="pagination"></ul>

初始化:

$.jqPaginator(‘#pagination‘, {

totalPages: total,

visiblePages: 3,

currentPage: currentpage,

onPageChange: function (num, type) {

if(type=="change"){

......

}

}

});

四、关于Json:

content={

news_item=[

{

title=a,

digest=tan for test,

content=just for test,

content_source_url=, thumb_media_id=mgzrMNJ9WmVJvYxBmk2G84Fa6wp8ugJLsEsNm7B89Vo,

show_cover_pic=0,

url=http://mp.weixin.qq.com/s?__biz=MzA5NDUwOTc0Ng==&mid=400391997&idx=1&sn=8cbc3e95bed

ca2449fb243e0c25d6e94#rd

}

]

}

对于上述的Json数据:

"[" "]" 中的数据就可以用List来取;

"{""}"中的数据就可以用Map来取;

五、属性选择器

var a = 10; // 原始值

// 但是可以访问方法(就像对象一样)alert(a.toString()); // "10"

// 此外,我们可以在a上创建一个心属性a.test = 100; // 好像是没问题的

// 但,[[Get]]方法没有返回该属性的值,返回的却是undefinedalert(a.test); // undefined

使用属性访问器以后,它已经不是原始值了,而是一个包装过的中间对象(整个例子是使用new Number(a)),而toString方法这时候是通过原型链查找到的:

// 执行a.toString()的原理:

wrapper = new Number(a);wrapper.toString(); // "10"delete wrapper;
//中间对象没了,所以你调用不了,undefined
时间: 2024-10-22 04:05:06

结构-行为-样式-Javascript笔记的相关文章

结构-行为-样式-Css笔记

Q: 一个Div设置为Position:relative,然后他里面的Div或者UL设置成Position:absolute,这样里面的定位就是相对父级Div了,如果父级Div不加POsition:relative 样式就会乱 1.position:absolute是根据离他最近的position:relative || sbolute || fixed 的元素定位: Q:在IE8下使用Z-index失效,如何解决? 1.用opacity和Filter的组合替代Z-index.具体如下 : .l

结构和样式,行为的分离

实现高质量的代码需要我们在结构和样式,行为的分离的基础上做到:精简,重用,有序. 精简:尽量减小文件的大小,提高页面加载速度. 重用:提高代码的重用性,减少冗余代码,提高开发速度. 有序:提高代码的结构性,组织好代码结构更利于维护和应变特殊情况. 在我们的工作中你可能会遇到这样的代码,或者说你可能写出这样的代码 <td width="100%" height="20" class="f9pt" align="center"

编写高质量的代码--基础:结构和样式,行为的分离

实现高质量的代码需要我们在结构和样式,行为的分离的基础上做到:精简,重用,有序. 精简:尽量减小文件的大小,提高页面加载速度. 重用:提高代码的重用性,减少冗余代码,提高开发速度. 有序:提高代码的结构性,组织好代码结构更利于维护和应变特殊情况. 在我们的工作中你可能会遇到这样的代码,或者说你可能写出这样的代码 <td width="100%" height="20" class="f9pt" align="center"

什么是结构、样式、行为分离?

什么是结构.样式.行为分离?这样做的好处是什么? web标准的核心理念就是结构标准.样式标准和行为标准,提倡结构.表现和行为相分离,即HTML-结构.CSS-表现.JavaScript-行为 分离. HTML标签给予内容含义,CSS表现层则定义HTML该如何显示(外观),JavaScript行为成为页面增加交互. 举个例子,如果一个网页是一棵树,那么HTML负责主干,CSS负责枝叶.花.果等,而JavaScript则负责外界条件,比如风.雨.阳光等.这样做有利于思考文档的语义结构,更容易维护和更

JavaScript笔记之Function

一.函数定义 (1)使用function declaration 格式:function functionName(parameters) { function body } 注:此种方式声明的函数作用域是全局的,即在声明之前可以调用 (2)使用function expression 格式:var name = function (parameters) { function body }; 注:与(1)不同,在声明之前不可以调用 (3)使用function constructor() 格式:v

javascript笔记(二)

concat() 连接多个字符串,返回合并后的字符串. 1 var s1="a"; 2 var s2="b"; 3 var s3="c"; 4 5 console.log(s1.concat(s2,s3));//abc concat() 方法的结果等同于:result = s1 + s2 + ... + sN.如果有不是字符串的参数,则它们在连接之前将首先被转换为字符串. 数组中的concat():将参数添加为数组的元素,返回新的数组. 1 va

[Effective JavaScript 笔记]第28条:不要信赖函数对象的toString方法

js函数有一个非凡的特性,即将其源代码重现为字符串的能力. (function(x){ return x+1 }).toString();//"function (x){ return x+1}" 反射获取函数源代码的功能很强大,使用函数对象的toString方法有严重的局限性.toString方法的局限性ECMAScript标准对函数对象的toString方法的返回结果(即该字符串)并没有任何要求.这意味着不同的js引擎将产生不同的字符串,甚至产生的字符串与该函数并不相关. 如果函数

[Effective JavaScript 笔记]第27条:使用闭包而不是字符串来封装代码

函数是一种将代码作为数据结构存储的便利方式,代码之后可以被执行.这使得富有表现力的高阶函数抽象如map和forEach成为可能.它也是js异步I/O方法的核心.与此同时,也可以将代码表示为字符串的形式传递给eval函数以达到同样的功能.程序员面临一个选择:应该将代码表示为函数还是字符串?毫无疑问,应该将代码表示为函数.字符串表示代码不够灵活的一个重要原因是:它们不是闭包. 闭包回顾 看下面这个图 js的函数值包含了比调用它们时执行所需要的代码还要多的信息.而且js函数值还在内部存储它们可能会引用

[Effective JavaScript 笔记] 第4条:原始类型优于封闭对象

js有5种原始值类型:布尔值.数字.字符串.null和undefined. 用typeof检测一下: typeof true; //"boolean" typeof 2; //"number" typeof "s";//"string" typeof null;//"object":ECMAScript把null描述为独特的类型,但返回值却是对象类型,有点困惑. 可以使用Object.prototype.t