JavaScript

讀書筆記之 - javascript 設計模式 - 介面、封裝和鏈式調用javascript

JSONP簡單例子jsonp的原理很簡單,主要利用了HTML中所有有src的屬性的標籤可以跨域的特點，利用script的src進行get請求，後端輸出一段js代碼的字串在script中便會執行。當然後端輸出普通的json字串是不行的，後台應當輸出fn(json)樣式的字串 ,fn代表要調用的js方法;json代表要處理的資料.這也是jsonp得名的原因.後台不會知道要調傭哪個js,所以需要前台把要調用的函數的名字發給後台. 一個簡單的jsonp例子後台 node版本 var http =

深入理解javascript範圍和閉包 範圍範圍是一個變數和函數的作用範圍，javascript中函數內聲明的所有變數在函數體內始終是可見的，在javascript中有全域範圍和局部範圍，但是沒有塊級範圍，局部變數的優先順序高於全域變數，通過幾個樣本來瞭解下javascript中範圍的那些“潛規則”（這些也是在前端面試中經常問到的問題）。1. 變數聲明提前樣本1： 1 2

Javascript的setTimeout()使用閉包特性時需要注意的問題 setTimeout經常被用於順延強制某個函數，用法為：  代碼如下:setTimeout(function(){…}, timeout); 有時為了進行非同步處理，而使用setTimeout(function…,0)；比如： 代碼如下:function f(){… // get

jqPlot圖表外掛程式學習之陰陽燭圖一、準備工作       首先我們需要到官網下載所需的檔案：        然後讀者需要根據自己的情況建立一個項目並且按照如下的方式載入對應的js和css（因為筆者在VS2012環境下建立的，並且所需的js和css都會對應的放到js和css檔案夾下，請讀者根據自己的情況修正載入的路徑）。 複製代碼 1 <link href="css/

Javascript定時器(一)——單線程一、JavaScript 引擎是單線程的 可以從下面的代碼中看到，第一個用setTimeout中的代碼是死迴圈，由於是單線程，下面的兩個定時器就沒機會執行了。 <script type="text/javascript">    setTimeout( function(){ while(true){} } , 100);     setTimeout(

常用的jquery模板外掛程式 在初次進行jquery外掛程式開發時，我們往往無從下手，當然我們可以按照jquery官方提供的格式進行簡單的外掛程式開發，但是很多時候往往不盡完美，一不小心，就造出一個很“爛”的外掛程式：難以維護、難以擴充、使用繁瑣、效能不佳...當我們在不斷的實踐中，慢慢積累下來時，有些問題得到了有效避免，但也帶來了新的問題：在眾多紛雜的jquery外掛程式開發模式中，究竟哪一種模式才是最好的呢？如果能提供一個模板，通過一定的約束和規範為開發人

九個Console命令，讓js調試更簡單一、顯示資訊的命令 1: 2: 3: 4: 5: 6: 7: 8: <script type=text/javascript> 9: console.log('hello'); 10: console.info('資訊'); 11: console.error('錯誤'); 12:

js變數、範圍及記憶體詳解 基本類型值有：undefined，NUll，Boolean，Number和String，這些類型分別在記憶體中佔有固定的大小空間，他們的值儲存在棧空間，我們通過按值來訪問的。（1）實值型別：數值、布爾值、null、undefined。（2）參考型別：對象、數組、函數。如果賦值的是參考型別的值，則必須在堆記憶體中為這個值分配空間。由於這種值的大小不固定（對象有很多屬性和方法），因此不能把他們儲存到棧記憶體中。但記憶體位址大小是固定的，因此可以將記憶體位址儲存在

在 JQuery Mobile 中實現瀑布流圖庫布局這個整合方式幾乎沒有現存的執行個體，是自己總結出來的方法，在此記錄下來。 首先訪問Masonry官網下載masonry.pkgd.min.js 將其整合到項目中，在頁面中引入。 初始化id變數，讓頁面每次載入時的id都不同，避免 Ajax 載入時id重複造成難以察覺的錯誤。 var id = "gallerycontent" +

深入理解javascript建構函式和原型對象 常用的幾種對象建立模式使用new關鍵字建立最基礎的對象建立方式，無非就是和其他多數語言一樣說的一樣：沒對象，你new一個呀！ 1 2 3 4 5 6 var gf =

Javascript中call與apply的學習筆記，apply學習筆記先看MDN中對於call的解釋call() 方法在使用一個指定的this值和若干個指定的參數值的前提下調用某個函數或方法.注:該方法的作用和 apply() 方法類似，只有一個區別，就是call()方法接受的是若干個參數的列表，而apply()方法接受的是一個包含多個參數的數組。文法fun.call(thisArg[, arg1[, arg2[, ...]]])

jQuery移除tr無效的解決方案(tr是動態添加)，jquerytr今天在做項目時，碰到一個問題，那就是移除掉某些tr（tr是動態添加的）。嘗試了很多方法，都不見效（比如，deleteRow方法，貌似傳的參數只能是tr的行數。沒有仔細研究目前）。後來，發現這個方法效果不錯，特此記錄。$(temp).parent().remove(); //temp為td的id code class="js plain">

深入理解javascript原型鏈和繼承 javascript本身不是物件導向的語言，而是基於對象的語言，對於習慣了其他OO語言的人來說，起初有些不適應，因為在這裡沒有“類”的概念，或者說“類”和“執行個體”不區分，更不要指望有“父類”、“子類”之分了。那麼，javascript中這一堆對象這麼聯絡起來呢？幸運的是，javascript在設計之初就提供了“

關於Json-lib類庫的使用前言介紹： json-lib包是一個Java類庫，它可以將Java對象（包括：beans，maps，collections，java arrays

一個JavaScript用逗號分割字串執行個體，javascript逗號//用逗號隔開字串成數組列印。 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>每天一個JavaScript執行個體-分割字串</title> <script> window.onload = function(){ var keywordList =

一個JavaScript去除字串末尾的空白執行個體代碼，javascript末尾<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一個JavaScript執行個體-去除字串末尾的空白</title> <script> function white(

Google瀏覽器不支援showModalDialog模態對話方塊的解決方案，showmodaldialog模態忽然發現Chrome瀏覽器版本 37.0.2062.103 m 不支援showModalDialog模態對話方塊和無法返回returnValue項目原先用到的都不能正常執行找了個折中方案利用window.open代替showModalDialog利用 window.opener.document來操作父頁面的元素複製代碼 代碼如下:window.open("xsp/exesp?

基於jquery的文字向上跑動類似跑馬燈的效果，jquery跑馬燈想實現一個類似跑馬燈的效果,發現跑馬燈有空格.效果也不美觀,於是用jquery寫了個頁面代碼<div class="recordList"> <ul class="tpl-rotate-recordList" style="margin-top: 0px;"> <li class="tpl-rotate-recordList-item"> 恭喜187****5204獲得1000RBM </

js css 實現遮罩層覆蓋其他頁面元素附圖，css遮罩<div style=" position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: Black; z-index: 9999; filter: alpha(opacity=70); Opacity:0.7;"></div>z-index 必須大於遮罩元素demo<!doctype html>