Time of Update: 2016-03-18
HTML 5 畫布(canvas),html畫布canvascanvas 元素使用 JavaScript 在網頁上繪製映像,本身是沒有繪圖能力。canvas 是一個矩形地區,可以控制其每一像素。canvas 擁有多種繪製路徑、矩形、圓形、字元以及添加映像的方法。下面來做幾個樣本:1、填充畫布<canvas id="myCanvas" width="200" height="100">2、擷取座標<script type="text/javascript">
Time of Update: 2016-03-18
CSS實現DIV超長截斷,並顯示...,cssdiv截斷..DIV顯示內容有時會超長,並把頁面撐的很難看,以前的做法是在JS中,或者後台判斷其長度,過長就截斷,但由於中英文數字展示的寬度並不一樣,截斷的長度也就只能取最小值,展示的效果也不好。利用CSS提供的方法,可以完美的解決該問題。1 .project-Name{2 width:280px; 3 overflow:hidden; 4 text-overflow:ellipsis;5 white-space:
Time of Update: 2016-03-18
CSS 常見布局 之 左側自適應,右側固定 3種方式,css自適應第一種:左側用margin-right,右側float:rightCSS代碼:html, body,ul,li #wrapper { width: 100%; height: 100%; padding: 0; margin: 0; } .left,
Time of Update: 2016-03-18
Ext JS 6應用程式Build後出現“c is not a constructor return new c(a[0])”的處理概述在對Ext JS
Time of Update: 2016-03-18
AngularJS進階(三十四)Angular資料更新不及時問題探討Angular資料更新不及時問題探討前言在修複控制角標正確變化過程中,發覺前端程式碼群組織層次出現了嚴重問題。傳遞和共用資料時自己使用的是rootScope,為此造成了全域變數空間的汙染。根據《AngularJs深度剖析與最佳實務》,如果兩個控制器的協作存在大量的資料共用和互動可以利用Factory等服務的“單例”特性為它們注入一個共用對象來傳遞資料。而自己在使用rootScope時,出現了變數不一致的情
Time of Update: 2016-03-18
珍藏百套網站開發參考手冊API大全,百套apiXSLT參考手冊-新.CHMXSL-FO參考手冊-新.CHMXQuery參考手冊-新.CHMXPath參考手冊-新.CHMXML參考手冊-新.CHMXML
Time of Update: 2016-03-17
關於CSS3的代碼總結(部分),css3代碼總結部分1. 構造樣式表:selector{
Time of Update: 2016-03-17
font-size:100%有什麼作用,font-size100%作用 h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 看到一些css重設,請問設定font-size:100%的目的和作用是什麼? ------------------------------------------------------------------------
Time of Update: 2016-03-17
HTML 5 視頻(video),html視頻videovideo 元素支援三種視頻格式IEFirefoxOperaChromeSafari帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 檔案No3.5+10.5+5.0+No帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 檔案9.0+NoNo5.0+3.0+帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM
Time of Update: 2016-03-17
html、canvas、視頻灰階、反色,canvas灰階:代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas 視頻顏色灰階化,反色</title> <style type="text/css"> *{ margin: 0; padding:
Time of Update: 2016-03-17
css學習筆記二之inline-block,inline-block1、inline-block是CSS2.1中新增的盒類型,在div中將display屬性設定為"inline-block",則div顯示效果與設定display屬性為"inline"是一樣的效果。inline-block具有inline屬性的列屬性,內部又具有block屬性的塊屬性,可以使用width,height,margin,padding,border等元素。2、使用inline-block可以在某些情況下替代float浮
Time of Update: 2016-03-17
CSS選取器(一),CSS選取器(CSS選取器包括標籤選取器、ID選取器、類別選取器、偽類和偽對象選取器、子選取器、相鄰選取器、屬性選取器、通用選取器、包含選取器、分組選取器、指定選取器等選取器,分為標籤選取器、ID選取器、類別選取器、特殊選取器這四類。 以下是我總結的5種常用的CSS選取器。 1、標籤選取器eg: p{ color:#333; } a{ display:block;
Time of Update: 2016-03-17
CSS裁剪clip,cssclip×目錄[1]定義 [2]RECT [3]應用前面的話 CSS裁剪clip這個屬性平時用的不多,但其實它並不是CSS3的新屬性,很早就開始出現了。本文將介紹關於clip屬性的相關知識 定義 一個絕對位置或固定定位元素通過使用屬性clip可以改變剪裁地區的形狀,但並不改變元素本身的寬高屬性clip 值: rect(top,right,bottom,left) | auto | inherit 初始值:
Time of Update: 2016-03-17
css 圓角,css一、支援的瀏覽器瀏覽器支援性Firefox(2、3+)√Google Chrome(1.0.154+…)√Google Chrome(2.0.156+…)√Safari(3.2.1+ windows)√Internet Explorer(IE7, IE8)×Opera
Time of Update: 2016-03-17
HTML 5 音頻(audio),html音頻audio audio 元素支援三種音頻格式IE 9Firefox 3.5Opera 10.5Chrome 3.0Safari 3.0Ogg
Time of Update: 2016-03-17
面向 Web 開發人員的 Sublime Text 外掛程式,sublimetextPackage Control在 Sublime Text 上大家都用 Package Control 來管理安裝外掛程式,所以它是我們要安裝的第一個外掛程式,安裝方法見這裡。關於 Package Control 的使用方法這裡不再贅述。 JSHint Linter 是協助你檢查代碼問題的一類工具,幫你發現潛在的錯誤或不好的代碼習慣。JSHint 是檢查
Time of Update: 2016-03-17
css實現小三角(原理),css實現三角原理如圖1所示:(簡單示範,有點醜,莫介意)PS:相容IE,FF , chrome ,360安全瀏覽器先講下原理吧,如圖2所示:這個div的樣式如下所示:div{ width: 0px; height: 0px; border-width: 20px; border-style: solid; border-color: lightgreen pink yellow
Time of Update: 2016-03-17
史上最全javascript parseInt函數詳解全域 parseInt 函數的總結:parseInt(numString, redix);numString 將要被轉換為Int的字串。注意點:1、可為數字或字串, 不管怎樣都會使用String(numString)將其轉換成字串; 如: parseInt(010); // 8 parseInt("010"); // 102、如果numString前後有空格,那麼將會忽略空格,如 " 23 ",
Time of Update: 2016-03-16
Node.js的Express架構使用上手指南,node.js上手指南Express介紹npm提供了大量的第三方模組,其中不乏許多Web架構,比如我們本章節要講述的一個輕量級的Web架構 ——— Express。Express是一個簡潔、靈活的node.js Web應用開發架構, 它提供一系列強大的功能,比如:模板解析、靜態檔案服務、中介軟體、路由控制等等,並且還可以使用外掛程式或整合其他模組來協助你建立各種
Time of Update: 2016-03-16
Javascript數組Array方法解讀,javascript數組array接上一篇《Javascript數組Array基礎介紹》,這一篇詳細介紹Array的所有方法。所有數組的方法都定義在Array.prototype上,而Array.prototype本身也是一個數組。array.concat()淺複製一份當前數組,並把接收到的參數附加到新數組的末尾。原數組不改變。文法array.concat(value1, value2, ..., valueN)參數為需要合并的數組或非數組值var