原创 css案例(二)

-webkit-perspective:景深(像素來表示) -webkit-transform-style:preserve-3d;(創建一個3D空間) -webkit-transform-origin:景深基點 -webkit-tran

原创 css案例(一)

傾斜的導航 *{margin:0;padding:0;list-style: none;} .clearfix:after{content: "";clear: both;display: block;zoom:1;} .list l

原创 模塊打包工具webpack的使用

webpack是什麼 1.模塊化 2.自定義文件或npm install (整個項目完成後,可以將整個項目進行模塊化,模塊化分爲兩種,一是自定義的文件(自己創建的css文件或者js文件),而是引用的文件(比如bootstrap或者angu

原创 前端常見的知識點(一)

各個瀏覽的內核和前綴 Chrome:webkit    -webkit- Safari: webkit     -webkit- Firefox:gecko   -moz- IE:trident  -ms- opera:presto  -

原创 angular2的配置環境

angular2的環境配置依賴於node.js,所以應該先安裝node.js 1.打開命令行 2.進入到nodeJs所在文件的目錄 3.進入nodeJs中 4.輸入命令 npm install express -gf NPM是隨同No

原创 ECMAScript6(三)

Iterator 和 for...of循環 在ES6中新增了Set和Map兩種數據結構,再加上JS之前原有的數據和對象,這樣就有了四種數據集合,平時還可以組合使用它們,定義自己的數據結構,比如數組的成員是Map,Map的成員是對象等,這樣

原创 Angular.js(七)

自定義服務factory、provider 注意:(1)自定義服務與內部的服務引入相同            (2)自定義服務要寫在內部的服務後面,並且自定義服務的命名一般不要帶$符號,目的就是與內部服務區分 factory自定義服務

原创 angular2-學習筆記(二)

組件(Component):是對數據和方法的簡單封裝 根組件 導航組件 Home組件 Directory組件 | .component.ts .component.html .component.css 組件邏輯 組件視圖 組件樣式

原创 git工具的基本使用

版本庫又名倉庫,可以理解爲是一個目錄,這個目錄裏面的所有文件都可以被Git管理起來,每個文件的修改、刪除,Git都能跟蹤,以便任何時刻都可以追蹤歷史,或者在將來的某一刻可以‘還原’。 創建版本庫 創建一個新的文件夾爲myGit    m

原创 ECMAScript6(二)

數據結構Set 集合的基本概念:集合是由一組無序且唯一(既不能重複)的項組成,這個數據結構使用了與有限集合相同的數據概念,應用在計算機的數據結構中。 特點:key和value相同,沒有重複的value。 ES6 提供了數據結構Set,它類

原创 ECMAScript6(一)

let命令:用來聲明一個變量,和var非常類似 const命令:用來聲明一個常量,常量就是不可以變化的量 用let和const聲明變量的注意事項: 1.使用let聲明的變量,所聲明的變量只有在命令所在的代碼塊內有效 { let a=25;

原创 css案例(三)

蘋果菜單案例:*{margin:0;padding:0;list-style: none;} .waper{width: 100%;position: absolute;bottom:0; text-align: center;} .wa

原创 移動端學習筆記(一)

viewport:視口(可視區窗口) 默認不設置viewport一般可視區寬度在移動端是980 width:可視區域的寬度(number || device-width) user-scalable:是否允許用戶縮放,如果user-sca

原创 angular2-學習筆記(一)

配置angular2的環境: 1.首先在電腦上安裝node.js 2.打開命令行,查看版本信息 node -v // node.js的版本信息 npm -v // npm的版本信息 3.安裝angular-cli,同樣是在命令行上執行 n

原创 angular2-學習筆記(三)

創建的angular2項目中,在src文件夾中  main.ts  固定以下代碼。主要是爲了啓動頁面 import { platformBrowserDynamic } from '@angular/platform-browser-dy