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