資訊專欄INFORMATION COLUMN
摘要：，關(guān)于原生的以及十分類似于，表單提交時(shí)，如果元素沒有屬性，則該元素不會(huì)被提交。，的一些動(dòng)畫效果。除了我們常見的還有三個(gè)參數(shù)依次為需要改變的效果完成這些效果需要的時(shí)間動(dòng)畫完成后調(diào)用的函數(shù)。
1,反引號(hào)可以轉(zhuǎn)行輸出
${var_name}串聯(lián)字符
var name = "小明";
var age = 20;
var message = `你好, ${name}, 你今年${age}歲了!`;
console.log(message)
2,關(guān)于Map和Set
Map方法用set(此時(shí)為方法)接收的值為key-value類型，兩個(gè)參數(shù)后的實(shí)參會(huì)被自動(dòng)忽略
Set為構(gòu)造函數(shù)
最大的特點(diǎn)為自動(dòng)過濾重復(fù)的key值
Set是一組key值，但是不儲(chǔ)存value值
數(shù)組與對象可用for...in...得到對應(yīng)的key-value值。但是對于Map和Set則不行
數(shù)組、Map和Set都屬于iterable(可迭代類型，不包含對象)，均使用for...of...來獲取key-value值
3，減少對全局變量的污染以及對自己代碼所用變量純潔性的維護(hù)，可以使用名字變量
4，閉包
閉包即函數(shù)作為返回（return）且返回的函數(shù)中有包含不屬于它函數(shù)域內(nèi)的局部變量（繼承的，可訪問的不是自己函數(shù)內(nèi)定義的變量）
使用閉包需注意：不要引用任何循環(huán)變量，或者后續(xù)會(huì)發(fā)生變化的變量。
參見for循環(huán)導(dǎo)致for循環(huán)內(nèi)參數(shù)值永遠(yuǎn)只能訪問到最大適合for循環(huán)條件的值
如果一定要調(diào)用循環(huán)變量，可以加一層函數(shù)，用函數(shù)變量去過濾循環(huán)變量?；蛘咧苯邮褂肊S6的let來定義循環(huán)變量。
5，關(guān)于原生js的querySelector()以及querySelectorAll()
document.querySelector(".classname")
document.querySelector("#elementid")
十分類似于jQuery
6，form表單提交時(shí)，如果form元素沒有name屬性，則該元素不會(huì)被提交。
同時(shí)，禁用狀態(tài)的元素也不會(huì)被提交
7，input 文件類型（file）上傳文件時(shí)可以驗(yàn)證文件類型，以便于文件附件上傳
8，原生js獲取某個(gè)元素，并把該元素放置到另外一個(gè)元素HTML內(nèi)的時(shí)候，appendChild(apphtml)中的參數(shù)只能是一個(gè)元素結(jié)點(diǎn)（一個(gè)包裹層），否則會(huì)提示插入的元素不是node結(jié)點(diǎn)類型，導(dǎo)致插入失敗。
9，滾動(dòng)獲取滾動(dòng)到頂部的距離
window.onscroll = function(){
var t = document.documentElement.scrollTop || document.body.scrollTop;
console.log(t)
}
十分重要的一個(gè)注：scrollTop獲取值的兼容性要?jiǎng)?wù)必重視，不要因?yàn)閐ocument.body.scrollTop寫起來簡單些就直接用，可能你用它獲取到的值永遠(yuǎn)都是0。
document.documentElemnent.scrollTop可以直接從瀏覽器里面獲取到滾動(dòng)到頂部的值。
10，jQuery的一些動(dòng)畫效果。
除了我們常見的.toggle(time);.slideToggle(time);.fadeToggle(time);
還有.animate({css},time,function)
三個(gè)參數(shù)依次為：需要改變的css效果；完成這些效果需要的時(shí)間；動(dòng)畫完成后調(diào)用的函數(shù)。
除此之外還能用.delay()串聯(lián)動(dòng)畫
11，涉及到異步代碼，無法在調(diào)用時(shí)捕獲，原因就是在捕獲的當(dāng)時(shí)，回調(diào)函數(shù)并未執(zhí)行。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/104685.html
摘要：走過了這一年，公眾號(hào)的名稱前前后后改了三次，最后定格為閏土大叔。均價(jià)，這價(jià)格絕對屬于太原市最便宜的樓盤之一了。據(jù)售樓部的朋友說，未來兩年太原的房價(jià)還會(huì)迎來新一波的漲價(jià)潮，到了年，太原會(huì)承辦全國青少年運(yùn)動(dòng)會(huì)，簡稱青運(yùn)會(huì)。 前言 從年前就嚷嚷著要走出去走出去，轉(zhuǎn)眼間已經(jīng)到了年底依然在我的大太原呆著。年底了，不能免俗的我，也來寫一篇2017年度工作總結(jié)的文章，湊湊熱鬧。如果對你有一點(diǎn)點(diǎn)啟發(fā)，...
摘要：走過了這一年，公眾號(hào)的名稱前前后后改了三次，最后定格為閏土大叔。均價(jià)，這價(jià)格絕對屬于太原市最便宜的樓盤之一了。據(jù)售樓部的朋友說，未來兩年太原的房價(jià)還會(huì)迎來新一波的漲價(jià)潮，到了年，太原會(huì)承辦全國青少年運(yùn)動(dòng)會(huì)，簡稱青運(yùn)會(huì)。 前言 從年前就嚷嚷著要走出去走出去，轉(zhuǎn)眼間已經(jīng)到了年底依然在我的大太原呆著。年底了，不能免俗的我，也來寫一篇2017年度工作總結(jié)的文章，湊湊熱鬧。如果對你有一點(diǎn)點(diǎn)啟發(fā)，...
摘要：為了防止某些文檔或腳本加載別的域下的未知內(nèi)容，防止造成泄露隱私，破壞系統(tǒng)等行為發(fā)生。模式構(gòu)建函數(shù)響應(yīng)式前端架構(gòu)過程中學(xué)到的經(jīng)驗(yàn)?zāi)Ｊ降牟煌幵谟?，它主要專注于恰?dāng)?shù)貙?shí)現(xiàn)應(yīng)用程序狀態(tài)突變。嚴(yán)重情況下，會(huì)造成惡意的流量劫持等問題。 今天是編輯周刊的日子。所以文章很多和周刊一樣。微信不能發(fā)鏈接，點(diǎn)了也木有用，所以請記得閱讀原文~ 發(fā)個(gè)動(dòng)圖娛樂下： 使用 SVG 動(dòng)畫制作游戲 使用 GASP ...
摘要：群里聽達(dá)峰大大講用的是的方案留了個(gè)心眼之前查看過一些方案大致看過不知道哪個(gè)比較好但是既然有實(shí)踐經(jīng)驗(yàn)而且當(dāng)時(shí)也是我看中的幾個(gè)之一覺得比較安全從寫法上看侵入性比較小直接就是然后生成的是基于的包裹的插入在當(dāng)中的這樣運(yùn)行時(shí)甚至熱替換時(shí)沒有什么問 群里聽達(dá)峰大大講 Strikingly 用的是 emotion 的方案, 留了個(gè)心眼.之前查看過一些 CSS in JS 方案, 大致看過 emoti...
閱讀 2667·2021-11-22 13:53
閱讀 4222·2021-09-28 09:47
閱讀 953·2021-09-22 15:33
閱讀 920·2020-12-03 17:17
閱讀 3377·2019-08-30 13:13
閱讀 2188·2019-08-29 16:09
閱讀 1246·2019-08-29 12:24
閱讀 2521·2019-08-28 18:14
