原创 AngularJS 教程

簡介 創建一個簡單的郵件應用程序,學習核心的AngularJS概念。在結束該教程的學習時,你將能夠看到(虛構的)郵件應用程序,在該程序中,可以根據郵件主題查詢郵件,還可以閱讀或刪除郵件。   學習的先決條件: 會使用jQuery創

原创 在JSP中使用JavaBean

    在JSP中應用JavaBean的標籤來操作簡單類,則此類必須滿足如下要求:    (1)所有的類必須放在包中,在Web中沒有包的類是不存在的;    (2)所有的類必須聲明爲public class,這樣才能被外部所訪問;

原创 JavaScript基礎知識

       JavaScript          JavaScript由核心(ECMAScript),文檔對象模型(DOM),瀏覽器對象模型(BOM)三部分組成。           JavaScript是弱類型語言,表明該

原创 前端代碼規範

Web 前端代碼規範   必須 1 結構、樣式、行爲三層分離; 2 採用統一的縮進(兩個或四個空格/Tab); 3 嵌套標籤應當縮進一次,必須合理嵌套; 4 HTML頁面必須包含文檔類型聲明,採用HTML5文檔類型聲明;

原创 Broccoli & Babel使用示例

1 創建項目工程目錄:test 2 在test下執行 npm init 按提示填寫package.json文件 3 安裝broccoli命令行工具broccoli-cli npm install -g broccoli-cli 4 在te

原创 ECMAScript 6新特性之Proxy

ECMAScript 6中新增了一個全局構造函數:Proxy。該構造函數可以接收兩個參數:一個目標對象,一個處理對象。 代碼示例: var target = {}; var handler = {}; var proxy = new Pr

原创 CSS之BFC

BFC(Block Formatting Context,塊格式上下文) 具有BFC特性的元素可以看作是隔離了的獨立容器,容器裏面的元素不會在佈局上影響到外面的元素。 在CSS3中,BFC叫做Flow Root。 在CSS2.1中,有三種

原创 JavaScript變量提升示例

直接先看兩段代碼 function getSum() { var sum = a + b; var a = 1; var b = 2;

原创 AngularJS 2.0 嚐鮮

Angular 2.0 目前還處在制定完善中,尚未正式發佈。 本文通過AngularJS官網的一個例子,介紹AngularJS的一些新特性、新寫法(這些內容到正式發佈時可能會有改動)。 (1)創建一個Angular 2工程目錄, 如創建

原创 使用gulp搭建web服務器

gulp是一個node.js模塊,也是前端自動化任務構建工具。 使用gulp,可以做以下工作:文件拷貝、文件合併、文本替換、圖片壓縮、CSS壓縮、js壓縮等等,當然這些工作主要是依靠gulp的相應插件來完成的。 本系列將介紹如何使用gu

原创 Shadow DOM(二)

在前一篇博文中,簡單地介紹了Shadow DOM是什麼。 本文,將重點介紹Shadow DOM能做什麼、如何創建Shadow DOM以及Shadow DOM的相關概念。 Shadow DOM 能做什麼 簡單地說,有了Shadow DOM(

原创 CSS之邊框及盒子效果

1 border-radius 語法: E {border-v-h-radius: x y;} /* v:[top, bottom], h:[left, right] */ 2 border-image-source 語法: E {b

原创 CSS之文本效果

1 文本陰影效果 語法1: E {text-shadow: x y;} /* x, y爲偏移量,取值可正可負, 默認爲黑色 */ 語法2: E {text-shadow: x y color;} 語法3: E {text-shadow:

原创 CSS之多列布局

1 設置列數 語法: E { column-count: number; } 示例: p { column-count: 2; } 2 設置列寬 語法: E { column-width: length; } 示例: p { wi

原创 CSS之漸變效果

1 線性漸變 語法1: E {background-image: linear-gradient(color, color);}可以包含多個顏色點。 語法2: E {background-image: linear-gradient(t