成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

寫(xiě)了一個(gè)實(shí)現(xiàn)表單暫存功能的jquery插件

goji / 2154人閱讀

摘要：是一個(gè)實(shí)現(xiàn)通用表單暫存功能的插件原理監(jiān)控表單域變化，并使用中的來(lái)存儲(chǔ)這些有變化的表單域的值，并在從新加載表單時(shí)將存儲(chǔ)的值載入回表單域中，從而實(shí)現(xiàn)暫存功能。默認(rèn)的是，在提交后若發(fā)生變化則會(huì)定位不到暫存，最好使用別的唯一值作為默認(rèn)

jquery.formLocalStorage 是一個(gè)實(shí)現(xiàn)通用表單暫存功能的jquery插件

  
原理：

監(jiān)控表單域變化，并使用HTML5 WebStorage中的localStorage來(lái)存儲(chǔ)這些有變化的表單域的值，并在從新加載表單時(shí)將存儲(chǔ)的值載入回表單域中，從而實(shí)現(xiàn)暫存功能。

  
功能特點(diǎn)：

1.不使用服務(wù)器端存儲(chǔ)，節(jié)省服務(wù)器資源。

2.代碼簡(jiǎn)練，使用默認(rèn)配置的話只需一小段代碼 $("#your_form_id").formLocalStorage(); 即可搞定，無(wú)需寫(xiě)一大坨服務(wù)器端邏輯。

3.豐富的配置項(xiàng)與默認(rèn)值，通過(guò)配置項(xiàng)可以自定義暫存內(nèi)容的樣式，暫存加載完畢、存儲(chǔ)完畢與刪除完畢后的回調(diào)事件以及暫存的存儲(chǔ)命名規(guī)則，也可使用默認(rèn)值從而減少過(guò)度的配置工作。

  
用法：

1.使用默認(rèn)配置：

$("#your_form_id").formLocalStorage();

2.使用自定義配置：

$("#your_form_id").formLocalStorage({
    storage_name_perfix : "your_storage_name_perfix", //自定義暫存存儲(chǔ)的命名前綴
    storage_events : "click" //自定義暫存觸發(fā)事件
});



  
已知的問(wèn)題：

1.有些動(dòng)態(tài)寫(xiě)入表單項(xiàng)的內(nèi)容無(wú)法監(jiān)測(cè)到，也不能暫存。

2.默認(rèn)的storage_name_perfix是this.context.URL + form_selector + "@"，在提交后若this.context.URL發(fā)生變化則會(huì)定位不到暫存，最好使用別的唯一值作為默認(rèn)storage_name_perfix

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

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

相關(guān)文章

  • 庫(kù)&插件&框架&工具

    摘要：一些有用的一些有用的，包括轉(zhuǎn)換小箭頭三角形媒體查詢(xún)等中文指南是當(dāng)下最熱門(mén)的前端資源模塊化管理和打包工具。 nodejs 入門(mén) nodejs 入門(mén)教程，大家可以在 github 上提交錯(cuò)誤 2016 年最好用的表單驗(yàn)證庫(kù) SMValidator.js 前端表單驗(yàn)證工具分享 淺談前端線上部署與運(yùn)維 說(shuō)到前端部署，可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng)，與SRE對(duì)接、一起完...

    Codeing_ls 評(píng)論0 收藏0

  • 庫(kù)&插件&框架&工具

    摘要：一些有用的一些有用的，包括轉(zhuǎn)換小箭頭三角形媒體查詢(xún)等中文指南是當(dāng)下最熱門(mén)的前端資源模塊化管理和打包工具。 nodejs 入門(mén) nodejs 入門(mén)教程，大家可以在 github 上提交錯(cuò)誤 2016 年最好用的表單驗(yàn)證庫(kù) SMValidator.js 前端表單驗(yàn)證工具分享 淺談前端線上部署與運(yùn)維 說(shuō)到前端部署，可能大多數(shù)前端工程師在工作中都是使用的公司現(xiàn)成的部署系統(tǒng)，與SRE對(duì)接、一起完...

    xiaowugui666 評(píng)論0 收藏0

  • AJAX-Cache：一款好用的Ajax緩存插件

    摘要：是一款緩存插件，可以為方法擴(kuò)展緩存功能。緩存清理插件本身會(huì)自動(dòng)清理過(guò)期緩存對(duì)于不想繼續(xù)使用緩存的接口可以為方法傳入清理當(dāng)前接口的緩存并返回最新數(shù)據(jù)也可以調(diào)用清理所有插件產(chǎn)生的緩存。 原文鏈接 AJAX-Cache是什么 Ajax是前端開(kāi)發(fā)必不可少的數(shù)據(jù)獲取手段，在頻繁的異步請(qǐng)求業(yè)務(wù)中，我們往往需要利用緩存提升界面響應(yīng)速度，減少網(wǎng)絡(luò)資源占用。AJAX-Cache是一款jQuery緩存插件...

    didikee 評(píng)論0 收藏0

  • 前端技術(shù) 博客文章、書(shū)籍 積累

    摘要：好多編輯器例如等都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行 書(shū)籍 《JavaScriptDOM編程藝術(shù)》《JavaScript高級(jí)程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專(zhuān)家編程》《JavaScript Ninjia》《JavaScript語(yǔ)言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...

    LiangJ 評(píng)論0 收藏0

  • 前端技術(shù) 博客文章、書(shū)籍 積累

    摘要：好多編輯器例如等都支持這樣的語(yǔ)法來(lái)快速的編寫(xiě)代碼如何優(yōu)雅地使用把標(biāo)簽放在結(jié)束標(biāo)簽之后結(jié)束標(biāo)簽之前的差別什么是響應(yīng)式設(shè)計(jì)怎樣進(jìn)行 書(shū)籍 《JavaScriptDOM編程藝術(shù)》《JavaScript高級(jí)程序設(shè)計(jì)》《JavaScript框架設(shè)計(jì)》《JavaScript專(zhuān)家編程》《JavaScript Ninjia》《JavaScript語(yǔ)言精粹（修訂版）》《JavaScript設(shè)計(jì)模式》《J...

    codercao 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<