JavaScript

純CSS實現tooltip提示框，CSS箭頭及形狀之續篇--給整個tooltip提示框加個邊框，tooltipcss　　在前面一篇中我們介紹了純CSS實現tooltip提示框，通俗的講也就是CSS箭頭及形狀　　不過注意一點是，他始終是一個元素，只是通過CSS實現的，今天我們要說的是給這個“tooltip提示框”整體加一個邊框，下面是是一篇完成的（不瞭解的可以看看：純CSS實現tooltip提示框，CSS箭頭及形狀）：首先像:after一樣我們介紹另外一個CSS中&ldqu

js 二分尋找的實現1.遞迴實現function binarySearch(data, dest, start, end){ var end = end || data.length - 1, start = start || 0, m = Math.floor((start + end) / 2); if(data[m] == dest){ return m; } if(dest 2.非遞迴實現function

@font-face 用字型畫表徵圖，@font-face字型HTML 1 <body> 2 <!-- ul.layout>li*5>a[href=#]>i.icon --> 3 <!-- Sublime Text 快捷拼字 --> 4 <ul class="layout"> 5 <li><a href="#"><i class="icon">&#

CSS3 照片牆，css3照片牆HTML 1 <body> 2 <h2>照片牆製作</h2> 3 <div class="container"> 4 <img class="img1" src="img/img (1).jpg" height="150" width="150" alt=""> 5 <img class="img2" src="img/img (2).jpg"

JavaScript物件導向編程（6）利用原型鏈實現繼承繼承是物件導向的特性之一，繼承的主要目的就是為了重用。子類能複用父類的屬性或者行為，可以極大地簡化子類，避免重複定義。繼承的特徵1.子物件擁有父物件的屬性和方法繼承特徵2：子物件“是一個”父物件，具備“is-a”的特點，如人是動物，那麼人就是動物的子類，體現在對象上，一個人必然有一個指向動物執行個體的引用子類的prototype指向父類的一個執行個體，就完成了繼承，因為子類的執行個體上具備了父類執行個體的屬性和行為。Java中子類執行個體有

JS魔法堂：初探傳說中的setImmediate函數一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　      由於JavaScript程式為單線程，因此在執行長時間的操作時（如迴圈和遞迴操作）到導致UI線程長期被阻塞，無法響應使用者操作請求（如點擊按鈕等），讓使用者體驗大打折扣。於是想到將一個長時間操作切片成N個小操作並非同步執行，例如jsDeferred中的 Deferred.repeat函數 就提供這樣的解決辦法，其實質就是通過

DOM筆記（四）：HTML 5 DOM複雜資料類型，dom資料類型  HTML 5 DOM定義了一下集合、列表等複雜的資料類型用於實現便捷的操作。相對於HTML 4 DOM，HTML 5 DOM增加了HTMLCollection、DOMTokenList、DOMStringMap、HTMLAllCollection、

js分解url參數（Regex,split比較）（物件導向-極簡主義法應用）一：Regex法<script type="text/javascript">function getQueryString(url) { if(url) { url=url.substr(url.indexOf("?")+1); //字串截取，比我之前的split()方法效率高 } var result = {}, //建立一個對象，用於存name，和value

CSS特異性（CSS Specificity）的細節之CSS樣式權重的計算與理解（CSS樣式覆蓋規則），cssspecificity本篇講解CSS特異性（CSS Specificity）的細節，也就是CSS樣式選取器的權重計算通過計算選取器的權重（weight）最終決定哪個選取器將獲得優先權去覆蓋其他選取器的樣式設定，即“優先原則（priority rules）”！ 首先，我們來一個簡單的例子：<body> <ul id="summer-

[設計模式] javascript 之 抽象原廠模式抽象原廠模式說明 1. Factory 方法模式的問題: 在Factory 方法模式裡，建立類都需要通過 工廠類，如果要擴充程式，就必須修改工廠類，這違背了閉包原則，對擴充開放，對修改關閉；對於設計有一定的問題。 2. 如何解決：就要用到抽象原廠模式，就是對功能類單獨建立工廠類，這樣就不必修改之前的代碼，又擴充了功能。 3. 原廠模式其實就是對 實現同一介面的 實作類別 的 統一 工廠方式建立調用，但

Javascript定義類的三種方法分析一、建構函式法function User() {　　this.name = "張三";}產生執行個體的時候，使用new關鍵字。var user1 = new User();alert(user1.name); // 張三類的屬性和方法，還可以定義在建構函式的prototype對象之上。User.prototype.sing = function(){　　　alert("only

node.js中的http.request.end方法使用說明，node.jsrequest方法說明：完成請求發送。如果任何一部分請求體沒有被發送，它將被重新整理到流。如果指定了 data值，將在執行完 request.end() 後，再執行一條 request.write(data , encoding)文法：複製代碼 代碼如下:request.end([data], [encoding])接收參數：data       &

node.js中的buffer.write方法使用說明，node.jsbuffer方法說明：將string使用指定的encoding寫入到buffer的offset處。返回寫入了多少個八進位位元組。如果Buffer沒有足夠的空間來適應整個string,那麼將只有string的部分被寫入。文法：複製代碼 代碼如下:buffer.write(string, [offset], [length], [encoding])接收參數：string     

node.js中的querystring.parse方法使用說明，node.jsurl.parse方法說明：將字串轉成對象。說白了其實就是把url上帶的參數串轉成數組對象。（看例子就知道咯）文法：複製代碼 代碼如下:querystring.parse(str, [sep], [eq],

node.js中的buffer.slice方法使用說明，node.jsbuffer方法說明：返回一個新的buffer對象,這個新buffer和老buffer公用一個記憶體。但是被start和end索引位移縮減了。(比如,一個buffer裡有1到10個位元組,我們只想要4-8個位元組,就可以用這個函數buf.slice(4,8),因為他們共用一個記憶體,所以不會消耗記憶體,)因為共用記憶體，所以修改新的buffer後，老buffer的內容同樣也會被修改。文法：複製代碼

node.js中的querystring.stringify方法使用說明，json.stringify方法說明：將對象轉換成字串，字串裡多個參數將用 ‘&' 分隔，將用 ‘=' 賦值。這個函數的操作和 querystring.parse() 是相反的，具體可以看一下例子就瞭解了。文法：複製代碼 代碼如下:querystring.stringify(obj, [sep],

node.js中的url.resolve方法使用說明，node.jsurl.resolve方法說明：為URL或 href 插入 或 替換原有的標籤。（不懂可以看例子）文法：複製代碼 代碼如下:url.resolve(from, to)由於該方法屬於url模組，使用前需要引入url模組（var url= require(“url”) ）接收參數：from            

three.js 源碼注釋（四十四）Light/DirectionalLight.js 轉載請保留此句：商域無疆 - 本部落格專註於 敏捷開發及移動和物聯裝置研究：資料視覺效果、GOLANG、Html5、WEBGL、THREE.JS，否則，出自本部落格的文章拒絕轉載或再轉載，謝謝合作。俺也是剛開始學,好多地兒肯定不對還請見諒.以下代碼是THREE.JS 源碼檔案中Light/DirectionalLight.js檔案的注釋. /** * @author mrdoob /

node.js中的path.delimiter方法使用說明，node.jspath方法說明：方法將返回平台的真實路徑，多個用 “:” 或 “;” 隔開。文法：複製代碼 代碼如下:path.delimiter由於該方法屬於path模組，使用前需要引入path模組（var path= require(“path”) ）接收參數：無例子：複製代碼 代碼如下://在 *nix 系統上的例子： console.log(process.env.PATH) //

jQuery on方法傳遞參數樣本，jqueryon傳遞樣本教你如何給 jQuery on方法綁定的函數傳遞參數，代碼如下：複製代碼 代碼如下:$(".loadingFlower").on("click",'',{name:"123",id:"234",tel:"345"},callback) function callback(event){   console.log(event.data.name);    //參數1 =>