前端開發資料詳解

ECharts-圖表庫

表明了新一代的大數據可視化基礎庫，讓數據更生動，圖表更閃耀，交互更友好，使用更便捷。http://echarts.baidu.com/

Highcharts-圖表庫

功能強大、開源、美觀、圖表豐富、兼容絕大多數瀏覽器的純js圖表庫。http://www.hcharts.cn/index.php

谷歌搜索

http://g.ttlsa.com/?gws_rd=ssl

jQuery中文API詳解

http://www.css88.com/jqapi-1.9/

奇舞週刊-前端文章彙總

http://www.75team.com/weekly/

前端書籍

http://item.jd.com/11253887.html

http://product.dangdang.com/23200995.html

http://product.dangdang.com/23196111.html

國內各大公司的前端團隊的技術博客

http://www.itmian4.com/thread-4915-1-1.html

JavaScript 的性能優化：加載和執行

http://www.ibm.com/developerworks/cn/web/1308_caiys_jsload/index.html

前端開發調試工具

移動開發調試工具：Weinre工具

http://blog.csdn.net/dojotoolkit/article/details/6280924

http://www.cnblogs.com/duanhuajian/archive/2012/10/28/2743832.html

遠程服務器映射本地調試工具：推薦Mac用charles Proxy（http://www.charlesproxy.com/）， windows用戶使用fiddler（http://fiddler2.com/）

Chrome開發者工具之JavaScript內存分析

http://web.jobbole.com/81915/?from=singlemessage&isappinstalled=1

移動開發資料全集

https://github.com/jtyjty99999/mobileTech/blob/master/README.md

基於iScroll的多視圖佈局，使用原生的scroll代替iScroll

https://github.com/maxzhang/maxzhang.github.com/issues/8

用zepto框架的tap來規避移動設備瀏覽器內的點擊事件click事件的延遲響應，有可能出現點透的狀況

http://blog.youyo.name/archives/zepto-tap-click-through-research.html

淺談移動前端的最佳實踐

http://www.cnblogs.com/yexiaochai/p/4219523.html

響應式web開發調試工具Browser-Sync

http://www.alloyteam.com/2014/02/browser-sync-responsive-web-development-and-debugging-tool/

響應式頁面設計-移動端

http://www.alloyteam.com/2014/01/responsive-design/

跨設備的移動端同步化測試工具

http://www.alloyteam.com/2013/12/synchronized-cross-device-testing/

對前端模板技術的全面總結

http://www.html-js.com/article/Regularjs-Chinese-guidelines-for-a-comprehensive-summary-of-the-front-template-technology

Web緩存機制的系列文章

http://www.alloyteam.com/2012/03/web-cache-1-web-cache-overview/

移動終端開發必備知識

http://isux.tencent.com/mobile-development-essential-knowledge.html

響應式網頁設計

http://isux.tencent.com/responsive-web-design.html

單頁應用SEO淺談

http://isux.tencent.com/seo-for-single-page-applications.html

WebP 探尋之路

http://isux.tencent.com/introduction-of-webp.html

源於QQ空間圖片WebP化的思考

http://isux.tencent.com/zhitu.html

web app變革之rem

http://isux.tencent.com/web-app-rem.html

移動Web初級入門

http://www.html-js.com/article/Learn-together-the-mobile-Web-Web-primary-entry-and-I

使用漸進式JPEG來提高用戶體驗

http://www.w3cfuns.com/article-5598000-1-1.html

移動設備的界面設計尺寸

http://www.woshipm.com/ucd/69690.html

前端代碼規範及最佳實踐

http://blog.jobbole.com/79075/

開發者須要瞭解的WebKit

http://www.infoq.com/cn/articles/webkit-for-developers

移動前端不得不瞭解的html5 head 頭標籤

http://www.css88.com/archives/5480

瀏覽器的渲染原理簡介

http://coolshell.cn/articles/9666.html

CSS Sprites和Data URI技術在移動端的性能對比

http://www.iteye.com/news/28328

DOCTYPE 探索

http://www.oschina.net/translate/doctype-explored

響應式 Web 設計應該避免的錯誤

http://www.oschina.net/translate/mistakes-avoid-responsive-web-design

CSS3 Media Queries

http://www.w3cplus.com/content/css3-media-queries

移動 Web 應用性能的 5 個祕籍

http://www.oschina.net/translate/5-myths-about-mobile-web-performance

兩個viewport的故事（第一部分）

http://blog.jobbole.com/44319/

兩個viewport的故事（第二部分）

http://blog.jobbole.com/44903/

Javascript高性能動畫與頁面渲染

http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering

深刻瀏覽器研究 CSS 的動畫和轉換性能

http://www.oschina.net/translate/css-animations-and-transitions-performance

手機百度前端工程化之路

http://mweb.baidu.com/p/baidusearch-front-end-road.html

前端冷知識集錦

http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html

JavaScript多文件下載

http://www.cnblogs.com/hustskyking/p/multiple-download-with-javascript.html

支付寶前端架構優化

http://wenku.it168.com/d_000626908.shtml

2013年前端技術盤點

http://cnberg.com/archive/2013-fe/

 

 

 

 

加油！