js常用方法的記錄

zlyBear 發(fā)布于2019-08-21 10:35 / 1936人閱讀

摘要：這個(gè)事件和普通的事件不同，它的返回值另有作用，使用場(chǎng)景主要是防止用戶不小心關(guān)閉瀏覽器而丟失正在編輯的內(nèi)容，所以其功能就是彈出一個(gè)關(guān)閉頁(yè)面的警告。

生成m~n范圍的隨機(jī)整數(shù)

js沒(méi)有直接生成特定范圍數(shù)值的函數(shù)，只提供了一個(gè)Math.random()，能生成0~1之間的偽隨機(jī)浮點(diǎn)數(shù)(取不到１)，利用該函數(shù)即可生成任意范圍的隨機(jī)數(shù)

function getRandom(floor, ceil) {
    return parseInt(Math.random() * (ceil - floor + 1) + floor)
}

關(guān)閉標(biāo)簽頁(yè)時(shí)提醒

很常見(jiàn)的功能，需要綁定beforeunload事件。這個(gè)事件和普通的事件不同，它的返回值另有作用，使用場(chǎng)景主要是防止用戶不小心關(guān)閉瀏覽器而丟失正在編輯的內(nèi)容，所以其功能就是彈出一個(gè)關(guān)閉頁(yè)面的警告。該事件不需要用confirm來(lái)發(fā)起詢問(wèn)，只要在返回值中寫(xiě)入詢問(wèn)對(duì)話框的字符

window.onbeforeunload = function () {
    return "您輸入的內(nèi)容尚未保存";
};

但在提交表單保存時(shí)仍然會(huì)進(jìn)行提示，這是不必要的，直接在表單提交函數(shù)里重寫(xiě)onbeforeunload即可

window.onbeforeunload = null;

使用closure模式構(gòu)造對(duì)象

同樣是get_name()方法，closure模式更快

prototype模式：

var X = function(name){ this.name = name; }
X.prototype.get_name = function() { return this.name; };

closure模式:

var Y = function(name) {
　　　　var y = { name: name };
　　　　return { "get_name": function() { return y.name; } };
};

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/85799.html

相關(guān)文章

JS薄弱點(diǎn)記錄

摘要：的值為對(duì)象使用構(gòu)造函數(shù)調(diào)用函數(shù)如果函數(shù)調(diào)用前使用了關(guān)鍵字，則是調(diào)用了構(gòu)造函數(shù)。基于類的基于原型的定義類定義原型對(duì)象定義類的構(gòu)造函數(shù)定義對(duì)象的構(gòu)造函數(shù)實(shí)例化對(duì)象將構(gòu)造函數(shù)關(guān)聯(lián)到原型實(shí)例化對(duì)象注意中引入的概念依然是基于原型的原理。一、函數(shù)定義 JS使用關(guān)鍵字function定義函數(shù)，有三種定義方式（有時(shí)候也說(shuō)有三種聲明方式）。1.函數(shù)聲明 function functionName(pa...

kgbook 2019-08-23 14:28 評(píng)論0 收藏0
vue培訓(xùn)記錄

在公司做了一次vue相關(guān)的培訓(xùn)，自己整理了一些大綱。供大家參考學(xué)習(xí)！當(dāng)然優(yōu)先要先看官方文檔 1. 項(xiàng)目構(gòu)成及原理 Vue 主流框架見(jiàn)解及差別 react ALL IN JS 靈活 angular 架構(gòu)清晰層級(jí)多重 vue 類似react并吸收了angular的一些優(yōu)點(diǎn) Node運(yùn)行在服務(wù)端的JS 谷歌V8引擎使JS語(yǔ)言能在服務(wù)器端運(yùn)行 Webpack—一個(gè)前端的打包工具 ...

curlyCheng 2019-08-23 16:27 評(píng)論0 收藏0
前端面試知識(shí)點(diǎn)目錄整理

摘要：寫(xiě)在前面金三銀四又到了一年一度的跳槽季相信大家都在準(zhǔn)備自己面試筆記我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié)方便自己復(fù)習(xí)詳細(xì)內(nèi)容會(huì)在之后一一對(duì)應(yīng)地補(bǔ)充上去有些在我的個(gè)人主頁(yè)筆記中也有相關(guān)記錄這里暫且放一個(gè)我的面試知識(shí)點(diǎn)目錄大家寫(xiě)在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準(zhǔn)備自己面試筆記, 我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié),方便自...

xzavier 2019-08-23 16:14 評(píng)論0 收藏0
前端面試知識(shí)點(diǎn)目錄整理

摘要：寫(xiě)在前面金三銀四又到了一年一度的跳槽季相信大家都在準(zhǔn)備自己面試筆記我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié)方便自己復(fù)習(xí)詳細(xì)內(nèi)容會(huì)在之后一一對(duì)應(yīng)地補(bǔ)充上去有些在我的個(gè)人主頁(yè)筆記中也有相關(guān)記錄這里暫且放一個(gè)我的面試知識(shí)點(diǎn)目錄大家寫(xiě)在前面: 金三銀四, 又到了一年一度的跳槽季, 相信大家都在準(zhǔn)備自己面試筆記, 我也針對(duì)自己工作中所掌握或了解的一些東西做了一個(gè)目錄總結(jié),方便自...

enda 2019-08-02 16:08 評(píng)論0 收藏0
前端學(xué)習(xí)記錄（JS篇）

摘要：簡(jiǎn)介俗稱，的正式名稱是，是網(wǎng)景公司公司開(kāi)發(fā)的一種基于客戶端瀏覽器基于面向?qū)ο笫录?qū)動(dòng)式的網(wǎng)頁(yè)腳本語(yǔ)言。變量名不能使用關(guān)鍵字變量名對(duì)大小寫(xiě)敏感。 javascript簡(jiǎn)介 javascript俗稱js，js的正式名稱是ECMAScript，是網(wǎng)景公司Netscape公司開(kāi)發(fā)的一種基于客戶端瀏覽器、基于面向?qū)ο?、事件?qū)動(dòng)式的網(wǎng)頁(yè)腳本語(yǔ)言。主要用于：交互式操作，表單驗(yàn)證，網(wǎng)頁(yè)特效，web游...

Keagan 2019-08-26 11:57 評(píng)論0 收藏0