原创 HTML中鼠標滾輪事件onmousewheel處理

滾輪事件是不同瀏覽器會有一點點區別,一個像Firefox使用DOMMouseScroll ,ff也可以使用addEventListener方法綁定DomMouseScroll事件,其他的瀏覽器滾輪事件使用mousewheel,下面我來給大

原创 HTML5 Access-Control-Allow-Origin解決跨域問題

跨域請求: A.abc.com 發起一個到 abc.com/B 的ajax請求,也會有跨域的問題。之所以會有跨域問題,實則是因爲www.abc.com其實同A.abc.com一樣,也是一個二級域名,而非一級域名(一級域名是http://a

原创 jQuery Lazy Load 圖片延遲加載

基於 jQuery 的圖片延遲加載插件,在用戶滾動頁面到圖片之後才進行加載。 對於有較多的圖片的網頁,使用圖片延遲加載,能有效的提高頁面加載速度。 版本:jQuery v1.4.4+jQuery Lazy Load v1.7.2注意事項:

原创 Vue.js——60分鐘快速入門

Vue.js是當下很火的一個JavaScript MVVM庫,它是以數據驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API,使得我們能夠快速地上手並使用Vue.js。 本文摘自:ht

原创 Git常用命令

Git配置 1 2 3 4 5 6 7 8 9 git config --global user.name "robbin"   git config --global

原创 js常用的工具類

/** * 根據傳入id獲取js對象 * @param id 入參id * @returns */ function obj$(id){ return document.getElementById(id); }; /**

原创 BigPipe學習研究

1. 技術背景 FaceBook頁面加載技術 試想這樣一個場景,一個經常訪問的網站,每次打開它的頁面都要要花費6 秒;同時另外一個網站提供了相似的服務,但響應時間只需3 秒,那麼你會如何選擇呢?數據表明,如果用戶打開一個網站,等待

原创 Backbone React Requirejs 應用實戰(一)——RequireJS管理React依賴

Backbone RequireJS React 組合 組合的情況以及開發環境如下 IDE: Webstorm(開源license,支持JSX)Backbone: Router + ModelReact: react-with-add

原创 Web前端技術棧

Web前端技術棧 比較全面的瀏覽器、平臺、類庫、框架、工具等。 自行生成預覽圖 準備環境 您應該安裝Visual Studio 2010+。 安裝 nodejs. 安裝 Phantomjs. 安裝 Python 2

原创 Web前端研發工程師編程能力飛昇之路

今天看到這篇文章。寫的非常有意思。發現自己還有很長的一段路要走。 【背景】 如果你是剛進入WEB前端研發領域,想試試這潭水有多深,看這篇文章吧; 如果你是做了兩三年WEB產品前端研發,迷茫找不着提高之路,看這篇文章吧; 如果你是四五年的前

原创 如何更專業的使用Chrome開發者工具

顧名思義Chrome開發工具就是一個工具,它允許Web開發人員可以通過瀏覽器應用程序干預和操作Web頁面,也可以通過這個工具調試和測試Web頁面或Web應用程序。有了這個工具,你可以做很多有趣的事情: 調試界面的問題使用斷點調試JavaS

原创 js加法和乘法的精確計算

//加法函數,用來得到精確的加法結果    //javascript的加法結果會有誤差,在兩個浮點數相加的時候會比較明顯。這個函數返回較爲精確的加法結果。    function accAdd(arg1,arg2){          

原创 手把手教你使用Git

一:Git是什麼?        Git是目前世界上最先進的分佈式版本控制系統。 二:SVN與Git的最主要的區別?       SVN是集中式版本控制系統,版本庫是集中放在中央服務器的,而幹活的時候,用的都是自己的電腦,所以首先

原创 Backbone源碼分析-Backbone架構+流程圖

  參考資料 http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html   官網介紹 B

原创 addEventListener和on的區別

爲什麼需要addEventListener? 先來看一個片段: html代碼 <div id="box">放逐的天空</div> 用on的代碼 window.onload = function(){ var box =