原创 一些CSS和瀏覽器之間的怪異顯示及對應的解決辦法

有的時候編寫的CSS樣式沒有什麼錯誤,但在瀏覽器中卻會出現一些很奇怪的問題,明明沒有間距的地方出現了間距,沒有空隙的地方多了一條白線,或者IE、Firefox下顯示的效果截然不同,這些都與使用CSS Hack的原因相同。下面列舉幾個在工作

原创 Angular 1.6版本路由中/#!/的解決方法

AngularJS 路由 是通過 # + 標記 幫助我們區分不同的邏輯頁面並將不同的頁面綁定到對應的控制器上。因此在設置好路由規則後,爲html頁面的a標籤設置href路由鏈接切換不同的視圖。Angular1.6版本之前通常有href=“

原创 深究AngularJS——自定義服務詳解(factory、service、provider)

前言 3種創建自定義服務的方式。 FactoryServiceProvider大家應該知道,AngularJS是後臺人員在工作之餘發明的,他主要應用了後臺早就存在的分層思想。所以我們得了解下分層的作用,如果你是前端人員不瞭解什麼是分層

原创 echarts x軸文字顯示不全(xAxis文字傾斜比較全面的3種做法值得推薦)

echarts x軸標籤文字過多導致顯示不全 如圖: 解決辦法1:xAxis.axisLabel 屬性 axisLabel的類型是object ,主要作用是:座標軸刻度標籤的相關設置。(當然yAxis也是一樣有這個屬性的) [h

原创 使echarts圖表兼容ie瀏覽器

echarts 在谷歌瀏覽器中可以所向披靡,絲毫不會出現因兼容性問題出現圖像不顯示的結果。而在ie中似乎卻不太混得開。 最近在做各種圖表的展示,引入了資源echarts.js 谷歌中正常顯示,而在ie中卻出現瞭如下問題: 初始化的時

原创 npm常用指令以及使用淘寶鏡像cnpm

npm是一個node包管理和分發工具,已經成爲了非官方的發佈node模塊(包)的標準。有了npm,可以很快的找到特定服務要使用的包,進行下載、安裝以及管理已經安裝 的包。 npm常用指令 1、npm install moduleNames

原创 如何讓圖片按比例響應式縮放並自動裁剪的css技巧(同時也適用於一些輪播父容器響應式縮放)

響應式網站、移動端頁面在DIV CSS佈局中對於圖片列表或圖片排版時, 如果想要圖片按比例縮放, 最簡單的就是把img寬度設爲100%, 不設置高度,高度就會自動跟着高度縮放 但是如果要達到的效果是,要讓圖片的寬高要按一定的比例

原创 ionic應用在mac上使用xcode7.0進行iphone真機調試

1.開發環境:假設已在mac系統下配置好ionic開發環境(目前使用ionic1.7.14)以及安裝好xcode7.0 2.在命令終端切換到ionic項目路徑下,運行添加ios平臺命令  ionic platform add ios 3.

原创 css實現多行文本溢出顯示省略號(…)

省略號在ie中可以使用text-overflow:ellipsis了,但有很多的瀏覽器都需要固定寬度了,同時ff這些瀏覽器並不支持text-overflow:ellipsis設置了,下文來給各位整理一下兼容各瀏覽器顯示省略號教程。

原创 TypeScript:更好的JavaScript

作爲編程語言的TypeScript 關於TypeScript,首先要認識的一點就是:它是Anders Hejlsberg的作品。Anders是第一流的編程語言設計師,也是第一流的編譯器 實現者。作爲Object Pascal和C#之父,

原创 如何在TypeScript中應用像Jquery之類的第三方JavaScript框架

類型定義文件(*.d.ts) 要在TypeScript引用第三方JavaScript庫和框架,首先要了解TypeScript的類型定義文件。TypeScript的類型定義文件用來幫助開發者在TypeScript中使用已有的 JavaScr

原创 mac 命令行 安裝 需要管理員 權限“Please try running this command again as root/Administrator”的解決辦法

我們在進行mac 命令行安裝軟件的時候,有的時候會遇見這樣的問題:Please try running this command again as root/Administrator. 如圖: 解決辦法是在終端輸入: [p

原创 從angular-cli:1.0.0-beta.28.3升級到@angular/cli:1.0.0

現在Angular CLI在npm下通過@angular/cli來替代angular-cli,並且它只支持Node6.9.0或更高的版本,npm 3或更高的版本。所以在升級angular cli之前,請先升級node和npm。 如果你使用

原创 ES6新特性

ECMAScript6,也稱爲ECMAScript2015,是JavaScript語言的下一代標準。雖然目前並不是所有瀏覽器都能兼容ES6全部特性,但越來越多的程序員在實際項目當中已經開始 使用ES6了。我們可以點此訪問traceur-c

原创 使用WebStorm開發TypeScript的設置

起初編寫完TypeScript後是在命令行工具下編譯ts文件,後來發現ts文件內容一旦發生改變就要手動去執行編譯命令,難免降低了工 作效率。後來發現原來強大的Webstorm IDE也可以開發TypeScript,還支持自動編譯成js文件