做公司項目時，要求寫一個方法，方法的參數為一個菜單數組集合和一個菜單id，菜單數組的格式為樹狀json,如下面所示：複製代碼 代碼如下:[{"id":28,"text":"公司資訊","children":[ {"id":1,"text":"公司文化"}, {"id":2,"text":"招聘計劃"},
首先，在腦子裡牢牢記住jQuery就是javascript。這意味著我們應該採取相同的編碼慣例,風格指南和最佳實務。首先，如果你是一個javascript新手，我建議您閱讀 《給JavaScript初學者的24條最佳實務》 ,這是一篇高品質的javascript教程，接觸jQuery之前最好先閱讀。當你準備使用jQuery,我強烈建議你遵循下面這些指南:1.緩衝變數DOM遍曆是昂貴的，所以盡量將會重用的元素緩衝。複製代碼 代碼如下:// 糟糕h = $('#element').height();
遲早你需要用到其他開發人員的抽象成果——即你依靠別人的代碼。我喜歡依賴自由（無依賴）的模組，但那是難以實現的。甚至你建立的那些漂亮的黑盒子組件也或多或少會依賴一些東西。這正是依賴注入大顯身手的之處。現在有效地管理依賴的能力是絕對必要的。本文總結了我對問題探索和一些的解決方案。一、目標設想我們有兩個模組。第一個是負責Ajax請求服務（service），第二個是路由（router）。複製代碼 代碼如下:var service = function() {
用javascript+jquery寫的一個定時器，定時修改文章標題。 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <title>TODO supply a title</title> <meta charset="GB2312"> <meta name="viewport" content="width=device-width"> </head>
如果傳遞的參數是：${name}擷取url參數的js如下：/** 初始化載入結束 */function getUrlVars(){ var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?')+1).split('&'); for(var i = 0; i hash = hashes[i].split('=');
目的：計算字串長度(英文佔1個字元，中文漢字佔2個字元)方法一：複製代碼 代碼如下:String.prototype.gblen = function() { var len = 0; for (var i=0; i<this.length; i++) { if (this.charCodeAt(i)>127 || this.charCodeAt(i)==94) {
線上DEMO：傳送門HTML代碼（放在頁面任意位置，並用CSS美化）：複製代碼 代碼如下:<p id="back-to-top"><a href="#top"><span></span>回到頂部</a></p>JS代碼：複製代碼 代碼如下:<script type="text/javascript"
前台介面String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> My JSP 'index.jsp' starting page <script
今天在讀《JavaScript語言精粹》的時候，關於函數的一個部分，始終覺得有點難以理解，代碼如下： 1: var obj = (function(){ 2: var value = 0; 3: 4: return { 5:
網路上已有此功能的函數，是以純JS實現。但是在項目中發現，此函數無法相容Firefox，由此我重寫了此方法. 複製代碼 代碼如下: //預設新視窗配置 var windowDefaultConfig = new Object; windowDefaultConfig['directories'] = 'no'; windowDefaultConfig['location'] = 'no'; windowDefaultConfig['menubar'] = 'no';
在mysql中直接進行這樣的判斷的方法是使用 row_count(), 這一條語句要緊跟著你執行的sql語句後面. 而Nodejs的i/o都是非同步於是這就產生了一個問題, 不太好判斷 row_count()到底是哪句sql執行的結果. 粗略的掃了一眼文檔, 文檔中並沒有描述這個問題. 本想函數嵌套來達到同步的效果的, 卻無意發現在執行sql對應的非同步函數中的參數中有 affectedRows欄位, 經測試, 這貨就是 row_count()的結果.執行個體：複製代碼
toggle()事件 它主要切換元素的可見狀態。 1、toggle（switch） ①switch是一個可選值，如果不填則原來元素是顯示則將其隱藏，如果是隱藏則顯示。 HTML 程式碼: 複製代碼 代碼如下: <p>Hello</p><p style="display: none">Hello Again</p> jQuery 代碼: 複製代碼 代碼如下: $("p").toggle() 結果: 複製代碼 代碼如下: <p
一、Model的兩種建立方式
這篇文章主要介紹了JS判斷字串長度的5個方法,並且區分中文和英文,需要的朋友可以參考下目的：計算字串長度(英文佔1個字元，中文漢字佔2個字元) 方法一： 代碼如下:String.prototype.gblen = function() { var len = 0; for (var i=0; i<this.length; i++) { if
之前有個需求是要判斷iframe內的網頁是否滾動到底部觸發事件, 網上找了許多資料都是說在當前頁面下的, 索性就自己研究了一下, 找到瞭解決方法. clientHeight：這個元素的高度，佔用整個空間的高度 offsetHeight：是指元素內容的高度 scrollTop：可以理解為捲軸可以滾動的長度 以下是原始碼 複製代碼 代碼如下: <iframe src="~/Files/3.html" id="iframepage" width="825" onload="func()">
js拖拽的常見思路 1.通過onmousedown,onmousemove,onmouseup分別類比開始拖拽，拖拽中和拖拽結束時的事件（）。 如果手機的觸摸事件的話則分別是ontouchstart,ontouchmove和ontouchend。 2.滑鼠按下即發生onmousedown事件時：擷取滑鼠位置，擷取被拖動元素的位置，記錄兩者之間的縱橫座標的差值（）。對document元素繫結onmousemove,onmouseup事件。
單體模式的優勢用了這麼久的單體模式，竟全然不知！用它具體有哪些好處呢？ 1.可以用它來劃分命名空間(這個就是就是經常用的了) 2.利用分支技術來封裝瀏覽器之間的差異(這個還真沒用過，挺新鮮) 3.藉助單體模式，可以把程式碼群組織的更為一致，方便閱讀與維護(這個也用過了) 最基本的單體模式最簡單的單體其實就是一個對象字面量。它把一批有一定關聯的方法和屬性群組織在一起。 複製代碼var Singleton={ name:
其實說禁用也不是完全禁用，後退鍵在各瀏覽器下預設為點擊了一下後退按鈕，只要保證正常的文字錄入還可以用，其他情況下的退格鍵一律禁掉。看jquery實現代碼吧： 複製代碼 代碼如下: $(function(){ function dokey(event){ var ele = event.target; var eleName = ele.nodeName; var flag = true;
今天學習了一下QQ郵箱的網頁整體縮放效果，原來實現方法很簡單，代碼如下： 複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
今天在做驗證碼的時候發現在IE中，驗證碼不會重新整理，而Google等其他瀏覽器沒有問題，所以我想到應該是緩衝問題，因為IE預設的設定是如果訪問地址沒變化就不會去擷取而是載入緩衝中的內容 所以解決方案就是在驗證碼的切換地址後面加一個隨機的參數 例如： 複製代碼 代碼如下: <script> //換驗證碼 function changeimg(){ /* math.random範圍是0-1 *999變成0-999 +3000 就是3000-3999 */ var
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
