@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"
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、
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
JavaScript Array對象介紹1. 介紹 數組是值的有序集合。每個值叫做一個元素,而每個元素在數組中有一個位置,以數字表示,稱為索引。JavaScript數組是無類型:數組元素可以是任意類型,並且同一個數組中的不同元素也可能有不同的類型。 --《JavaScript權威指南(第六版)》 2. 定義 var names = new Array("張三", "李四",
three.js 源碼注釋(四十四)Light/DirectionalLight.js 轉載請保留此句:商域無疆 - 本部落格專註於 敏捷開發及移動和物聯裝置研究:資料視覺效果、GOLANG、Html5、WEBGL、THREE.JS,否則,出自本部落格的文章拒絕轉載或再轉載,謝謝合作。俺也是剛開始學,好多地兒肯定不對還請見諒.以下代碼是THREE.JS 源碼檔案中Light/DirectionalLight.js檔案的注釋. /** * @author mrdoob /
node.js中的path.isAbsolute方法使用說明,node.jspath方法說明:檢測path是否為絕對路徑。一個絕對路徑會解析到相同的位置,無論是不是在工作目錄。文法:複製代碼 代碼如下:path.isAbsolute(path)由於該方法屬於path模組,使用前需要引入path模組(var path= require(“path”) )接收參數:path path路徑例子:複製代碼
javascript中的this詳解,javascriptthis詳解This對象在js中就一直是個坑貨,很難判斷它到底指向什麼,而我們由於來自C++或者python的self的經驗,又常常會犯這一類的錯誤。接下來就詳細地講一下this對象的歸屬。rule1:全域環境的thisjavascript的環境天生就由函數來決定,在js裡不能通過代碼塊隔開上下文,不被函數所包裹的環境就是全域環境,全域環境中的this就指向全域變數window,看下面一個例子複製代碼 代碼如下:var
淺談JavaScript實現物件導向中的類,javascript物件導向對象,是人們要進行研究的任何事物,從最簡單的整數到複雜的飛機等均可看作對象,它不僅能表示具體的事物,還能表示抽象的規則、計劃或事件。--引自百度百科物件導向編程,是當前最流行的編程模式。但令人沮喪的是,作為前端應用最為廣泛的javascript,並不支援物件導向。 javascript沒有存取控制符,它沒有定義類的關鍵字class,它沒有支援繼承的extend或冒號,它也沒有用
node.js中的console.info方法使用說明,node.js使用情境方法說明:該方法與 console.log() 相同。從源碼看,它是直接調用console.log的。文法:複製代碼 代碼如下:console.info([data], [...])接收參數:接受若干個參數,如果只有一個參數,則輸出這個參數的字串形式。如果有多個參數,則以類似於C語言printf()命令的格式輸出。如果沒有參數,只列印一個分行符號例子:複製代碼 代碼如下:var count = 1234;
Jquery彈出層外掛程式ThickBox的使用方法,jquerythickboxthickbox是jQuery的一個外掛程式,其作用是彈出對話方塊、網頁框,使使用者體驗度更加愉悅,下面就來簡單介紹它的幾種用法。聲明一下:這隻是個人的總結記載而已。準備工作:你需要三個檔案:thickbox.js、thickbox.css、jquery.js,網上到處可下具體使用:第一步:將這三個檔案引入到你要使用thickbox的頁面複製代碼 代碼如下:<script
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 =>
使用jQuery實現星級評等代碼分享,jquery星級評等代碼前面有一篇原生js實現星級評等 。可能覆蓋面不是很廣,現在給出一個jquery實現的星級評等。複製代碼 代碼如下:<div class="star"> <span>jQuery星級評論打分</span> <ul> <li><a href="javascript:;">1</a></li>
jQuery實現HTML5 placeholder效果執行個體,html5placeholder你一定知道 HTML5新增的 placeholder 屬性吧?不知道的也沒關係。輸入框有預設文本是,常需要這樣一個效果,點擊讓預設文本消失,失去焦點後讓預設文本顯示。今天分享一段jQuery代碼,類比 placeholder 效果。Javascript代碼:複製代碼 代碼如下:function placeHolder(event){ var self = $(this),
深入分析jquery解析json資料,深入分析jqueryjson我們先以解析上例中的comments對象的JSON資料為例,然後再小結jQuery中解析JSON資料的方法。JSON資料如下,是一個嵌套JSON:複製代碼 代碼如下:{"comments":[{"content":"很不錯嘛","id":1,"nickname":"納尼"},{"content":"喲西喲西","id":2,"nickname":"小強"}]}擷取JSON資料,在jQuery中有一個簡單的方法 $.getJSON(
淺談頁面裝載js及效能分析方法,淺談js一、裝載 先裝載靜態頁面的引用js檔案,然後尋找引用檔案中是否包含onload函數,比如main.js中包含onload函數,在main.js中尋找是否有對其他js檔案的引用,優先裝載引用js檔案,被引用中檔案的裝載順序和main.js的順序一致。