原创 [Business Intelligence] 1NF, 2NF, 3NF

(1) Functional Dependency an attribute determines other attribute's value eg: Full FD: (studentID) determine (

原创 [CSS3 Practice] Learn Apple Navigator Bar

Reference: Apple Website- Navigation Bar Codes: <nav> <ul> <li><a href="#"></a></li> <li><a hr

原创 [Javascript Data Structures] 二分查找 Binary Search

二分查找 也稱 折半查找 <script type="text/javascript"> function Binary(array,data){ this.binarySearch=function(){ con

原创 [Business Intelligence] OLAP, OLTP, DW, ETL

(1) Date Warehouse collect subject-oriented, integrated... data (2) Date Mart a subset of DW just store the releva

原创 [Javascript] JSONP(未完成)

(1) Ajax 的問題 Ajax面臨兩個問題: (1) 以何種格式來交換數據(json) (2) 跨域的問題(JSONP) (2) JSONP & JSON JSONP: Javascript Object Notati

原创 [Javascript] 事件Event

HTML和JS之間的行爲或者是交互的動作 是事件實現的 (1) 事件流(冒泡 捕獲) 幾乎Tencent ,Baidu, Meituan等公司校招面試必問的題目 Event bubbling IE 只有冒泡事件: 從最具體的事件到

原创 [CSS3] Flexbox

正常的佈局是塊元素從上到下(因爲佔用一行) 內聯元素從左到右. 但是flexbox是讓子項目儘量的改變高度寬度,用最好的方式適應各種的設備。 (1) Display: flex | inline-flex flex: 按照

原创 [CSS3] Background

background: image | position | size | repeat | attachment | clip |origin (1) 基礎 background-color background-image:

原创 [Javascript] DOM

Document Object Model 文檔對象模型 (1) 查找 document.getElementById() 元素Id的屬性值 document.getElementByTagName() 元素標籤 得到的

原创 [Javascript Data Structures] 選擇排序 Selection sort

選從數組中找到最小的那個數字 , 每次都找未排序中最小的數字。 <script type="text/javascript"> function selectionSort(array){ for (var i = 0

原创 [Javascript] Json

面試必問: json格式有哪些: obj鍵值對 數組形式 (1) 語法 * 簡單值: string number boolean null 不能是undefined 對象: 有序鍵值對 數組: 有序的值得列表

原创 [CSS3] opacity & alpha (rgba)

(1) opacity 針對一個元素 從0~1 (2) alpha(rgba) 針對顏色 (3) rgba IE兼容處理 IE8以下版本出現的問題: 解決 (1) filter:alpha(opacity=50)

原创 [Interview Summary] HTML+CSS Part I

(1) 特性檢測 是檢測browser是否支持某種html5的特性 Modernizer檢測CSS3/HTML5功能支持情況 (2) 優雅降級和漸進增強 詳見【CSS3】 (3) DOCTYPE & 怪異&標

原创 [Javascript Data Structures] 冒泡排序 bubble sort

//冒泡排序 function bubbleSort(array){ for (var i = 0; i < array.length; i++) { console.log("No."+(i+1));

原创 [CSS3] 多列布局 column

類似報紙雜誌一樣的佈局設計 [1] columns columns: column-width column-count .wrapper{ width:800px; margin:0 auto; /*1