前端
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>
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>
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); } } }
因为调用的时候不用引号，也不需要用括号
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、
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]); }
JSON.stringify(xiaoming, null, ' ');
这里提到一个装饰器模型，意思就是统计某个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>
// 查找<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>
var div = $('#abc'); // jQuery对象
var divDom = div.get(0); // 假设存在div，获取第1个DOM元素
var another = $(divDom); // 重新把DOM包装为jQuery对象
var obj = $(`p`);
obj.click(function() {
})
posted on 2018-09-07 10:06 stupid_one 阅读(191) 评论(0) 编辑 收藏 举报
