前端

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);
        }
    }
}

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的标签。

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() {

})