原创 JS前端開發判斷是否是手機端並跳轉操作(小結)

轉載於:http://www.xker.com/page/e2014/0325/131654.html 常用跳轉代碼 以下代碼爲常用來判斷訪問者的訪問設備的類型來進行相應的跳轉 <script type="text/javascri

原创 高性能WEB開發(8) - 頁面呈現、重繪、迴流。

本文轉至:http://www.blogjava.net/BearRui/archive/2010/05/10/web_performance_repaint_relow.html 頁面呈現流程       在討論頁面重繪、迴流之前。需

原创 angularjs directive 實例 詳解

前面提到了angularjs的factory,service,provider,這個可以理解成php的model,這種model是不帶html的,今天所說的directive,也可以理解成php的model,也可以理解成插件,只不過這種

原创 ionic 圖片輪播問題

1、使用ion-slide可以實現圖片輪播,但是如果在html中僅僅增加ion-slide是遠遠不夠的,會出現兩個問題: (注:使用的是angularjs。首先需要在,js文件中注入:$ionicSlideBoxDelegate)

原创 使用HTML5的頁面資源預加載(Link prefetch)功能加速你的頁面加載速度

不管是瀏覽器的開發者還是普通web應用的開發者,他們都在做一個共同的努力:讓Web瀏覽有更快的速度感覺。有很多已知的技術都可以讓你的網站速度變得更快:使用CSS sprites,使用圖片優化工具,使用.htaccess設置頁面頭信息和緩

原创 變態的網頁加載進度條實現思路

文章轉至:http://ucren.com/blog/archives/17 以下這兩種情況: 網頁不間斷地下載並逐步把已下載完成的部分呈現出來;網頁先顯示出一個框架後,等待一切資源準備完成再一起呈現出來。 假設這兩種情況所使用的時間

原创 AngularJS 應用優化指南

本文轉至:http://byevil.com/2016/05/10/AngularJS-app-performance-optimization-guide/  Edit this page on GitHub May 5, 2016

原创 提高 web 應用性能之 JavaScript 性能調優

提高 web 應用性能之 JavaScript 性能調優 JavaScript 是一個比較完善的前端開發語言,在現今的 web 開發中應用非常廣泛,尤其是對 Web 2.0 的應用。隨着 Web 2.0 越來越流行的今天,我們

原创 更改npm全局模塊和cache默認安裝位置

參考文章:http://xiaoyaojones.blog.163.com/blog/static/28370125201351501113581/1、因爲我安裝的Node.js自帶了npm,所以在nodejs文件夾裏面新建以下兩個目錄:

原创 angularjs的$watch、$watchGroup、$watchCollection使用方式

angularjs的$watch、$watchGroup、$watchCollection使用方式 Posted on 2014/05/12 如果想在controller裏面隨時監聽一個值的變化那就用$watch

原创 js的 new image()做圖片預加載

創建一個Image對象:var a=new Image();    定義Image對象的src: a.src=”xxx.gif”;    這樣做就相當於給瀏覽器緩存了一張圖片。   圖像對象: 建立圖像對象:圖像對象名稱=new

原创 前端資源預加載並展示進度條

原文出處: 呂大豹    我們經常會看到,一些站點在首次進入的時候會先顯示一個進度條,等資源加載完畢後再呈現頁面,大概像這樣: 然後整個頁面的操作就會非常流暢,因爲之後沒必要再等待加載資源了。尤其是在移動端,或者是頁遊中,這樣做

原创 Ionic開發實戰

折磨的兩個月!Ionic從零單排,到項目發佈!遇到了很多問題但都一一解決了,此篇文章留作記錄。  當初想着因爲項目不大人力足夠的並且因爲團隊沒有移動開發經驗的情況下,是不是能夠是用hybrid app來代替原生來完成這個項目,經過一些技

原创 CSS3自定義滾動條樣式 -webkit-scrollbar

有沒有覺得瀏覽器自帶的原始滾動條很不美觀,同時也有看到很多網站的自定義滾動條顯得高端,就連chrome32.0開發板都拋棄了原始的滾動條,美觀多了。那webkit瀏覽器是如何自定義滾動條的呢? 前言 webkit支持擁有over

原创 php -- 取路徑:getcwd()、__DIR__、__FILE__ 的區別

getcwd() :顯示是 在哪個文件裏調用此文件 的目錄 __DIR__ :當前內容寫在哪個文件就顯示這個文件目錄 __FILE__ : 當前內容寫在哪個文件就顯示這個文件目錄+文件名   由此可見 getcwd()和