成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

goji / 2090人閱讀

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

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

  
原理：

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

  
功能特點(diǎn)：

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

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

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

  
用法：

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

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

2.使用自定義配置：

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



  
已知的問題：

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

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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87504.html

相關(guān)文章

  • 庫&插件&框架&工具

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

    Codeing_ls 評論0 收藏0

  • 庫&插件&框架&工具

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

    xiaowugui666 評論0 收藏0

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

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

    didikee 評論0 收藏0

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

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

    LiangJ 評論0 收藏0

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

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

    codercao 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<