关于JS的一些小笔记

figofuture 发布于2019-08-23 18:06 / 2258人阅读

摘要：，关于原生的以及十分类似于，表单提交时，如果元素没有属性，则该元素不会被提交。，的一些动画效果。除了我们常见的还有三个参数依次为需要改变的效果完成这些效果需要的时间动画完成后调用的函数。

1,反引号可以转行输出

${var_name}串联字符

var name = "小明";
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
console.log(message)

2,关于Map和Set

Map方法用set(此时为方法)接收的值为key-value类型，两个参数后的实参会被自动忽略

Set为构造函数
最大的特点为自动过滤重复的key值

Set是一组key值，但是不储存value值

数组与对象可用for...in...得到对应的key-value值。但是对于Map和Set则不行

数组、Map和Set都属于iterable(可迭代类型，不包含对象)，均使用for...of...来获取key-value值

3，减少对全局变量的污染以及对自己代码所用变量纯洁性的维护，可以使用名字变量

4，闭包
闭包即函数作为返回（return）且返回的函数中有包含不属于它函数域内的局部变量（继承的，可访问的不是自己函数内定义的变量）
使用闭包需注意：不要引用任何循环变量，或者后续会发生变化的变量。
参见for循环导致for循环内参数值永远只能访问到最大适合for循环条件的值

如果一定要调用循环变量，可以加一层函数，用函数变量去过滤循环变量。或者直接使用ES6的let来定义循环变量。

5，关于原生js的querySelector()以及querySelectorAll()
document.querySelector(".classname")
document.querySelector("#elementid")
十分类似于jQuery

6，form表单提交时，如果form元素没有name属性，则该元素不会被提交。
同时，禁用状态的元素也不会被提交

7，input 文件类型（file）上传文件时可以验证文件类型，以便于文件附件上传

8，原生js获取某个元素，并把该元素放置到另外一个元素HTML内的时候，appendChild(apphtml)中的参数只能是一个元素结点（一个包裹层），否则会提示插入的元素不是node结点类型，导致插入失败。

9，滚动获取滚动到顶部的距离

window.onscroll = function(){ 
    var t = document.documentElement.scrollTop || document.body.scrollTop;  
    console.log(t) 
}

十分重要的一个注：scrollTop获取值的兼容性要务必重视，不要因为document.body.scrollTop写起来简单些就直接用，可能你用它获取到的值永远都是0。

document.documentElemnent.scrollTop可以直接从浏览器里面获取到滚动到顶部的值。

10，jQuery的一些动画效果。

除了我们常见的.toggle(time);.slideToggle(time);.fadeToggle(time);
还有.animate({css},time,function)
三个参数依次为：需要改变的css效果；完成这些效果需要的时间；动画完成后调用的函数。

除此之外还能用.delay()串联动画

11，涉及到异步代码，无法在调用时捕获，原因就是在捕获的当时，回调函数并未执行。

GPU服务器私有云 ddos一些比较小的网站关于云计算的小故事关于网络安全的小知识有关于c语言的小程序

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/104685.html

回望2017：一个前端从业者砥砺前行的一年

摘要：走过了这一年，公众号的名称前前后后改了三次，最后定格为闰土大叔。均价，这价格绝对属于太原市最便宜的楼盘之一了。据售楼部的朋友说，未来两年太原的房价还会迎来新一波的涨价潮，到了年，太原会承办全国青少年运动会，简称青运会。前言从年前就嚷嚷着要走出去走出去，转眼间已经到了年底依然在我的大太原呆着。年底了，不能免俗的我，也来写一篇2017年度工作总结的文章，凑凑热闹。如果对你有一点点启发，...

dmlllll 2019-06-26 17:31 评论0 收藏0
回望2017：一个前端从业者砥砺前行的一年

摘要：走过了这一年，公众号的名称前前后后改了三次，最后定格为闰土大叔。均价，这价格绝对属于太原市最便宜的楼盘之一了。据售楼部的朋友说，未来两年太原的房价还会迎来新一波的涨价潮，到了年，太原会承办全国青少年运动会，简称青运会。前言从年前就嚷嚷着要走出去走出去，转眼间已经到了年底依然在我的大太原呆着。年底了，不能免俗的我，也来写一篇2017年度工作总结的文章，凑凑热闹。如果对你有一点点启发，...

xietao3 2019-08-21 18:34 评论0 收藏0
前端阅读笔记 2016-11-25

摘要：为了防止某些文档或脚本加载别的域下的未知内容，防止造成泄露隐私，破坏系统等行为发生。模式构建函数响应式前端架构过程中学到的经验模式的不同之处在于，它主要专注于恰当地实现应用程序状态突变。严重情况下，会造成恶意的流量劫持等问题。今天是编辑周刊的日子。所以文章很多和周刊一样。微信不能发链接，点了也木有用，所以请记得阅读原文~ 发个动图娱乐下：使用 SVG 动画制作游戏使用 GASP ...

KoreyLee 2019-08-20 12:32 评论0 收藏0
关于 emotion 初步使用的笔记

摘要：群里听达峰大大讲用的是的方案留了个心眼之前查看过一些方案大致看过不知道哪个比较好但是既然有实践经验而且当时也是我看中的几个之一觉得比较安全从写法上看侵入性比较小直接就是然后生成的是基于的包裹的插入在当中的这样运行时甚至热替换时没有什么问群里听达峰大大讲 Strikingly 用的是 emotion 的方案, 留了个心眼.之前查看过一些 CSS in JS 方案, 大致看过 emoti...

derek_334892 2019-08-29 13:47 评论0 收藏0