JavaScript

深入理解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++; }

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

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

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位點進行排序。如果

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

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

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

CSS3圓角邊框的使用-遁地龍捲風，css3圓角邊框龍捲風0.快速入門border-radius:50px;1.border-radius詳解border-radius:50px;上右下左，水平和垂直距離都是50pxborder-radius:50%;這裡的%號是已應用該css樣式元素的長度和寬度為基數的border-radius:50%  30%  ;上下，水平垂直是50% 左右，水平垂直是30%border-radius:50%  30%

常用的 css 命名規則，css命名規則頭：header內容：content/container尾：footer導航：nav側欄：sidebar欄目：column頁面外圍控制整體布局寬度：wrapper左右中：left right

Sublime Text3快速鍵實用總結，sublimetext3今天想給大家分享一個我自己最喜歡用的一個編輯器——Sublime Text3的常用快速鍵相信大家每天和代碼打交道，接觸時間最長的莫過於編輯器了吧，而我就特別喜歡用Sublime

移動端 軟鍵盤 彈出時 影響布局，鍵盤配置移動端 軟鍵盤 彈出時 會影響布局1）前段時間作的移動端頁面，因為高度只有1頁所以用了height:100%;width:100%;ios下點擊輸入框彈出軟鍵盤時，布局沒有大影響。當輸入框可能被軟鍵盤壓到時，在一部分安卓下卻出了問題，華為內建瀏覽器和UC會有布局上的問題。原因可能是因為，軟鍵盤彈出時，改變了height，使height:100%,不能達到原來的高度。解決辦法： $(document).ready(function () {

js智能擷取瀏覽器版本UA資訊的方法，js智能瀏覽器版本uajs智能擷取瀏覽器版本UA資訊的方法/** 智能擷取瀏覽器版本資訊**/var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移動終端瀏覽器版本資訊 trident: u.indexOf('Trident') > -1, //IE核心

用js讀寫cookie的簡單方法(推薦)，js讀寫cookie推薦在資料安全要求不是很高的情況下，我們可以直接用js對cookie進行讀寫，這樣比較方便。代碼如下：/* 功能：儲存cookies函數 參數：name，cookie名字；value，值 */ function SetCookie(name,value){ var Days = 30*12; //cookie 將被儲存一年 var exp = new Date(); //獲得目前時間

js中判斷變數類型函數typeof的用法總結，jstypeof1、作用：typeof 運算子返回一個用來表示運算式的資料類型的字串。 可能的字串有："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。 2、常用傳回值說明 運算式 傳回值 typeof undefined 'undefined' typeof null