原创 2_CommonJS_Node模塊化（服務器端）
Node.js模塊化 1. 下載安裝node.js 2. 創建項目結構 |-modules |-module1.js |-module2.js |-module3.js |-app.js |-package.j
2018-10-10 07:59:07
原创 10_javascript繼承模式
方式1: 原型鏈繼承 套路 定義父類型構造函數 給父類型的原型添加方法 定義子類型的構造函數 創建父類型的對象賦值給子類型的原型 將子類型原型的構造屬性設置爲子類型 給子類型原型添加方法 創建子類型的對象: 可以調用父類型的方法
2018-10-10 07:59:07
3
原创 3_CommonJS-Browserify模塊化（瀏覽器端）
Browserify模塊化使用 http://browserify.org/ 1. 創建項目結構 |-js |-dist //打包生成文件的目錄（有時是build） |-src //源碼所在的目錄 |-module1.js
2018-10-10 07:59:07
原创 09_javascript對象創建模式
方式1: Object構造函數模式 套路: 先創建空Object對象, 再動態添加屬性/方法 適用場景: 起始時不確定對象內部數據 問題: 語句太多 /* 創建一個人: name:"Tom", age: 12 **/ // 先創建
2018-10-10 07:59:07
2
原创 03_對象
什麼是對象? 代表現實中的某個事物, 是該事物在編程中的抽象 多個數據的集合體(封裝體) 用於保存多個數據的容器 爲什麼要用對象? 便於對多個數據進行統一管理 對象的組成 屬性 代表現實事物的狀態數據 由屬性名和屬性值組成 屬性名
2018-10-10 07:59:07
原创 05_javascript原型與原型鏈
原型(prototype) 函數的prototype屬性(圖) 每個函數都有一個prototype屬性, 它默認指向一個Object空對象(即稱爲: 原型對象) 但Object不滿足 原型對象中有一個屬性constructor,它指
2018-10-10 07:59:07
2
原创 1_javascript模塊化進化史
模塊化進化史 全局function模式 全局函數模式: 將不同的功能封裝成不同的全局函數 問題: Global被污染了, 很容易引起命名衝突 // module1.js //數據 let data = 'atgui
2018-10-10 07:59:07
原创 13_javascript之BOM
BOM 瀏覽器對象模型 BOM可以使我們通過JS來操作瀏覽器 在BOM中爲我們提供了一組對象，用來完成對瀏覽器的操作 BOM對象 Window 代表的是整個瀏覽器的窗口， 同時window也是網頁中的全局對象
2018-10-10 07:59:07
原创 07_javascript作用域與作用域鏈
作用域 理解 就是一塊"地盤", 一個代碼段所在的區域 它是靜態的(相對於上下文對象), 在編寫代碼時就確定了 分類 全局作用域 函數作用域 沒有塊作用域(ES6有了) 作用 隔離變量，不同作用域下同名變量不會有衝突 //ES5
2018-10-10 07:59:07
原创 less筆記
less less是一種動態樣式語言，屬於css預處理器的範疇，它擴展了 CSS 語言， 增加了變量、Mixin、函數等特性，使 CSS 更易維護和擴展 LESS 既可以在 客戶端 上運行 ，也可以藉助Node.js在服務端運行。
2018-10-06 07:57:40
1
原创 04_css3過渡
transition 衆所周知，css效率極高，其變化的過程往往都是在一瞬間完成，速度極快。 CSS transition 提供了一種在更改CSS屬性時控制動畫速度的方法。 其可以讓屬性變化成爲一個持續一段時間的過程，而不是立即生
2018-10-06 07:57:40
原创 05_html表單 &框架集
表單 form:創建一個表單必須指定action屬性【指向服務器地址】 fieldset：對錶單進行分組 |- 使用legend子標籤，來指定組名 label:專門用來表示表單中的提示文字 該標籤可以指定一個for屬性，
2018-10-06 07:57:39
原创 05_css3中的變形（變換）
2D變形（transform） transform 屬性允許修改CSS視覺格式模型的座標空間 transform 屬性 , 只對 block 級元素生效！ 旋轉（rotate）： transform:rotate(angle);
2018-10-06 07:57:39
原创 03_css3新的UI方案
新的UI方案之文本新增樣式 opacity opacity屬性指定了一個元素的透明度 默認值：1.0 不可繼承 可選值：0-1 0表示完全透明，1表示完全不透明，0.5半透明 IE8及以下的瀏覽器不支持該樣式，可以使用濾鏡
2018-10-06 07:57:39
原创 06_佈局
浮動 浮動 使用float來設置元素浮動 可選值： none 默認值，不浮動，元素在文檔流中 left 元素向左浮動 right 元素向右浮動 浮動的特點： 1.元素浮動以後會完全脫離文檔流 2.浮動以後元
2018-10-06 07:57:39