原创 Jquery動態添加節點,綁定事件失效的解決方法
1.事件綁定在append之前時，會出現綁定事件失效。 如圖： 解決方法：使用on綁定事件，給此動態節點的父元素(非動態節點)綁定。 即：$("父元素").on("事件",“動態子元素”,function(){ 執行函數; }) 如圖
2020-06-15 01:40:51
3
原创 HTML5新特性之客戶端數據庫(IndexedDB)
1、簡述 在HTML5本地存儲——Web SQL Database提到過Web SQL Database實際上已經被廢棄（由於至今Firefox和IE不支持），而HTML5的支持的本地存儲實際上變成了Web Storage（Lo
2020-06-15 01:40:41
原创 iframe使用利弊以及部分解決方案
1、iframe的優點： ①、頁面重載是無需重載整個頁面，秩序重載iframe中的數據.(減少了請求的數據量) ②、易於使用，如導航欄、廣告的使用。 2、iframe的劣勢: ①、搜索引擎"蜘蛛"無法讀取，影響搜索結果的排列名次。 ②、鏈
2020-06-15 01:40:41
1
原创 關於js清除cookie失敗詳解
1.清除cookie的原理：給需要刪除的cookie設置expires（失效時間）,從而將刪除此條數據。 代碼如下： document.cookie = name +"=data1;expires="+(new Date()).toGMT
2020-06-15 01:40:41
4
原创 js for循環輸出i爲同一值的問題
1、最近開發中遇到一個問題，爲什麼每次輸出都是5，而不是點擊每個p，就alert出對應的1，2，3，4，5。 代碼如下： <html> <head> <meta http-equiv="Content-Type" co
2020-02-20 22:49:30
原创 regExp的test方法取得的值變化的原因及處理辦法
1、JavaScript 正則表達式對象RegExp的test方法，用於檢測一個字符串是否匹配某個模式。 字面量定義RegExp對象：var re = /pattern/attributes，其中attributes可以是g,i,m；
2020-02-20 22:49:29
原创 DIV邊框重疊變粗解決方案(子元素浮動導致父元素失去高度解決方法)
1、問題如圖： 代碼如下： <!DOCTYPE html> <html> <head> <title> new document </title> <meta charset="utf-8"/> <script>
2020-02-20 22:49:29
原创 js頁面跳轉的實現
一、總結可以實現頁面跳轉和刷新的方法： 1、使用超鏈接，如： <a href="url"></a> 2、表單提交，如 <form action="url"></form> 3、js實現，如 1.window.location.href方式
2020-02-20 22:49:28
4
原创 CSS樣式開發處理技巧
1、怎麼讓換行文字不換行： white-space:nowap; 瀏覽器支持所有瀏覽器都支持 white-space 屬性。 搜索註釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inh
2020-02-20 22:49:28
原创 CSS3新屬性box-flexd彈性盒模型
1、介紹:box-flex是css3屬性，需考慮兼容性問題。(大部分瀏覽器已經實現了無前綴版本) #element{ box-flex:1.0; /*必須是整數，佔父元素幾等分的意思*/ -moz-box-flex:1.0; /*
2020-02-20 22:49:28
原创 CSS3新屬性之user-select控制文本是否選中
1、拋磚:開發中遇到一個很奇怪的問題，點擊網頁的某地方，其他地方出現文本選中的情況，導致十分難看。如下圖（點擊網頁其他地方search搜索出現選中狀態） 2、通過user-select解決: 語法:user-select:none|te
2020-02-20 22:49:28
原创 CSS盒模型
1、盒模型的組成:內容（content）、內邊距(padding)、邊框(border)、邊界(margin)四部分組成。 2、盒模型的分類:(box-sizing) (1)、標準盒子模型(content-box) box-sizing:
2020-02-20 22:49:27
原创 JS三目運算(三元運算)
1、什麼是三目運算：(布爾表達式 ? 值0:值1;) 平常寫法:if(5>3){ alert('5大') }else{ alert('3大') }; 三目寫法: 5>3?alert('5大'):alert('3大');
2020-02-20 22:49:27
原创 CSS3選擇器之:nth-child()僞類選擇器詳解
1、語法:nth-child(an+b) 注意: (an+b)不能寫成(b+an); 描述:僞類:nth-child()的參數是an+b，如果按照w3.org上的描述，寫成中文，很可能會讓人頭暈，再加上筆者的文筆水平有限，所以我決定避開
2020-02-20 22:49:27
原创 String與JSON的轉換和Array轉String
1、String轉JSON： (1)方法一：使用全局json對象，json.parse()函數（目前IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已實現了該方法） 注意：json字符串的格式一
2020-02-20 22:49:27