原创 Angular+Typescript 學習筆記(四)--- Module

Module 模塊是 angular 最基本的模塊,相比於 angularjs,angular 最大的改變就是模塊,萬物皆可模,弱化了自定義指令的作用,模塊完全能勝任。 官話:模塊是組織應用和使用外部庫擴展應用的最佳途徑 模塊中包

原创 Angular+Typescript 學習筆記(五) --- 註解

註解 一個函數 返回函數的函數 裝飾器是 typescript 的一個特性 組件中 @Laugh() say = 'Hello'; 未完待續。。。

原创 Angular+Typescript 學習筆記(二)---生命週期

總的順序 組件構造函數調用 組件輸入屬性改變 組件初始化 組件內容初始化 組件內容髒值檢測(多次) 組件視圖初始化 組件視圖髒值檢測(多次) 組件銷燬 constructor 構造函數永遠先被調用 ngOnchanges 輸入

原创 Angular+Typescript 學習筆記(三)---viewChild

viewChild 使用 viewchild 等開發了一個輪播圖組件 html <div class="container"> <div class="image-slider" (scroll)="handleScroll(

原创 Angular+Typescript 學習筆記(一)---Interface

Interface typescript 中,接口就是爲類型命名,爲代碼或第三方代碼定義契約。 自己的理解就是定一個的數據格式可以使用接口,以此來約定類型。 使用場景 一般在描述一個對象的屬性,(帶?的是可選屬性) inter

原创 Webstorm使用教程

Webstrom使用 Mark一個實用的webstorm主題網站,網址如下:http://color-themes.com/?view=index 1、使用方法: 下載主題文件後,然後再webstorm裏面,file->impor

原创 VS code 使用技巧

VS code使用經驗彙總 模板設置 vscode的模板設置在代碼段裏面設置步驟如下: crtl+shift+p ,然後輸入snippet,在裏面查找vue(例子是vue),然後就可以在裏面輸入代碼段了 vue的模板文件爲: {

原创 取數組最大值和最小值的方法彙總

在學習中將數組取最大值和最小值的處理方法於此記錄: 方法一: 利用數組內置方法; var ary=[12,13,25,56,44,33,13,26,67,79,21]; // 數組內置的sort方法 var a = ary.sor

原创 使用vue2構建項目的完成流程Ⅰ

使用vue構建項目 項目介紹:本項目爲vue2開發,旨在從零開始,完成構建項目的一個完整的流程,加深對vue的認識。本項目爲一個手機新聞站點 1、基本流程總述 1、規劃組件結構 Nav.vue Header.vue Hom

原创 移動Web前端開發高效實戰(一)

摘要:日前,筆者拿到一本有國內知名團隊iKcamp團隊著作的書籍,在對書籍的閱讀過程當中,發現許多知識,不能準確的描述出來,於是邊啃書,邊對裏面提到的東西進行梳理,以鞏固前端知識,作爲自己查閱所用。並且在學習中瞭解新的知識。(github

原创 Vue2.x和webpack踩坑與總結

Vue2.x 1、hash和history模式 在項目初始中,爲hash模式下,hash模式,我們知道,它背後的原理是onhashange,onhaschange的定義如下: 當錨部分發生變化時執行; 這樣子,就成了路由的基本操作方式

原创 移動web前端開發高效實戰(二)

CSS3 檢測瀏覽器是否支持html5和css3的方法: 方法一: 用javascript獲取到瀏覽器的 User Agent,然後根據User Agent判斷瀏覽器是否支持某個屬性; 方法二: 在javascript裏面

原创 vue裏面各文件說明

vue文件說明 1、main.js是我們的入口文件,主要作用是初始化vue實例,並使用我們需要的插件 import Vue from 'vue' import App from './App' import router from '.

原创 CSS小技巧彙總

css3 小tips彙總 1、css文本超出多行隱藏 css3中,解決了這個問題,解決方法如下: 最後的css樣式如下: overflow:hidden; text-overflow:ellipsis; display: