摘要:,關于原生的以及十分類似于,表單提交時,如果元素沒有屬性,則該元素不會被提交。,的一些動畫效果。除了我們常見的還有三個參數依次為需要改變的效果完成這些效果需要的時間動畫完成后調用的函數。
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,涉及到異步代碼,無法在調用時捕獲,原因就是在捕獲的當時,回調函數并未執行。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/104685.html
摘要:走過了這一年,公眾號的名稱前前后后改了三次,最后定格為閏土大叔。均價,這價格絕對屬于太原市最便宜的樓盤之一了。據售樓部的朋友說,未來兩年太原的房價還會迎來新一波的漲價潮,到了年,太原會承辦全國青少年運動會,簡稱青運會。 前言 從年前就嚷嚷著要走出去走出去,轉眼間已經到了年底依然在我的大太原呆著。年底了,不能免俗的我,也來寫一篇2017年度工作總結的文章,湊湊熱鬧。如果對你有一點點啟發,...
摘要:走過了這一年,公眾號的名稱前前后后改了三次,最后定格為閏土大叔。均價,這價格絕對屬于太原市最便宜的樓盤之一了。據售樓部的朋友說,未來兩年太原的房價還會迎來新一波的漲價潮,到了年,太原會承辦全國青少年運動會,簡稱青運會。 前言 從年前就嚷嚷著要走出去走出去,轉眼間已經到了年底依然在我的大太原呆著。年底了,不能免俗的我,也來寫一篇2017年度工作總結的文章,湊湊熱鬧。如果對你有一點點啟發,...
摘要:為了防止某些文檔或腳本加載別的域下的未知內容,防止造成泄露隱私,破壞系統等行為發生。模式構建函數響應式前端架構過程中學到的經驗模式的不同之處在于,它主要專注于恰當地實現應用程序狀態突變。嚴重情況下,會造成惡意的流量劫持等問題。 今天是編輯周刊的日子。所以文章很多和周刊一樣。微信不能發鏈接,點了也木有用,所以請記得閱讀原文~ 發個動圖娛樂下: 使用 SVG 動畫制作游戲 使用 GASP ...
摘要:群里聽達峰大大講用的是的方案留了個心眼之前查看過一些方案大致看過不知道哪個比較好但是既然有實踐經驗而且當時也是我看中的幾個之一覺得比較安全從寫法上看侵入性比較小直接就是然后生成的是基于的包裹的插入在當中的這樣運行時甚至熱替換時沒有什么問 群里聽達峰大大講 Strikingly 用的是 emotion 的方案, 留了個心眼.之前查看過一些 CSS in JS 方案, 大致看過 emoti...
閱讀 2566·2021-11-22 13:53
閱讀 4069·2021-09-28 09:47
閱讀 858·2021-09-22 15:33
閱讀 808·2020-12-03 17:17
閱讀 3315·2019-08-30 13:13
閱讀 2121·2019-08-29 16:09
閱讀 1176·2019-08-29 12:24
閱讀 2452·2019-08-28 18:14