JavaScript

JavaScript中removeChild 方法開發範例程式碼，removechild1. 概述刪除後的節點雖然不在文檔樹中了，但其實它還在記憶體中，可以隨時再次被添加到別的位置。當你遍曆一個父節點的子節點並進行刪除操作時，要注意，children屬性是一個唯讀屬性，並且它在子節點變化時會即時更新// 拿到待刪除節點:var self = document.getElementById('to-be-removed');// 拿到父節點:var parent =

深入理解js generator資料類型，jsgenerator1. 概述generator 是ES6引入的新的資料類型， 看上去像一個函數，除了使用return返回， yield可以返回多次。generator 由function* 定義, (注意*號),2. 例子函數無法儲存狀態， 有時需要全域變數來儲存數字；2.1'use strict';function next_id(){ var id = 1; while(id<100){ yield id; id++; }

jQuery Easyui DataGrid點擊某個儲存格即進入編輯狀態焦點移開後儲存資料，jqueryeasyui廢話不多說了，直接給大家貼代碼了。關鍵代碼如下所示：/// 最近一次使用編輯行 一切正常///<summary>///初始化資料容器///</summary>function InitGrid(){var lastIndex;$("#grid").datagrid({url:'',loadMsg:'資料載入中,請稍後......',border:false,

js 上傳檔案預覽的簡單一實例，js上傳檔案預覽1. FILE APIhtml5提供了FIle和FileReader兩個方法，可以讀取檔案資訊並讀取檔案。2. example<html><body><div id="test-image-preview" style="border: 1px solid rgb(204, 204, 204); width: 100%; height: 200px; background-size: contain;

js 建立對象 傳統模式全面瞭解，js全面瞭解1. 概述通過建構函式建立對象， 有時忘記了寫new， 這時函數就會返回undefined可以建立一個函數createXXX， 在內部封裝new。function Student(props){ this.name = props.name || '匿名'; this.grade = props.grade || 1; } Student.prototype.hello = function(){ alert('Hello, '+

關於JSON與JSONP簡單總結，JSONJSONP簡單總結一、什麼是jsonJSON(JavaScript Object Notation) 是一種輕量級的資料交換格式。 易於人閱讀和編寫。同時也易於機器解析和產生。 它基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON採用完全獨立於語言的文字格式設定，但是也使用了類似於C語言家族的習慣（包括C, C++, C#,

jQuery彈出下拉式清單外掛程式（實現kindeditor的@功能），jquerykindeditor這幾天有個工作需求，就是在富文本輸入地區（kindeditor）可以有@功能，能夠容易提示使用者名稱的（像在qq群組@人一樣）。在網上找了一個叫bootstrap-suggest的外掛程式，卻不能滿足我的需求，於是我決定在該外掛程式上改良，主要是下面幾點：1. @內容的輸入，能夠匹配多個屬性值。2. 選中列表值後，是成塊插入kindeditor的（方便刪除，也利於區分文本）。3.

jQuery EasyUI Tab 選項卡問題小結，jqueryeasyui需要解決的問題：比如說

深入理解(function(){... })();，深入理解function1.他叫做立即啟動並執行匿名函數(也叫立即調用函數)2.當一個匿名函數被括起來，然後再在後面加一個括弧，這個匿名函數就能立即運行起來！有木有很神奇哦~3.要使用一個函數，我們就得首先聲明它的存在。而我們最常用的方式就是使用function語句來定義一個函數4.Function

json與jsonp知識小結(推薦)，jsonjsonp知識小結json1. json 的值可以是下面這些類型：① 數字（整數或浮點數），比如123，1.23② 字串（在雙引號中）③ 邏輯值（true 或 false）④ 數組（在方括弧中）⑤ 對象（在花括弧中）⑥ null2. json解析方法① eval('(' + jsondata + ')' ); 使用時永遠是不安全的，代碼注入② JSON.parse(jsondata);JSONLint json：字串校正工具3. jQuery

AngularJS教程之簡單應用程式樣本，angularjs教程樣本按以下步驟來建立AngularJS應用 第1步：載入架構作為一個純粹的JavaScript架構，它可以使用<script>標籤來添加。<script

AngularJS表單詳解及範例程式碼，angularjs範例程式碼AngularJS提供豐富填寫表單和驗證。我們可以用ng-click來處理AngularJS點擊按鈕事件，然後使用 $dirty 和

js replace(a,b)之替換字串中所有指定字元的方法，jsreplace如下所示：var str = 'abcadeacf';var str1 = str.replace('a', 'o');alert(str1); // 列印結果： obcadeacfvar str2 = str.replace(/a/g, 'o');alert(str2); //列印結果： obcodeocf,注意： 此處replace的第一個參數為Regex，/g是全文匹配標識。以上這篇js

類比javascript中的sort排序(簡單一實例)，javascriptsort一、javascript中sort對資料進行排序的原理sort() 方法對數組的元素做原地的排序，並返回這個數組。 sort 可能不是穩定的。預設按照字串的Unicode碼位點排序;文法：arr.sort([compareFunction])參數 compareFunction可選。用來指定按某種順序進行排列的函數。如果省略，元素按照轉換為的字串的諸個字元的Unicode位點進行排序。如果

BOM系列第一篇之定時器setTimeout和setInterval，bomsettimeoutsetTimeout()　　setTimeout()方法用來指定某個函數或字串在指定的毫秒數之後執行。它返回一個整數，表示定時器的編號，這個值可以傳遞給clearTimeout()用於取消這個函數的執行　　以下代碼中，控制台先輸出0，大概過1000ms即1s後，輸出定時器setTimeout()方法的傳回值1var Timer =

深入理解jQuery layui分頁控制項的使用，jquerylayui$.getJSON( )的使用方法簡介$.getJSON( url [, data ] [, success(data, textStatus, jqXHR) ] )url是必選參數，表示json資料的地址；data是選擇性參數，用於請求資料時發送資料參數；success是可參數，這是一個回呼函數，用於處理請求到的資料。//內容頁面 <br>　　 <div

AngularJS 自訂指令詳解及範例程式碼，angularjs範例程式碼自訂指令中使用AngularJS擴充HTML的功能。自訂指令使用的“指令”的功能定義。自訂指令只是替換了它被啟用的元素。引導過程中AngularJS應用程式找到了匹配的元素，並做好使用自訂指令compile()方法一次活動再處理使用基於指令的範圍自訂指令link()方法的元素。 AngularJS提供支援，以下列元素的類型來建立自訂指令。Element directives -

學習Angular中範圍需要注意的坑，angularAngular範圍在用angular搭建的網頁應用中，範圍（scope）這個概念是貫穿其中的。在angular的視圖（view）中的很多指令是會建立一個範圍的，例如 ng-app ， ng-controller 等。這個範圍就是我們在寫控制器建構函式時注入的 $scope （angular1.2之前的版本），他是視圖模型（view

float 和 inline-block的心得，floatinline-blockfloat優點：橫向排列時比較方便，不存在瀏覽器安全色問題。缺點：1）多行橫向排行時，換行後經常不能頂行顯示。2）浮動後會跳出當前流，造成父元素高度塌陷，解決辦法比較成熟統一 ，不存在瀏覽器安全色問題。 inline-block

CSS重要屬性之 margin 屬性知識大整合，  以下的分享是本人最近幾天學習了margin知識後，大有啟發，感覺以前對margin的瞭解簡直太淺薄。所以寫成以下文章，一是供自己整理思路；二是把知識分享出來，避免各位對margin屬性的誤解。內容可能會有點多，但都是精華，希望大家耐心學習。 以下的分享會分為如下內容：1.margin 屬性的簡單介紹　　1.1：普通流的 margin 百分比設定　　1.2：絕對位置的 margin 百分比設定2.margin