07 - Json&&内存分配

2016-12-22  本文已影响18人  西巴撸

本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!!

博客地址 点击跳转


什么是Json?

最大事件源

<script>
    var box = document.getElementById('box');
    // 页面上最大的点击事件 就是document.onclick
    document.onclick = function(e){
        // IE浏览器中e不支持,支持event
        // 兼容写法
        var e =  e || event;
        box.innerHTML = e.clientX +'<br>'+ e.clientY;
    }
    // 这里的 e 是 event对象
    box.onclick  = function(e){
        var e =  e ||event;
        box.innerHTML = e.clientX +'<br>'+ e.clientY;
        //通过事件获取的clientX和clientY都是表示点击的时候,屏幕的实际坐标
        //以屏幕的左上角作为原点
    }
</script>

给对象设置属性

<script>
    // 获取属性
    var box = document.getElementById('box');
    //1.设置属性
    //一般两个参数,第一个参表示属性,属性的值
    box.setAttribute('title','我是盒子');
    console.log(box.getAttribute('title'));
    box.removeAttribute('title');
    console.log(box.getAttribute('title'));
</script>

Json数据的认识

<script>
    //1.json用来存储数据,但是数据不可以重复,没有顺序
    //2.json通过key:value来存储
    //3.创建json,通过{}
    //标准的json数据key必须用双引号
    var personJson = {"name":"张三","age":"16","sex":"不男不女"};
    var personJson1 = {'name':'张三','age':'16'};
    var personJson2 = {name:'张三',age:'16'};
    //4.访问json,通过key
    //如果通过中括号访问json,key需要些全称,如果有引号需要加上引号,没有引号也要加上引号
    console.log(personJson2.name);
    // console.log(personJson2[name]);
</script>

Json数据的遍历

<script>
    // json
    //通过for in来遍历json
    //key遍历的是json 得到的是属性  json[key]得到的是属性值
     for(var key in personJson){
         console.log(personJson[key]);
     }
    // 数组
    var arr = [1,2,3,4,5,7];
    for(var key in arr){
        console.log(k);      // 得到是索引号
        console.log(arr[k]);  // 得到是值
    }
    for(var key in document){
     //如果for in循环中后面是一个对象,那么key代表属性
        document.write(key+':'+document[key]+'<br>');
    }
</script>

通过Json设置样式

<script>
    var box = document.getElementById('box');
    var cssJson = {"width":"100px","height":"100px","background":"blue"};
    for(var key in cssJson){
        css(box,key,cssJson[key]);
    }
     // 样式的抽取封装
    function css(dom,key,value){
        dom.style[key] = value;
    }
</script>

------------- 网络请求&&内存分配--------------

HTTP协议

TCP/UDP

socket

安卓和Js内存管理机制

// 对于一个对象,左边的对象放在栈中,右边的实际对象放在堆中
// 通过指针连接,栈中的对象指向堆中的实际对象
   var myDate = new Date()

IOS内存管理机制

提升内存性能

数据结构的类型

上一篇 下一篇

猜你喜欢

热点阅读