原创 Windows上安裝Mac OS

在windows上開發ios程序,是一件比較痛苦的事情,因爲: 開發android程序,使用eclipse,eclipse有windows版同時也有mac版,所以mac上開發android程序和windows上沒有多大差別; 但是

原创 Windows上使用ionic開發IOS程序

開發ios程序需要mac本,但是好多屌絲們沒有Mac 本,那就在虛擬機上安裝一個MacOS,湊合着用吧。 下面我就以我自己的親身經歷,帶着ionic愛好者一步一步的在windows上開發ios程序 安裝VMware和Mac OS

原创 ionic2學習文檔

概述 截止到2016.01.03,angularJS 2還處於beta版階段,所以ionic2也還是在 nightly版本。 注意:ionic2是基於angular2的,而angular2又是基於ES6的。所以不懂ES6的人得先

原创 offsetLeft和clientLeft的區別

offsetLeft從字面意思上理解,就是以父元素作爲參照點,當前元素相對於父元素左邊的偏移量 clientLeft的值就等於border-left的值 點贊 收藏 分享 文章舉報

原创 JavaScript DOM

DOM(Document Object Model)即文檔對象模型,針對 HTML 和 XML 文檔的 API(應用程序接口) 。DOM 描繪了一個層次化的節點樹,運行開發人員添加、移除和修改頁面的某一部分。DOM 脫胎於 Net

原创 JavaScript 事件

第1章 事件入門 JavaScript 事件是由訪問 Web 頁面的用戶引起的一系列操作,例如:用戶點擊。當用戶執行某些操作的時候,再去執行一系列代碼。 事件介紹 事件一般是用於瀏覽器和用戶操作進行交互。最早是 IE 和 Nets

原创 響應式佈局知識點總結

當今屏幕分辨率從 320px (iPhone) 到 2560px (大屏顯示器) 或者更大。人們也不再僅僅用臺式機來瀏覽網頁,現在有手機,平板電腦等等。所以傳統的固定寬度設計形式將不再是個最佳選擇,網頁設計需要有自適應性。網頁的佈

原创 JavaScript模塊化規範

學得比較暈,再次看commonjs,amd,cmd,umd時好像還是沒完全弄清楚,今天再整理一下: commonjs是用在服務器端的,同步的,如nodejs amd,cmd是用在瀏覽器端的,異步的,如requirejs和seaj

原创 CSS文字溢出部分顯示爲省略號

CSS Code div.test { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowra

原创 跨域請求的概念和解決辦法

相關概念 同源是指相同的協議、域名、端口,三者都相同才屬於同源。 同源策略瀏覽器處於安全考慮,在全局層面禁止了頁面加載或執行與自身來源不同的域的任何腳本,站外其他來源的腳本同頁面的交互則被嚴格限制。 跨域由於瀏覽器同

原创 web App和hybid App框架

webApp/hybidApp框架 ionic ionic基於angularJS,phoneGap ionic=html5+css3+angularJS+phoneGap 也就是ionic既是Web APP開發的UI框架,同時

原创 html5移動端手勢事件

第1章 事件參照表 事件 描述 on-hold 長按事,長按的時間是500毫秒 on-tap 輕擊,如果長按事件超過250毫秒,那就不是輕擊了 on-double-tap 雙擊 on-touch 觸摸,這個

原创 clientWidth,scrollWidth,offsetWidth的區別

使用兩個親測的demo使用圖解的方式來向大家闡述上述三者之間的區別 說明: clientWidth:對象內容的可視區的寬度,不包括滾動條等邊線 元素有boder,clientWidth=內容原本寬度+border 元素有pad

原创 ionic解決跨域訪問

如果你通過 ionic serve 或者 ionic run 命令使用或 live reload 或者訪問過外部 API 結點,那麼你肯定遇到過 CORS 問題,譬如下面這樣: XMLHttpRequest cannot load

原创 網站性能優化

第1章 網站前端性能優化 前端近幾年變化很大,各種工具,庫,框架併發。雖然如此,但是網站前端性能優化的思路基本沒變。 爲什麼前端性能如此重要?數據顯示: 1)只有 10%~20%的最終用戶響應時間花在了下載HTML文檔上。其餘