JavaScript

前端效能最佳化方案索引，效能最佳化方案索引作者：HaoyCn網址：http://segmentfault.com/a/1190000003821219陸續整理和不斷更新網路上給出的前端效能的最佳化方案。這裡只是做一個總概括式的索引，每一個方案都十分值得推敲和細說。1 請求和響應緩衝控制要求標頭裡，可以發送 If-Modified-Since 以及 If-None-Match 等資訊，來詢問服務端請求內容是否有更新，如果沒有更新，可返回304，告訴瀏覽器使用緩衝，避免重新下載資源。Pragma

JavaScritp添加url參數並將參數加入到url中及更改url參數的方法，javascritpurljavascritp添加url參數方法，將參數加入到url中,如果原來url中有則覆蓋，下面通過代碼執行個體給大家講解，具體內容請看下文。js代碼如下所示：function addToUrl(obj){ var aprotocol = location.protocol; var ahost = location.host; var apath = location.pathname;

javaScript實現可縮放的顯示區效果代碼，javascript縮放本文執行個體講述了javaScript實現可縮放的顯示區效果代碼。分享給大家供大家參考，具體如下：這裡示範可縮放的顯示區，採用JS代碼實現，滑鼠按住地區的右下角，出現拖放箭頭時，向下或向上拉，就可實現縮放操作，當地區較小時顯示捲軸，平時也比較常見的效果，在此將JavaScript代碼與大家分享。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-ksf-box-style-demo

前端css架構SASS使用教程（轉），csssass一、什麼是SASS SASS是一種CSS的開發工具，提供了許多便利的寫法，大大節省了設計者的時間，使得CSS的開發，變得簡單和可維護。本文總結了SASS的主要用法。我的目標是，有了這篇文章，日常的一般使用就不需要去看官方文檔了。 二、安裝和使用 2.1

jQuery.trim() 函數及trim()用法詳解，jquery.trimtrimjQuery.trim()函數用於去除字串兩端的空白字元。該函數可以去除字串開始和末尾兩端的空白字元(直到遇到第一個非空白字串為止)。它會清除包括分行符號、空格、定位字元等常見的空白字元。該函數屬於全域的jQuery對象。文法jQuery 1.0 新增該靜態函數。jQuery.trim( str )  參數 描述 str

JS實現的滑鼠跟隨代碼(卡通手型點擊效果)，js滑鼠跟隨本文執行個體講述了JS實現帶有小手點擊效果的滑鼠跟隨代碼。分享給大家供大家參考，具體如下：一個跟隨滑鼠的小手效果，滑鼠移在哪裡，小手就跟著移向哪裡，會出現手的效果，放在連結上的時候，手會變化，兩隻手很可愛哦，JS滑鼠跟隨代碼分享與大家。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-handle-style-focus-codes/具體代碼如下：<!DOCTYPE html

JavaScript之 ------ 文件物件模型(DOM)   文件物件模型（DOM）是一個能夠讓程式和指令碼動態訪問和更新文檔內容、結構和樣式的語言平台， 提供了標準的 HTML 和 XML 對象集， 並有一個標準的介面來訪問並操作它們。 ”它使得程式員可以很快捷地訪問 HTML 或 XML 頁面上的標準組件，如元素、樣式表、指令碼等等並作相應的處理。DOM 標準推出之前，建立前端 Web 應用程式都必須使用Java Applet 或

基於Bootstrap3的輕量級大型導覽功能表，bootstrap3導覽功能表yamm3是一款基於Twitter Bootstrap3的輕量級大型導覽功能表外掛程式。該大型菜單使用Bootstrap3標準的導覽功能表標籤和流式網格系統來製作。它具有頂部固定和響應式等特點，適合用於製作複雜的網站導覽功能表。線上預覽    源碼下載 安裝可以通過bower來安裝該Bootstrap3大型菜單外掛程式。bower install yamm3

JS實現狀態列跑馬燈文字效果代碼，跑馬燈文字效果本文執行個體講述了JS實現狀態列跑馬燈文字效果代碼。分享給大家供大家參考，具體如下：這款狀態列跑馬燈，文字跑動的定義在數組內，自己可修改內容。現在的IE8貌似不相容，有缺憾的代碼，歡迎JS愛好者修正，修正請發回一份。狀態列為效果顯示區。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/具體代碼如下：<HTML><HEAD><TI

jQuery實現懸浮在右上方的網頁客服效果代碼，jquery客服本文執行個體講述了jQuery實現懸浮在右上方的網頁客服效果代碼。分享給大家供大家參考，具體如下：這是款網頁線上客服代碼，應用了jquery外掛程式，相容性不錯。預設狀態下，客服只顯示一個圖片Button，用滑鼠點擊時展開全部內容，可用作QQ客服，售後客服等，可以作為網站快速通道，方便使用者進行相應的操作。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-right-top-we

使用javaScript動態載入Js檔案和Css檔案，javascriptcssJS動態載入CSS 在可換主題的介面中具有很重要的意義，使用者可以根據自己的瀏覽習慣選擇自己喜歡的頁面顯示方式，下面詳細說明。希望下面的方法對你有協助。（1）使用JavaScript動態載入Js檔案/*JavaScript動態載入Js檔案*/ var scriptNode = document.createElement('script'); scriptNode.src =

javascript學習筆記整理（概述、變數、資料類型簡介），javascript學習筆記A.概述1.輸出工具：document.write()---可以是htmlalert()---字串prompt(text,defaultText) 　　text---可選。要在對話方塊中顯示的純文字（而不是 HTML 格式的文本）。　　defaultText---可選。預設的輸入文本。2.js的放置a.可以再HTML的任何位置放置b.但他是一個整體，相互影響c.在超連結和重新導向的位置<a href=

JavaScript中數組的合并以及排序實現樣本，javascript數組合并兩個數組 - concat()原始碼:<!DOCTYPE html><html><body>​<p id="demo">點擊按鈕合并數組。</p>​<button onclick="myFunction()">點我</button>​<script>function myFunction(

JavaScript中Date對象的常用方法樣本，javascriptdategetFullYear()使用 getFullYear() 擷取年份。原始碼:</script><!DOCTYPE html><html><body>​<p id="demo">Click the button to display the full year of todays date.</p>​<button

jQuery實現滑鼠經過事件的延時處理效果，jquery實現滑鼠延時jQuery滑鼠經過(hover)事件的延時處理，具體JS代碼如下：(function($){ $.fn.hoverDelay = function(options){ var defaults = { hoverDuring: 200, outDuring: 200, hoverEvent: function(){ $.noop(); },

JS實現不使用圖片仿Windows右鍵菜單效果代碼，js右鍵菜單本文執行個體講述了JS實現不使用圖片仿Windows右鍵菜單效果代碼。分享給大家供大家參考，具體如下：這裡示範JS不使用圖片仿Windows右鍵菜單效果，這款代碼靈活使用了文鼎字，配合CSS和JS做出了這個和系統右鍵菜單很相似的東東。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-windows-right-button-menu-codes/具體代碼如下：<HTML>&l

淺談node.js中async非同步編程，node.jsasync1.什麼是非同步編程？非同步編程是指由於非同步I/O等因素，無法同步獲得執行結果時，在回呼函數中進行下一步操作的代碼編寫風格,常見的如setTimeout函數、ajax請求等等。樣本：for (var i = 1; i <= 3; i++) {setTimeout(function(){console.log(i);}, 0);};這裡大部分人會認為輸出123，或者333。其實它會輸出 444這裡就是我們要說的非同步編程了。

jQuery實現分章節錨點“回到頂部”動畫特效代碼，jquery回到頂部本文執行個體講述了jQuery實現分章節錨點“回到頂部”動畫特效。分享給大家供大家參考，具體如下：這裡示範基於jquery實現的分章節動畫實現“回到頂部”的效果，可通過 網頁頂部的數字序號直接進入網頁的章節，當處於第二章節的時候，網頁右側會顯示豎排的控制按鈕，點擊按鈕會回到相應章節，其實也就是定義好的錨點，當然也可回到頂部，網頁上見到的回頂部大多不是這個樣子，所以本款效果還挺新穎。運行效果如下：線上示範地址如下：http:/

深入淺析javascript立即執行函數，淺析javascript函數javascript和其他程式設計語言相比比較隨意,所以javascript代碼中充滿各種奇葩的寫法,有時霧裡看花;當然,能理解各型各色的寫法也是對javascript語言特性更進一步的深入理解。 JavaScript 函數文法函數就是包裹在花括弧中的代碼塊，前面使用了關鍵詞 function：function

js中對函數設定預設參數值的3種方法，js3種在javascript中如何為函數設定預設參數值，下面提供幾種方法供大家參考。第一種方法：function example(a,b){ var a = arguments[0] ? arguments[0] : 1;//設定參數a的預設值為1 var b = arguments[1] ? arguments[1] : 2;//設定參數b的預設值為2 return a+b; } 注意以上函數也可寫作如下：function