原创 TypeScript學習之路一:安裝.基礎類型.變量聲明.運算符.條件語句

1:安裝TypeScript 有兩種主要的方式來獲取TypeScript工具: 通過npm(Node.js包管理器) 安裝Visual Studio的TypeScript插件 針對使用npm的用戶: > npm install -g t

原创 vue組件通信 vue bus方面的總結

vue bus通常使用在兄弟與兄弟組件之間 然後在組件中,可以使用emit  on,  $off分別來分發,監聽,取消監聽事件  這裏的$off可以取消多次使用$bus監聽的事件 使用用法 1:引入vue import

原创 巧用TypeScript

🌀巧用註釋 /** A cool guy. */ interface Person { /** A cool name. */ name: string, } 通過/** */形式的註釋可以給 TS 類型做標記,編輯器會有更好的

原创 Html5一些歸納 後期繼續填加

先從html5+css3開始歸納吧       Html5的新特性歸納 自封閉標籤(單標籤)不寫關閉符號也是合法的。(可以使用) 如:<img src="images/0.jpg" alt=""> 所有的type屬性不寫也是合法的。(可以

原创 css3常用生僻標籤

 backgroumd-repeat(repeat-x) 平鋪 background-repeat:no-repeat;  設置不平鋪  background-position 屬性改變圖像在背景中的位置:   簡寫形式 backgron

原创 Css3的一些歸納 屬性選擇器 僞類 陰影 背景 漸變 過渡 2D效果

CSS屬性選擇器                                      []:屬性選擇器 開頭匹配    ^= 1a[href ^= "page2"] { 2 color: green; } <p> <a hr

原创 jsonp跨域

域指的就是域名。 域名對應的是一個IP地址。 域名與IP地址的對應關係存儲在域名服務器上。(DNS)   所謂跨域     1.就是跨域名,跨端口,跨協議   例如:如果有兩個服務器,服務器A和服務器B,服務器A上存儲了php數據,scr

原创 使用阿里矢量圖標的三種方法

將你要使用的icon圖標下載到本地   fontclass方式引用: 引入下載文件中的css文件與js文件   第二張方式symbol方式引用: 引用第一步 引用完成     第三張方法   三、unicode引用 第一步,注意

原创 mvc模式與mvvm模式

MVC MVC模式的意思是,軟件可以分成三個部分:     視圖(View):用戶界面。     控制器(Controller):業務邏輯     模型(Model):數據保存 各部分之間的通信方式如下: 這裏寫圖片描述     View

原创 邏輯運算符 運算符Math 短路語法 比較運算符 賦值運算符

邏輯運算符: &&  :邏輯與運算符   :總結:都真才真,一假則假 ||      邏輯或運算符   總結:都假才假,一真則真 !     邏輯非運算符 !true  結果false !false  結果true 非布爾值參與邏輯運算結

原创 js中的用途 組成部分 常用語法 字面類 數字 字符串 布爾值 undefind null Nan 運算符

js中用途:                                   數據驗證     讀寫HTML元素     與瀏覽器進行交互效果    網頁特效    web遊戲製作    基於Node.js技術進行服務器編程  

原创 三元表達式 if elseif案列 switch case breank案列

語法: 條件表達式 ? 值1 : 值2;   當條件表達式爲真時,三元表達式結果是值1; 當條件表達式爲假時,三元表達式結果是值2; 當結果是二選一時使用三元表達式更簡單。 當工作年限不滿1年,工資小於8000,年終獎爲工資的1倍,否

原创 應用自絕父相實現垂直居中

.box { /*width:佔有寬度*/ width: 100%; height: 200px; background: #eee; /*利用padding擠出1,3位置*/ padding:

原创 響應式佈局 內減盒模型 媒體查詢 嵌入式佈局

百分比佈局: 標準流和浮動: 1width,padding,margin父盒子內容寬比值 2 height父盒子內容高的比值 3 border不能使用百分數     內減盒模型 盒子設置width,height,再設置padding,

原创 固比固模型用與垂直居中pc端頁面書寫

* { padding: 0; margin: 0; } ul, ol { list-style: none; } a { text-decoration: none; color: #000; } .