原创 Axure 交互設計 (1)

網頁交互原稿製作流程 1、利用Photoshop、九點切圖等軟件將網頁圖片進行切片; 2、利用Markman測量標註工具或Photoshop等軟件查看圖片文本等參考數據; 3、在Axure中進行排版製作。 設計稿標註測量工具 Markm

原创 函數定義、函數屬性和方法

函數 函數是定義一次但卻可以調用或執行任意多次的一段js代碼。通過函數可以封裝任意多條語句,而且可以在任何地方任何時候調用執行。 函數本身沒有運行功能,必須被調用纔可以執行。 function fn() {//函數聲明 conso

原创 數據類型

針對原始類型數據,使用值傳遞方式; 針對引用類型數據,使用址傳遞方式。 一、Undefined類型 Undefined只有一個值,即undefined。在使用var聲明變量,但沒有對其初始化時,這個變量的值就是undefined。 因

原创 <!DOCTYPE>聲明

DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。   發現很多朋友提出有關DIV+CSS排版問題,以及IE與FF的兼容問題。怎麼問的都有,結果就是一個——顯示很奇怪,很難調整。我們瀏覽的大多數網站,或者用Dreamweaver創建一個新

原创 CSS讓腳部始終在頁面底部

讓頁腳始終在頁面底部,不論頁面內容是多或者少頁腳始終在頁面底部。 方法一: /*css ---------------------------------------------------------------------------

原创 Array的方法

一、轉換方法 ——此方法不會對原數組產生影響。所有對象都有toLocaleString()、toString()、valueOf()方法。 toString(); 返回以逗號拼接的字符串。 toLocaleString(); 返回本地格

原创 canvas

canvas canvas只能在標籤中定義寬高 canvas跟其它標籤一樣,也可以定義樣式,但需要注意的是:canvas的默認寬高爲300px* 150px,在css中爲canvas定義寬高,實際上定義的是canvas的顯示的大小,但針對

原创 web標準化設計:常用的CSS命名規則

命名時需要注意的點: 1.規則命名中,一律採用小寫加中劃線的方式,不允許使用大寫字母或 _ 2.命名避免使用中文拼音,應該採用更簡明有語義的英文單詞進行組合 3.命名注意縮寫,但是不能盲目縮寫,具體請參見常用的CSS命名規則 4.不

原创 Photoshop——切圖小技巧

準備工作 把Photoshop功能面板設置成我們前端常用的並保存下來,這樣就不用我們每次使用的時候都要花時間再去設置一次了。 1、設置標尺單位 ——CSS裏面用的最多的單位是像素(px),測量和讀取的值也都是以像素爲單位的值) ps首選

原创 佈局方法

一、浮動與定位 二、彈性盒子 ——最好加指定瀏覽器前綴 將父元素指定爲display:box(/inline-box/inline-flex)時,子元素就變爲彈性盒子遵循父元素制定的排序方式。不遵循標準流的規則。 box-orient:

原创 Less的引用

引入Less 語法: <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less.js" type="text/javascript"

原创 浮動與定位、bfc和ifc

CSS的兩大特性: 層疊性 繼承性: 1、文本樣式 2、字體樣式 3、列表樣式 4、表格樣式 浮動與定位 浮動 clear:left;right;both;清除前面所有元素的浮動對這個元素

原创 CSS樣式——邊框、背景、表格

border 邊框屬性——應用於所有塊級標籤 行內標籤轉換爲塊級標籤——display:block; 簡寫順序 border-top-right-bottom-left; border-width-style-color 例如: p.a

原创 css3 新增屬性

css3 新增屬性 背景 background-origin: 背景圖像顯示的原點。 background-clip 規定背景的繪製區域。 padding-box; 從padding區域(含padding)開始顯示背景圖像。 bo

原创 Array類型、數組創建、數組檢測

一、創建數組的基本方式(兩種): 1、使用Array構造函數(可以省略new操作符,省略後的效果一樣): var arr = new Array(10); //創建一個length屬性值爲10的數組 var arr = n