前端

在JavaScript的世界中,所有代码都是单线程执行的。

 

1、点击按钮,响应

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <title>
                javaScript
            </title>
        </meta>
    </head>
    <body>
        <button type = "button" onclick = "alert(`welcome`)"> click it </button>
        <script type="text/javascript">
            document.write("this is my first javascript file");
        </script>
    </body>
</html>
alert

 

2、点击按钮,设置函数可以改变html里面的内容

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
            <title>
                javaScript
            </title>
        </meta>
    </head>
    <body>
        <button type = "button" id = "fuck" onclick = "func()"> click it </button>
        <script type="text/javascript">
            function func() {
                x = document.getElementById("fuck");
                x.innerHTML = "test";
            }
            document.write("this is my first javascript file");
        </script>
    </body>
</html>
getElementById

 

3、js定时器

不知道为什么下面代码错误了。

function show() {
    console.log(total);
    total++;
    if (total == e + 1) {
        clearInterval(id)
    }
}

function count(start, end) {
    console.log(start);
    total = start + 1;
    e = end;
    id = setInterval('show()', 100);
    return {
        cancel:function () {
            clearInterval(id);
        }
    }
}
View Code

因为调用的时候不用引号,也不需要用括号

function show() {
    console.log(total);
    total++;
    if (total == e + 1) {
        clearInterval(vimi)
    }
}

function count(start, end) {
    console.log(start);
    total = start + 1;
    e = end;
    vimi = setInterval(show, 100);
    return {
        cancel: function() {
            clearInterval(vimi);
        }
    }
}
accept

 

 

4、js中用var修饰的是局部变量,没用var修饰的是全局变量

 

5、js中,如果需要拼接字符串,可以使用:(记得test中的引号是到引号)

var name1 = 'vimi';
var test = `vimi, ${name1},`    ;

 

6、

实际上,JavaScript允许对任意数据类型做比较:

false == 0; // true
false === 0; // false
要特别注意相等运算符==。JavaScript在设计时,有两种比较运算符:

第一种是==比较,它会自动转换数据类型再比较,很多时候,会得到非常诡异的结果;

第二种是===比较,它不会自动转换数据类型,如果数据类型不一致,返回false,如果一致,再比较。

 

7、js和go的区别。

js的对象中。最后一个key-value不能使用逗号

比如:

var xiaoming = {
    'name': 'vimi',
    name: '小明'
};

最后一个name: '小明'就不能有逗号,不然有一些低版本的流浪器会解析错误。

 

然后golang里面的是全部都有逗号的。

    return &mediaGroup{
        ChatId:              s.ChatId,
        DisableNotification: s.DisableNotification,
        Media:               arr,
    }

 

8、js和python的区别:

js中的for (var index in list)遍历的是下标。

python中的 for value in list:

if __name__ == '__main__':
    list = [1, 2, 3, 4]
    for value in list:
        print(value)
'use strict';

var list = [1, 2, 3, 5];

for (var index in list) {
    document.writeln(list[index]);
}

 

9、JS中序列化(json)好看一点:

JSON.stringify(xiaoming, null, '  ');

 

10、js中的this的坑和apply的使用。

这里提到一个装饰器模型,意思就是统计某个function用了多少次,可以再封装一层,然后里面有一个东西可以count++

 

11、你也许会想,直接在我的硬盘上创建好HTML和JavaScript文件,然后用浏览器打开,不就可以看到效果了吗?

这种方式运行部分JavaScript代码没有问题,但由于浏览器的安全限制,以file://开头的地址无法执行如联网等JavaScript代码,最终,你还是需要架设一个Web服务器,然后以http://开头的地址来正常执行所有JavaScript代码。

 

12、序列化和反序列化

js: JSON.stringify(obj)     JSON.parse('{"name":"小明","age":14}');       弱类型,直接var obj = JSON.parse即可

go: json.Marshal        json.Unmarshal                                              强类型,需要定义struct,然后json.Unmarshal([]byte, interface{})

python: json.dumps     json.loads                                                        弱类型,直接obj = json.loads()

PHP: json_encode         json_decode                                                    弱类型,直接$obj = json_decode()

 

13、如果要使用jQuery,先要在head头部上表明引用jQuery的标签。

 

<script src="jquery.js"></script>

 

jQuery命令大全

// 查找<div id="abc">:
var div = $('#abc');

// 按tag查找
var ps = $('p'); // 返回所有<p>节点
ps.length; // 数一数页面有多少个<p>节点

var a = $('.red'); // 所有节点包含`class="red"`都将返回
// 例如:
// <div class="red">...</div>
// <p class="green red">...</p>

 

14、jQuery和简单DOM互换

var div = $('#abc'); // jQuery对象
var divDom = div.get(0); // 假设存在div,获取第1个DOM元素
var another = $(divDom); // 重新把DOM包装为jQuery对象

 

15、jQuery可以触发的事件,键盘事件、鼠标事件等。

var obj = $(`p`);

obj.click(function() {

})

posted on 2018-09-07 10:06  stupid_one  阅读(191)  评论(0编辑  收藏  举报

导航