整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
當其沖的立下了幾條規矩：
1、禁止使用flash，動畫效果用視頻、canvas實現，不支持的瀏覽器降級使用圖片。保持頁面沒有報錯、樣式錯亂
2、頁面需要兼容IE8、9、10、11、QQ瀏覽器、chrome、Firefox，不需要支持IE6
3、測試分辨率1024*768、1440*900、1920*1080，頁面主內容區域可根據對應產品站點用戶分辨率，從原本的1000px調整為1200px
4、頁面foot，驗證專題所屬游戲域名【如：xxx.qq.com/foot.js】是否存在，如果存在是用這個版本的foot.js，不存在則使用通用版。
小編解釋一下：上面第4條提到的foot.js以及通用版，小伙伴們不用理會，這是騰訊為了方便，把頁面的foot寫成了foot.js，以后直接調用就行了。
如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk">
<meta name="robots" content="all">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="author" content="Tencent-CP">
<meta name="Copyright" content="Tencent">
<meta name="Description" content="">
<meta name="Keywords" content="騰訊游戲">
<title>專題主題（標題）- 產品中文全稱官方網站 - 騰訊游戲</title>
<link href="css/common.css" rel="stylesheet">
<!-- 頁面設計：cp | 頁面制作：cp | 創建：2017-xx-xx -->
</head>
<script src="http://ossweb-img.qq.com/images/js/foot.js"></script>
<script src="http://ossweb-img.qq.com/images/js/title.js"></script>
<script src="http://ossweb-img.qq.com/images/js/PTT/ping_tcss_tgideas_https_min.js"></script>
<script>
//此段代碼不能放到外鏈JS中，
var setSite = { //設置網站屬性
siteType: "os" || "a20160711xxx", //必填項:"os"代表是官網，如果不是，則填寫actName例如a20160701xxx
pageType: "index", //必填項:本頁面的定位；按照頁面含義填寫例如main||list||detail||download||share||page1||pageN
pageName: "首頁", //必填項:頁面中文名
osact: 0, //選填項:是否是官網專題(在官網運營的專題)boolean；默認是0；可以在鏈接上加入參數osact=1來靈活設置
ingame: 0, //選填項:是否投放在游戲APP內boolean；默認是0；可以在鏈接上加入參數ingame=1來靈活設置
stayTime: 0 //選填項:是否需要統計停留時長boolean；默認是0
}
if (typeof (pgvMain) == 'function') pgvMain();//千萬不能忘記！
</script>
</body>
</html>
文檔類型統一使用html5的doctype、編碼統一使用gbk、添加版權和作者
<!DOCTYPE html>
<meta charset="gbk" />
<meta name="author" content="Tencent-CP" />
<meta name="Copyright" content="Tencent" />
Description和Keywords
注：Description值一般為頁面標題或主題，針對該頁面主題的說明。Keywords為產品名、專題名、專題相關名詞，之間用英文半角逗號隔開。
<meta name="Description" content="" />
<meta name="Keywords" content="" />
文件規范
文件目錄
1、存放圖片/CSS文件夾命名規范：ossweb-img
2、CSS文件命名如：comm.css（單面頁css放在同一個頁面中，css的reset采用范例規定的格式）
3、JS文件(非必須，框架、公用js的放到該目錄)：js，JS文件命名如：comm.js
4、inc文件(include頁面片)：inc
5、分離前文件圖片、CSS、JS引用的資源路徑不要去掉http:
圖片規范
圖片標簽
圖片標簽必須寫上寬度、高度和alt屬性，寬高為圖片的原大小，例如：
<img src="" width="500" height="200" alt="活動獎品建筑排程卡"/>
測試標準
瀏覽器兼容性測試
兼容IE8、IE9、IE10、IE11、Firefox、chrome，QQ瀏覽器。并且拖大和縮小窗口，頁面布局不會發生錯位；
頁面不需要兼容IE6、7，頁面中可以在頂部加入以下提示，注意頁面中CSS類browser-tips需要寫上樣式，并使用醒目的背景和字體顏色
<!--[if lt IE 7]><p class="browser-tips">您的瀏覽器版本過低，請升級瀏覽器獲得更好的體驗<p><![endif]-->
顯示器分辨率測試
1024*768、1440*900、1920*1080
可讀性測試
1、在屏蔽js、css后，頁面要仍然具有良好的可讀性。
2、表現與結構分離，代碼中不要涉及表現元素，如：style、font、bgColor、border等。
3、選用恬當的元素，標題使用h1~h6，h1為網頁一級標題，一個頁面中只出現一次；
4、分大塊使用div，段落使用p。數據列表使用table/ul/ol/dd等，關鍵字使用strong
怎么樣？對你有所啟發了嗎？快告訴小編吧！
人整理來之不易請珍惜，如有錯誤請諒解，謝謝。。。
資源教程:
- [前端知識體系](http://www.cnblogs.com/sb19871023/p/3894452.html)
- [前端知識結構](https://github.com/JacksonTian/fks)
- [Web前端開發大系概覽](https://github.com/unruledboy/WebFrontEndStack)
- [Web前端開發大系概覽-中文版](http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html)
- [Web Front-end Stack v2.2](https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png)
- [免費的編程中文書籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [前端書籍](https://github.com/dypsilon/frontend-dev-bookmarks)
- [前端免費書籍大全](https://github.com/vhf/free-programming-books)
- [前端知識體系](http://www.cnblogs.com/sb19871023/p/3894452.html)
- [免費的編程中文書籍索引](https://github.com/justjavac/free-programming-books-zh_CN)
- [智能社 - 精通JavaScript開發](http://study.163.com/course/introduction/224014.htm)
- [重新介紹 JavaScript（JS 教程）](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript)
- [麻省理工學院公開課：計算機科學及編程導論](http://v.163.com/special/opencourse/bianchengdaolun.html)
- [JavaScript中的this陷阱的最全收集--沒有之一](http://segmentfault.com/a/1190000002640298)
- [JS函數式編程指南](https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html)
- [JavaScript Promise迷你書（中文版）](http://liubin.github.io/promises-book/)
- [騰訊移動Web前端知識庫](https://github.com/AlloyTeam/Mars)
- [Front-End-Develop-Guide 前端開發指南](https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide)
- [前端開發筆記本](https://li-xinyang.gitbooks.io/frontend-notebook/content/)
- [大前端工具集 - 聶微東](https://github.com/nieweidong/fetool)
- [前端開發者手冊](https://dwqs.gitbooks.io/frontenddevhandbook/content/)
- [前端入門教程](http://www.cnblogs.com/jikey/p/3613082.html) - [瘳雪峰的Javascript教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) - [jQuery基礎教程](http://www.imooc.com/view/11) - [前端工程師必備的PS技能——切圖篇](http://www.imooc.com/view/506) - [結合個人經歷總結的前端入門方法](https://github.com/qiu-deqing/FE-learning)
六. API:
1. 總目錄
- [mozilla js參考](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript) - [chrome開發中心（chrome的內核已轉向blink）](https://developer.chrome.com/extensions/api_index.html) - [safari開發中心](https://developer.apple.com/library/safari/navigation) - [microsoft js參考](https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94).aspx) - [js秘密花園](http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html) - [js秘密花園](http://bonsaiden.github.io/JavaScript-Garden/zh/) - [w3help](http://www.w3help.org/) 綜合Bug集合網站
2. jQuery
3. Ecmascript
4. Js template
5. 彈出層
6. CSS
7. Angularjs
8. React
9. 移動端API
10. avalon
11. Requriejs
12. Seajs
13. Less,sass
14. Markdown
15. D3
16. 兼容性
17. UI相關
18. HTTP
19. 其它API
20. 圖表類
21. vue
21. 正則
22. ionic
23. 其它
七. 開發規范
八. 其它收集
1. 各大公司開源項目
2. Javascript
3. Html5
4. CSS
5. jQuery
6. Ext, EasyUI, J-UI 及其它各種UI方案
7. 頁面 社會化 分享功能
8. 富文本編輯器
9. 日歷
10. 綜合效果搜索平臺
11. 前端工程化
12. 輪播圖
- [無縫切換](http://www.swipejs.com/) - [滑屏效果](http://www.idangero.us/swiper/) - [全屏fullpage](https://github.com/peunzhang/fullpage) - [單個圖片切換](https://github.com/qiqiboy/touchslider) - [單個全屏切換](https://github.com/peunzhang/slip.js) - [百度的切換庫](http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group) - [單個全屏切換](https://github.com/peunzhang/iSlider) - [滑屏效果](https://github.com/saw/touch-interfaces) - [旋轉拖動設置](http://baijs.com/tinycircleslider/) - [類似于swipe切換](http://touchslider.com/) - [支持多種形式的觸摸滑動](http://www.swiper.com.cn/demo/index.html) - [滑屏效果](https://github.com/joker-ye/main/blob/master/wap/index.html) - [大話主席pc移動圖片輪換](http://www.superslide2.com/) - [滑屏效果](https://github.com/hahnzhu/parallax.js) - [基于zepto的fullpage](https://github.com/yanhaijing/zepto.fullpage) - [ - 定寬網頁設計下，固定寬度布局開發WebApp并實現多終端下WebApp布局自適應](http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html][WebApp) - [判斷微信客戶端的那些坑](http://loo2k.com/blog/detecting-wechat-client/) - [可以通過javascript直接調用原生分享的工具](https://github.com/JefferyWang/nativeShare.js) - [JiaThis 分享到微信代碼](http://www.jiathis.com/help/html/weixin-share-code) - [聊聊移動端跨平臺開發的各種技術](http://fex.baidu.com/blog/2015/05/cross-mobile/) - [前端自動化測試](http://www.zhihu.com/question/29922082) - [多種輪換圖片](http://ajccom.github.io/niceslider/) - [滑動側邊欄](https://mango.github.io/slideout/)
13. 文件上傳
14. 模擬select
15. 取色插件
16. 城市聯動
17. 剪貼板
18. 簡繁轉換
19. 表格 Grid
20. 在線演示
21. 播放器
22. 粒子動畫
九. Nodejs
十. 性能優化
- [Javascript高性能動畫與頁面渲染](http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering) - [移動H5前端性能優化指南](http://isux.tencent.com/h5-performance.html) - [5173首頁前端性能優化實踐](http://ued.5173.com/?p=1731) - [給網頁設計師和前端開發者看的前端性能優化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers) - [復雜應用的 CSS 性能分析和優化建議](http://www.orzpoint.com/profiling-css-and-optimization-notes/) - [張鑫旭——前端性能](http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/) - [前端性能監控總結](http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html) - [ 網站性能優化之CSS無圖片技術](http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF/) - [web前端性能優化進階路](http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html) - [前端技術：網站性能優化之CSS無圖片技術](http://my.eoe.cn/tuwandou/archive/4544.html) - [瀏覽器的加載與頁面性能優化](http://www.baiduux.com/blog/2011/02/15/browser-loading/) - [頁面加載中的圖片性能優化](http://www.w3ctech.com/p/1503) - [Hey——前端性能](http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD) - [html優化](http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2/) - [99css——性能](http://www.99css.com/tag/%e6%80%a7%e8%83%bd) - [Yslow——性能優化](http://www.yslow.net/category.php?cid=20) - [YSLOW中文介紹](http://www.cnblogs.com/yslow/) - [轉一篇Yahoo關于網站性能優化的文章，兼談本站要做的優化](http://www.360ito.com/article/40.html) - [Yahoo!團隊實踐分享：網站性能](http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml) - [網站性能優化指南：什么使我們的網站變慢？](http://blog.jiasule.com/i/153) - [網站性能優化實踐，減少加載時間，提高用戶體驗](http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html) - [淺談網站性能優化 前端篇](http://www.umtry.com/archives/747.html) - [前端重構實踐之如何對網站性能優化？](http://www.adinnet.cn/blog/designview/2012-7-12/678.html) - [前端性能優化：使用媒體查詢加載指定大小的背景圖片](http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9/) - [網站性能系列博文](http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html) - [加載，不只是少一點點](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml) - [前端性能的測試與優化](http://mzhou.me/article/95310/) - [分享網頁加載速度優化的一些技巧？](http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading/) - [頁面加載中的圖片性能優化](http://www.f2es.com/images-bytes-opt/) - [web前端優化(基于Yslow)](http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html) - [網站性能優化工具大全](https://www.qianduan.net/website-performance-optimization-tool.html) - [【高性能前端1】高性能HTML](http://www.alloyteam.com/2012/10/high-performance-html/) - [【高性能前端2】高性能CSS](http://www.alloyteam.com/2012/10/high-performance-css/) - [由12306談談網站前端性能和后端性能優化](http://coolshell.cn/articles/6470.html) - [AlloyTeam——前端優化](http://www.alloyteam.com/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96/) - [毫秒必爭，前端網頁性能最佳實踐](http://www.cnblogs.com/developersupport/p/3248695.html) - [網站性能工具Yslow的使用方法](http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html) - [前端工程與性能優化（上）：靜態資源版本更新與緩存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1) - [前端工程與性能優化（下）：靜態資源管理與模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2) - [HTTPS連接的前幾毫秒發生了什么](http://blog.jobbole.com/48369/) - [Yslow](http://uicss.cn/yslow/#more-12319) - [Essential Web Performance Metrics — A Primer, Part 1](http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1/) - [Essential Web Performance Metrics — Part 2](http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2/) - [YUISlide,針對移動設備的動畫性能優化](http://jayli.github.io/blog/data/2011/12/23/yuislide.html) - [Improving Site Performance](http://joelglovier.com/improving-site-performance/) - [讓網站提速的最佳前端實踐](http://segmentfault.com/a/1190000000367899) - [Why Website Speed is Important](http://sixrevisions.com/web-development/why-website-speed-is-important/) - [Need for Speed – How to Improve your Website Performance](https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance/) - [阿里無線前端性能優化指南 (Pt.1 加載期優化)](https://github.com/amfe/article/issues/1)
十一. 前端架構
十二. 個人作品
1. 推薦作品
2. 群員作品
3. 國外大牛精品
十三. 簡歷模板
十四. 面試題
十五. iconfont
十六. 開發工具類
十七. 前端導航網站
十八. 常用CDN
十九. Git,SVN,Github
需要資源私信回復前端，希望大家多多關注，多多評論
端知識體系 http://www.cnblogs.com/sb19871023/p/3894452.html
前端知識結構 https://github.com/JacksonTian/fks
Web前端開發大系概覽 https://github.com/unruledboy/WebFrontEndStack
Web前端開發大系概覽-中文版 http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
WebFrontendStackv2.2https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web%20Front%20End%20Stack.png
免費的編程中文書籍索引https://github.com/justjavac/free-programming-books-zh_CN
前端書籍https://github.com/dypsilon/frontend-dev-bookmarks
前端免費書籍大全https://github.com/vhf/free-programming-books
前端知識體系http://www.cnblogs.com/sb19871023/p/3894452.html
免費的編程中文書籍索引https://github.com/justjavac/free-programming-books-zh_CN
精通JavaScript開發http://study.163.com/course/introduction/224014.htm
重新介紹 JavaScript（JS 教程）https://developer.mozilla.org/zhCN/docs/Web/JavaScript/A_re-introduction_to_JavaScript
麻省理工學院公開課：計算機科學及編程導論http://v.163.com/special/opencourse/bianchengdaolun.html
JavaScript中的this陷阱的最全收集--沒有之一http://segmentfault.com/a/1190000002640298
JS函數式編程指南
https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
JavaScript Promise迷你書（中文版）http://liubin.github.io/promises-book
騰訊移動Web前端知識庫 https://github.com/AlloyTeam/Mars
Front-End-Develop-Guide 前端開發指南https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide
前端開發筆記本https://li-xinyang.gitbooks.io/frontend-notebook/content
大前端工具集 - 聶微東https://github.com/nieweidong/fetool
前端開發者手冊https://dwqs.gitbooks.io/frontenddevhandbook/content
易迅網前端博客https://github.com/YIXUNFE/blog
重新介紹 JavaScript（JS 教程）
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript
入門類
地址
前端入門教程http://www.cnblogs.com/jikey/p/3613082.html
廖雪峰的Javascript教程
http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
jQuery基礎教程http://www.imooc.com/view/11
前端工程師必備的PS技能——切圖篇http://www.imooc.com/view/506
結合個人經歷總結的前端入門方法https://github.com/qiu-deqing/FE-learning
效果類
地址
彈出層http://www.imooc.com/learn/58
焦點圖輪播特效http://www.imooc.com/learn/18
工具類
地址
css sprite 雪碧圖制作http://www.imooc.com/learn/93
版本控制入門 – 搬進 Githubhttp://www.imooc.com/learn/390
Grunt-beginner前端自動化工具http://www.imooc.com/learn/30
慕課專題
地址
張鑫旭 - 慕課系列http://www.imooc.com/space/teacher/id/197450
lyn - 慕課系列http://www.imooc.com/space/teacher/id/104593
艾倫 - 慕課系列http://www.imooc.com/space/teacher/id/290139
碧仔 - Hello，移動WEBhttp://www.imooc.com/view/494
周報類
地址
平安科技移動開發二隊技術周報https://github.com/PaicHyperionDev/MobileDevWeekly
開發中心
地址
mozilla js參考https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
chrome開發中心（chrome的內核已轉向blink）
https://developer.chrome.com/extensions/api_index.html
safari開發中心https://developer.apple.com/library/safari/navigation
microsoft js參考https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx
js秘密花園http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html
js秘密花園http://bonsaiden.github.io/JavaScript-Garden/zh
w3help http://www.w3help.org綜合Bug集合網站
綜合搜索
地址
javascriptinghttp://www.javascripting.com
各種流行庫搜索http://microjs.com
綜合API
地址
runoob.com-包含各種API集合http://www.runoob.com
開源中國在線API文檔合集http://tool.oschina.net/apidocs
devdocs http://devdocs.io英文綜合API網站
jQuery
地址
jQuery API 中文文檔http://www.jquery123.com
hemin 在線版http://hemin.cn/jq
css88 jq api http://www.css88.com/jqapi-1.9/on
css88 jqui api http://www.css88.com/jquery-ui-api
學習jquery http://learn.jquery.com
jquery 源碼查找http://james.padolsey.com/jquery
Ecmascript
地址
Understanding ECMAScript 6 - Nicholas C. Zakas https://leanpub.com/understandinges6/read
exploring-es6 https://leanpub.com/exploring-es6/read
exploring-es6翻譯 https://github.com/es6-org/exploring-es6
exploring-es6翻譯后預覽 http://es6-org.github.io/exploring-es6
阮一峰 es6 http://es6.ruanyifeng.com
阮一峰 Javascript http://javascript.ruanyifeng.com
ECMA-262，第 5 版 http://yanhaijing.com/es5
es5 http://es5.github.io
Js template
地址
template-chooser http://garann.github.io/template-chooser
artTemplate https://github.com/aui/artTemplate
tomdjs https://github.com/aui/tmodjs/blob/master/README.md
淘寶模板juicer模板 http://juicer.name/docs/docs_zh_cn.html
Fxtpl v1.0 繁星前端模板引擎 http://koen301.github.io/fxtpl
laytpl http://laytpl.layui.com
mozilla - nunjucks https://github.com/mozilla/nunjucks
Juicer https://github.com/PaulGuo/Juicer
dustjs http://akdubya.github.io/dustjs
etpl http://ecomfe.github.io/etpl
彈出層
地址
artDialog 最新版 https://github.com/aui/artDialog
artDialog 文檔 http://aui.github.io/artDialog/doc/index.html
google code 下載地址 https://code.google.com/p/artdialog/downloads/list
賢心彈出層 http://layer.layui.com
響應式用戶交互組件庫 https://github.com/bh-lay/UI
sweetalert-有css3動畫彈出層 http://t4t5.github.io/sweetalert
Angularjs
地址
Angular.js 的一些學習資源 https://github.com/dolymood/AngularLearning
angularjs中文社區 http://angularjs.cn
Angularjs源碼學習 http://www.cnblogs.com/xuwenmin888/p/3739096.html
Angularjs源碼學習 http://www.ifeenan.com/?c=AngularJS
angular對bootstrap的封裝 http://angular-ui.github.io/bootstrap
angularjs + nodejs https://cnodejs.org/topic/51404e0f069911196d2e3923
呂大豹 Angularjs http://www.cnblogs.com/lvdabao/tag/AngularJs
AngularJS 最佳實踐 http://www.infoq.com/cn/news/2013/02/angular-web-app
Angular的一些擴展指令 http://www.lovelucy.info/angularjs-best-practices.html
Angular數據綁定原理 https://github.com/Pasvaz/bindonce
一些擴展Angular UI組件 https://github.com/angular-ui
Ember和AngularJS的性能測試
http://voidcanvas.com/emberjs-vs-angularjs-performance-testing
帶你走近AngularJS - 基本功能介紹
http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html
Angularjs開發指南 http://angular.duapp.com/docs/guide
Angularjs學習 http://www.cnblogs.com/amosli/p/3710648.html
不要帶著jQuery的思維去學習AngularJS http://www.rainweb.cn/article/angularjs-jquery.html
angularjs 學習筆記 http://wangjiatao.diandian.com/?tag=angularjs
angularjs 開發指南 http://www.angularjs.cn/T008
angularjs 英文資料 https://github.com/jmcunningham/AngularJS-Learning
angular bootstrap http://angular-ui.github.io/bootstrap
angular jq mobile https://github.com/opitzconsulting/jquery-mobile-angular-adapter
angular ui http://mgcrea.github.io/angular-strap
整合jQuery Mobile+AngularJS經驗談 http://www.tuicool.com/articles/7ZZVr2
有jQuery背景，該如何用AngularJS編程思想 http://blog.jobbole.com/46589/
AngularJS在線教程 http://each.sinaapp.com/angular
angular學習筆記 http://www.zouyesheng.com/angular.html
React
地址
react.js 中文論壇 http://www.react-china.org
react.js 官方網址 https://facebook.github.io/react/index.html
react.js 官方文檔 https://facebook.github.io/react/docs/getting-started.html
react.js material UI http://material-ui.com/#
react.js TouchstoneJS UI http://touchstonejs.io
react.js amazeui UI http://amazeui.org/react
React 入門實例教程 - 阮一峰 http://www.ruanyifeng.com/blog/2015/03/react.html
React Native 中文版 http://wiki.jikexueyuan.com/project/react-native
Webpack 和 React 小書 - 前端亂燉 http://www.html-js.com/article/Fakefish%203053
Webpack 和 React 小書 - gitbook https://fakefish.github.io/react-webpack-cookbook
webpack https://github.com/webpack/webpack
Webpack，101入門體驗 http://html-js.com/article/3009
webpack入門教程 http://html-js.com/article/3113
基于webpack搭建前端工程解決方案探索 http://segmentfault.com/a/1190000003499526
React原創實戰視頻教程 http://www.piliyu.com
移動端API
地址
99移動端知識集合 https://github.com/jtyjty99999/mobileTech
移動端前端開發知識庫 https://github.com/AlloyTeam/Mars
移動前端的一些坑和解決方法（外觀表現） http://caibaojian.com/mobile-web-bug.html
【原】移動web資源整理 http://www.cnblogs.com/PeunZhang/p/3407453.html
zepto 1.0 中文手冊 http://mweb.baidu.com/zeptoapi
zepto 1.0 中文手冊 http://www.html-5.cn/Manual/Zepto
zepto 1.1.2 http://www.css88.com/doc/zeptojs_api
zepto 中文注釋 http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html
jqmobile 手冊 http://app-framework-software.intel.com/api.php
移動瀏覽器開發集合 https://github.com/maxzhang/maxzhang.github.com/issues
移動開發大雜燴 https://github.com/hoosin/mobile-web-favorites
微信webview中的一些問題
http://lin-chao.github.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98
框架
地址
特色的HTML框架可以創建精美的iOS應用 http://framework7.taobao.org
淘寶SUI http://m.sui.taobao.org
avalon
地址
avalonjs http://avalonjs.github.io
Avalon新一代UI庫： OniUI http://ued.qunar.com/oniui/index.html
avalon.oniui-基于avalon的組件庫 https://github.com/RubyLouvre/avalon.oniui
Requriejs
地址
Javascript模塊化編程（一）：模塊的寫法
http://www.ruanyifeng.com/blog/2012/10/javascript_module.html
Javascript模塊化編程（二）：AMD規范
http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
Javascript模塊化編程（三）：require.js的用法
http://www.ruanyifeng.com/blog/2012/11/require_js.html
RequireJS入門（一） http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html
RequireJS入門（二） http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html
RequireJS進階（三） http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html
requrie源碼學習 http://www.cnblogs.com/yexiaochai/p/3632580.html
requrie 入門指南 http://www.oschina.net/translate/getting-started-with-the-requirejs-library
requrieJS 學習筆記 http://www.cnblogs.com/yexiaochai/p/3214926.html
requriejs 其一 http://cyj.me/why-seajs/requirejs/
require backbone結合 http://www.cnblogs.com/yexiaochai/p/3221081.html
Seajs
地址
seajs http://seajs.org
seajs 中文手冊 http://cyj.me/why-seajs/zh
Less,sass
地址
sass http://www.w3cplus.com/sassguide
sass教程-sass中國 http://www.sass.hk
Sass 中文文檔 http://sass.bootcss.com
less http://less.bootcss.com
Markdown
地址
Markdown 語法說明 (簡體中文版） http://wowubuntu.com/markdown
markdown入門參考
https://github.com/LearnShare/Learning-Markdown/blob/master/README.md
gitbook https://www.gitbook.com國外的在線markdown可編輯成書
mdeditor https://www.zybuluo.com/mdeditor一款國內的在線markdown編輯器
stackedit https://stackedit.io國外的在線markdown編輯器，功能強大，同步云盤
mditor http://bh-lay.github.io/mditor一款輕量級的markdown編輯器
lepture-editor https://github.com/lepture/editor
markdown-editor https://github.com/jbt/markdown-editor
D3
地址
d3 Tutorials https://github.com/mbostock/d3/wiki/Tutorials
Gallery https://github.com/mbostock/d3/wiki/Gallery
lofter http://datavisual.lofter.com/post/40cf3a_188e535
iteye http://alanland.iteye.com/blog/1878595
ruanyifeng http://javascript.ruanyifeng.com/library/d3.html
兼容性
地址
esma 兼容列表 http://kangax.github.io/compat-table/es6
W3C CSS驗證服務 http://jigsaw.w3.org/css-validator/validator.html.zh-cn
caniuse http://caniuse.com/#index
csscreator http://csscreator.com/properties
microsoft https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx
在線測兼容-移動端 http://www.responsinator.com
emulators https://www.manymo.com/emulators
UI相關
地址
bootcss http://v3.bootcss.com
MetroUICSS http://www.w3cplus.com/MetroUICSS
semantic http://semantic-ui.com
Buttons http://alexwolfe.github.io/Buttons
kitecss http://hiloki.github.io/kitecss
pintuer http://www.pintuer.com
amazeui http://amazeui.org
worldhello http://www.worldhello.net/gotgithub/index.html
linuxtoy http://igit.linuxtoy.org/contents.html
gitmagic http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn
rogerdudler http://rogerdudler.github.io/git-guide/index.zh.html
gitref http://gitref.justjavac.com
book http://git-scm.com/book/zh
gogojimmy http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic
HTTP
地址
HTTP API 設計指南 http://segmentfault.com/bookmark/1230000002521721
其它API
地址
javascript流行庫匯總
javascriptoo
驗證api http://niceue.com/validator/demo/index.php
underscore 中文手冊 http://www.css88.com/doc/underscore
underscore源碼分析 http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031
underscore源碼分析-亞里士朱德的博客 http://yalishizhude.github.io/tags/underscore
underscrejs en api http://underscorejs.org
lodash - underscore的代替品 https://lodash.com
ext4api http://extjs-doc-cn.github.io/ext4api
backbone 中文手冊 http://www.csser.com/tools/backbone/backbone.js.html
qwrap手冊 http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm
緩動函數 http://easings.net/zh-cn
svg 中文參考 http://www.w3school.com.cn/svg/svg_reference.asp
svg mdn參考 https://developer.mozilla.org/en-US/docs/Web/SVG
svg 導出 canvas https://github.com/gabelerner/canvg
svg 導出 png https://github.com/exupero/saveSvgAsPng
ai-to-svg http://www.zamzar.com/convert/ai-to-svg
localStorage 庫 https://github.com/machao/localStorage
圖表類
地址
Highcharts 中文API http://www.hcharts.cn/api/index.php
Highcharts 英文API http://api.highcharts.com/highcharts
ECharts 百度的圖表軟件 http://echarts.baidu.com/
高德地圖 http://lbs.amap.com/api
開源的矢量圖腳本框架 http://paperjs.org
svg 地圖 http://jvectormap.com
vue
地址
Vue http://cn.vuejs.org
Vue 論壇 http://forum.vuejs.org
Vue 入門指南 http://www.cnblogs.com/aaronjs/p/3660102.html
Vue 的一些資源索引 http://segmentfault.com/a/1190000000411057
awesome-vue https://github.com/vuejs/awesome-vue
正則
地址
JS正則表達式元字符 http://segmentfault.com/a/1190000002471140
正則表達式30分鐘入門教程 http://deerchao.net/tutorials/regex/regex.htm
MDN-正則表達式
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions
ruanyifeng - RegExp對象 http://javascript.ruanyifeng.com/stdlib/regexp.html
小胡子哥 - 進階正則表達式 http://div.io/topic/764?page=1
is.js https://github.com/Cedriking/is.js/blob/master/is.js
正則在線測試 http://regexper.com
ionic
地址
ionic https://github.com/ychow/ionic-guide
其它
地址
Mock.js 是一款模擬數據生成器 http://mockjs.com
前端
地址
通過分析github代碼庫總結出來的工程師代碼書寫習慣 http://alloyteam.github.io/CodeGuide
HTML&CSS編碼規范 by @mdo http://codeguide.bootcss.com
團隊合作的css命名規范-騰訊AlloyTeam前端團隊 http://www.alloyteam.com/2011/10/107
前端編碼規范之js - by yuwenhui http://yuwenhui.github.io
前端編碼規范之js - by 李靖 http://www.cnblogs.com/hustskyking/p/javascript-spec.html
前端開發規范手冊 http://zhibimo.com/read/Ashu/front-end-style-guide
Airbnb JavaScript 編碼規范（簡體中文版）
https://github.com/yuche/javascript#table-of-contents
AMD與CMD規范的區別 http://www.zhihu.com/question/20351507
AMD與CMD規范的區別 http://www.cnblogs.com/tugenhua0707/p/3507957.html
KISSY 源碼規范
http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html
bt編碼規范 http://codeguide.bootcss.com
規范加強版 https://github.com/Suxiaogang/Code_Guide
前端代碼規范 及 最佳實踐 http://blog.jobbole.com/79075
百度前端規范 http://coderlmn.github.io/code-standards
百度前端規范 http://isobar-idev.github.io/code-standards
百度前端規范 http://zhuanlan.zhihu.com/fuyun/19884834
ECMAScript6 編碼規范--廣發證券前端團隊 https://github.com/gf-rd/es6-coding-style
JavaScript 風格指南/編碼規范（Airbnb公司版） http://blog.jobbole.com/79484
網易前端開發規范 http://nec.netease.com/standard
css模塊 http://www.75team.com/archives/1049
前端規范資源列表 https://github.com/ecomfe/spec
PHP
地址
最流行的PHP 代碼規范 http://segmentfault.com/a/1190000000443795
最流行的PHP 代碼規范https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md
Android
地址
【敏捷開發】Android團隊開發規范 http://www.cnblogs.com/lcw/p/3619181.html
Android 開發規范與應用 http://www.jianshu.com/p/4390f4fe19b3
各大公司開源項目
地址
Facebook Projects https://code.facebook.com/projects/web
百度web前端研發部 http://fex.baidu.com
百度EFE http://efe.baidu.com
百度github https://github.com/fex-team
alloyteam http://www.alloyteam.com
alloyteam-github http://alloyteam.github.io
alloyteam-AlloyGameEngine https://github.com/AlloyTeam/AlloyGameEngine
AlloyDesigner
http://alloyteam.github.io/AlloyDesigner即時修改，即時保存，設計稿較正，其它開發輔助工具
H5交互頁編輯器AEditor介紹http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shaoH5動畫交互頁開發的工具介紹
AEditor http://aeditor.alloyteam.comH5動畫交互頁開發的工具
maka http://forum.maka.im/wordpress
值得訂閱的weekly https://github.com/fenbility/weekly-feed
騰訊html5 http://cube.qq.com
奇舞團開源項目 http://75team.github.io
Qunar UED http://ued.qunar.com
Scrat http://scrat.io
常用
地址
ieBetter.js-讓IE6-IE8擁有IE9+,Chrome等瀏覽器特性
http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome
模擬鍵盤 http://mottie.github.io/Keyboard
拼音 https://github.com/hotoo/pinyin
中國個人身份證號驗證 https://github.com/mc-zone/IDValidator
算法
地址
數據結構與算法 JavaScript 描述. 章節練習 https://github.com/Ralph-Wang/algorithm.in.js
常見排序算法（JS版） https://github.com/twobin/twobinSort
經典排序 https://github.com/luofei2011/jsAgm/blob/master/js/sort.js
常見排序算法-js版本 https://github.com/hechangmin/jssort
JavaScript 算法與數據結構 精華集 https://github.com/lightningtgc/JavaScript-Algorithms
面試常考算法題精講 http://www.nowcoder.com/live/courses
JSON
地址
模擬生成JSON數據 http://beta.json-generator.com
返回跨域JSONAPI http://jsonp.afeld.me
Html5
地址
HTML5 有哪些讓你驚艷的 demo？http://www.zhihu.com/question/24398907
CSS
地址
browserhacks http://browserhacks.com
焦點圖
地址
myfocus https://github.com/koen301/myfocus
myfocus-官方演示站 http://www.chhua.com/myfocus
SuperSlidev2.1 -- 大話主席 http://www.superslide2.com
soChange http://www.bujichong.com/sojs/soChange/index.html
Ext, EasyUI, J-UI 及其它各種UI方案
地址
extjs https://www.sencha.com/products/extjs
ext4英文api http://docs.sencha.com/extjs/4.0.7
ext4中文api http://extjs-doc-cn.github.io/ext4api
EasyUI
地址
jquery easyui 未壓縮源代碼 http://jquery-easyui.googlecode.com/svn/trunk/src
J-UI
地址
J-UI http://jui.org
Other
地址
MUI-最接近原生APP體驗的高性能前端框架 http://dcloudio.github.io/mui
Amaze UI
中國首個開源 HTML5 跨屏前端框架
淘寶 HTML5 前端框架 http://m.sui.taobao.org
KISSY - 阿里前端JavaScript庫 http://docs.kissyui.com
網易Nej - Nice Easy Javascript http://nej.netease.com
Kendo UI MVVM Demo http://demos.telerik.com/kendo-ui/mvvm/index
Bootstrap http://www.bootcss.com
Smart UI http://smartui.chinamzz.com
雅虎UI - CSS UI http://developer.yahoo.com/yui/grids
頁面 社會化 分享功能
地址
百度分享 http://share.baidu.compc端
JiaThis http://jiathis.compc端
社會化分享組件 http://developer.baidu.com/soc/share移動端
ShareSDK 輕松實現社會化功能 http://www.mob.com/#/index移動端
友盟分享 http://dev.umeng.com/social/android/quick-integration移動端
富文本編輯器
地址
功能齊全 tinymce https://www.tinymce.com
百度 ueditor http://ueditor.baidu.com/website
經典的ckeditor http://ckeditor.com
經典的kindeditor http://kindeditor.net
wysiwyg http://www.bootcss.com/p/bootstrap-wysiwyg
一個有情懷的編輯器。Bach's Editor http://integ.github.io/BachEditor
tower用的編輯器 https://github.com/mycolorway/simditor
summernote 編輯器 https://github.com/summernote/summernote
html5編輯器 http://neilj.github.io/Squire
XEditor http://lab.hustlzp.com/XEditor
wangEditor https://github.com/wangfupeng1988/wangEditor
PC
地址
經典my97 http://www.my97.net/dp/demo/index.htm
強大的獨立日期選擇器 http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html
fullcalendar http://fullcalendar.io
fullcalendar日歷控件知識點集合 http://blog.csdn.net/francislaw/article/details/7740630
中文api http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html
農歷日歷 https://github.com/zzyss86/LunarCalendar
超酷的仿百度帶節日日歷老黃歷控件http://www.sucaisj.com/jiaoben/date/201509/16856.html
日期格式化 http://momentjs.com
大牛日歷控件https://github.com/Johnqing/QPAYCalendar
我群某管理作品https://github.com/Iamlars/dateMarker
input按位替換-官網http://digitalbush.com/projects/masked-input-plugin
input按位替換-githubhttps://github.com/digitalBush/jquery.maskedinput/tree/1.2.2
bootstrap-daterangepicker https://github.com/dangrossman/bootstrap-daterangepicker
國外30個插件集合 http://www.vandelaydesign.com/30-best-free-jquery-plugins
JavaScript datepicker http://dbushell.com/2012/10/09/pikaday-javascript-datepicker
Datepair.js http://jonthornton.github.io/Datepair.js
一個風格多樣的日歷 https://github.com/glad/glDatePicker
彈出層式的全日歷 http://amsul.ca/pickadate.js/date
jquery雙日歷http://www.daterangepicker.com
Date library
地址
Datejs https://github.com/datejs/Datejs
sugarjs http://sugarjs.com/api/Date
綜合效果搜索平臺
地址
效果網 http://www.jq22.com
17素材 http://www.17sucai.com
常用的JavaScript代碼片段http://microjs.com
概述
地址
前端工具大全http://www.awesomes.cn
什么是前端工程化https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0#
Gulp
地址
Gulp官網 http://gulpjs.com
Gulp中文網 http://www.gulpjs.com.cn
gulp資料收集 https://github.com/Platform-CUF/use-gulp
Gulp：任務自動管理工具 - ruanyifeng http://javascript.ruanyifeng.com/tool/gulp.html
Gulp插件 http://gulpjs.com/plugins
Gulp不完全入門教程 http://www.ido321.com/1622.html
為什么使用gulp? https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33
Gulp安裝及配合組件構建前端開發一體化 http://www.dbpoo.com/getting-started-with-gulp
Gulp 入門指南 https://github.com/nimojs/gulp-book
Gulp 入門指南 - nimojs https://github.com/nimojs/blog/issues/19
Gulp入門教程
http://markpop.github.io/2014/09/17/Gulp%E5%85%A5%E9%97%A8%E6%95%99%E7%A8%8B
Gulp in Action http://www.imooc.com/video/5692
Gulp開發教程（翻譯） http://www.w3ctech.com/topic/134
前端構建工具gulpjs的使用介紹及技巧 http://www.cnblogs.com/2050/p/4198792.html
Grunt
地址
gruntjs http://gruntjs.com
Grunt中文網 http://www.gruntjs.net
Fis
地址
fis 官網 http://fex-team.github.io/fis-site/index.html
fis http://fis.baidu.com
pc圖輪
地址
單屏輪播sochange http://www.jsfoot.com/jquery/demo/2011-09-20/192.html
左右按鈕多圖切換 http://bxslider.com/examples/carousel-demystified
fullpage全屏輪播 https://github.com/alvarotrigo/fullPage.js
移動端
地址
無縫切換 http://www.swipejs.com
滑屏效果 http://www.idangero.us/swiper
全屏fullpage https://github.com/peunzhang/fullpage
單個圖片切換 https://github.com/qiqiboy/touchslider
單個全屏切換 https://github.com/peunzhang/slip.js
百度的切換庫 http://touch.code.baidu.com/examples.html?qq-pf-to=pcqq.group
單個全屏切換 https://github.com/peunzhang/iSlider
滑屏效果 https://github.com/saw/touch-interfaces
旋轉拖動設置 http://baijs.com/tinycircleslider
類似于swipe切換 http://touchslider.com
支持多種形式的觸摸滑動 http://www.swiper.com.cn/demo/index.html
滑屏效果 https://github.com/joker-ye/main/blob/master/wap/index.html
大話主席pc移動圖片輪換 http://www.superslide2.com
滑屏效果 https://github.com/hahnzhu/parallax.js
基于zepto的fullpage https://github.com/yanhaijing/zepto.fullpage
[WebApp]定寬網頁設計下，固定寬度布局開發WebApp并實現多終端下WebApp布局自適應
http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html
判斷微信客戶端的那些坑 http://loo2k.com/blog/detecting-wechat-client
可以通過javascript直接調用原生分享的工具 https://github.com/JefferyWang/nativeShare.js
JiaThis 分享到微信代碼 http://www.jiathis.com/help/html/weixin-share-code
聊聊移動端跨平臺開發的各種技術 http://fex.baidu.com/blog/2015/05/cross-mobile
前端自動化測試 http://www.zhihu.com/question/29922082
多種輪換圖片 http://ajccom.github.io/niceslider
滾動條組件 http://ajccom.github.io/nicescroller
滑動側邊欄 https://mango.github.io/slideout
大氣實用jQuery手機移動端日歷日期選擇插件 http://www.frankdemo.cn/index.php?c=content&a=show&id=115
jQuery Mobile 移動開發中的日期插件Mobiscroll https://mobiscroll.com
fastclick https://github.com/ftlabs/fastclick
no-click-delay https://github.com/mmastrac/jquery-noclickdelay
文件上傳
地址
百度上傳組件 http://fex.baidu.com/webuploader
上傳 https://blueimp.github.io/jQuery-File-Upload
flash 頭像上傳 http://www.hdfu.net
圖片上傳預覽 http://www.dropzonejs.com
圖片裁剪 http://elemefe.github.io/image-cropper
圖片裁剪-shearphoto http://www.shearphoto.com
jQuery圖片處理 http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2
模擬select
地址
糖餅 select http://aui.github.io/popupjs/doc/selectbox.html
flexselect https://github.com/rmm5t/jquery-flexselect
雙select http://loudev.com
select2 http://select2.github.io
取色插件
地址
類似 Photoshop 的界面取色插件 http://www.jq22.com/plugin/367
jquery color https://github.com/jquery/jquery-color
取色插件集合 http://www.oschina.net/project/tag/287/color-picker
farbtastic 圓環＋正方形 https://github.com/mattfarina/farbtastic
城市聯動
地址
jquery.cityselect.js基于jQuery+JSON的省市或自定義聯動效果 http://www.ijquery.cn/?p=360
剪貼板
地址
剪貼板 https://github.com/zeroclipboard/zeroclipboard
clipboard 最新的剪切方案 http://zenorocha.github.io/clipboard.js
不是Flash的剪貼板 https://github.com/zenorocha/clipboard.js
簡繁轉換
地址
簡繁轉換 https://github.com/BYVoid/OpenCC
表格 Grid
地址
facebook表格 http://facebook.github.io/fixed-data-table
類似于Excel編輯表格-handsontable http://handsontable.com
bootstrap-table插件 http://bootstrap-table.wenzhixin.net.cn
datatables https://www.datatables.net
在線演示
地址
js 在線編輯 - runjs http://runjs.cn
js 在線編輯 - jsbin http://jsbin.com
js 在線編輯 - codepen http://codepen.io
js 在線編輯 - jsfiddle http://jsfiddle.net
java 在線編輯 - runjs http://ideone.com
js 在線編輯 - hcharts http://code.hcharts.cn
js 在線編輯 - jsdm http://jsdm.com
sql 在線編輯 - sqlfiddle http://sqlfiddle.com
mozilla 在線編輯器 https://thimble.mozilla.org
前端導航網站
地址
界面清爽的前端導航 http://uxbees.com/index.html
前端導航 http://whycss.com
前端網址導航 http://www.daqianduan.com/nav
前端名錄 http://sentsin.com/daohang
前端導航 http://123.jser.us
前端開發資源 http://www.css88.com/nav
網址導航 http://www.haourl.cn
前端開發倉庫 - 眾多效果的收集地 http://code.ciaoca.com
前端資源導航 https://github.com/jnoodle/f2e-collect
F2E 前端導航 http://f2e.im/static/pages/nav/index.html
播放器
地址
Html5 VideoPlayer https://github.com/zmmbreeze/DeadSimpleVideoPlayer
粒子動畫
地址
Proton 煙花 http://a-jie.github.io/Proton/#example
Nodejs
地址
nodejs 篇幅比較巨大 http://liuqing.pw
Node.js 包教不包會 https://github.com/alsotang/node-lessons
篇幅比較少 http://www.rainweb.cn/article/category/Nodejs
node express 入門教程 http://www.w3cfuns.com/article-5598538-1-1.html
nodejs定時任務 http://my.oschina.net/u/568264/blog/193773
一個nodejs博客 http://60sky.com
【NodeJS 學習筆記04】新聞發布系統 http://www.cnblogs.com/yexiaochai/p/3536547.html
過年7天樂，學nodejs 也快樂 http://www.cnblogs.com/qqloving/p/3541099.html
七天學會NodeJS https://github.com/nqdeng/7-days-nodejs
Nodejs學習筆記（二）--- 事件模塊 http://www.cnblogs.com/zhongweiv/p/nodejs_events.html
nodejs入門 http://www.cnblogs.com/liusuqi/p/3735491.html
angularjs nodejs https://github.com/zensh/jsgen
從零開始nodejs系列文章 http://blog.fens.me/series-nodejs
理解nodejs http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb
nodejs事件輪詢 http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop
node入門 http://www.nodebeginner.org/index-zh-cn.html
nodejs cms http://ourjs.com/detail/53e1f281c5910a9806000001
Node初學者入門，一本全面的NodeJS教程
http://ourjs.com/detail/529ca5950cb6498814000005
NodeJS的代碼調試和性能調優 http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line
優化工具
地址
JavaScript 性能分析新工具 OneProfile http://www.html-js.com/article/3083
JavaScript 堆內存分析新工具 OneHeap http://www.html-js.com/article/3091
在線工具
地址
google在線工具 https://developers.google.com/speed/pagespeed/insights
阿里測 http://www.alibench.com
阿里-免費測試服務 http://itest.aliyun.com
阿里-F2etest多瀏覽器兼容性測試解決方案 https://github.com/alibaba/f2etest
js性能測試 http://jsperf.com
前端架構
地址
技術架構 http://www.zhihu.com/topic/19612641
前端架構 http://saito.im/note/The-Architecture-of-F2E
如何成為前端架構師 http://www.zhihu.com/question/24092572
關于前端架構-張克軍 http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html
百度騰訊offer比較（騰訊游戲VS百度基礎架構） http://www.zhihu.com/question/25583350
推薦作品
地址
winter代碼片段需要翻墻 https://gist.github.com/wintercn
fgm http://www.fgm.cc/learn
岑安作品集 https://github.com/hongru/hongru.github.com
當耐特demo集合 http://kmdjs.github.io
米空格 js作品 http://www.laoshu133.com/Lab
myFocus http://koen301.github.io
SeaJS組件庫 http://panxuepeng.github.io/seajslib
顏海鏡作品 http://yanhaijing.com/myProject
腳兒網作品 http://jo2.org/category/myworks
javascript個人作品 http://www.cnitblog.com/yemoo/category/3107.html
妙味的雷東升游戲作品 http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790
javascript作品集 http://bbs.csdn.net/topics/380227212
云五筆，灰度產生生成工具 https://github.com/TooBug/works
項目主頁 http://koen301.github.io
個性的作品主頁 http://zaole.net
播放器 http://static.tingall.com/v2/player
ucren js demos 集 http://ucren.com/blog/demos
智能社 http://www.zhinengshe.com/works_list.html
實例陳列架 http://demos.shizuwu.cn
zoye demo http://zoye.sinaapp.com/demo
王員外 http://lab.yuanwai.wang
平凡 http://pingfan1990.sinaapp.com
jyg 游戲案例 http://www.lovewebgames.com
很多jquery插件 http://www.helloweba.com/list.html
不羈蟲 - soJs 作品系列 http://www.bujichong.com/sojs/api/index.html
frozenui http://frozenui.github.io/case.html
黑白棋 http://js-game.github.io/othello
fromone http://yansm.github.io/fromone/index.html
國外大牛精品
地址
pazguille http://pazguille.me
簡歷模板
地址
不錯的個人簡歷 http://learnshare.github.io/about/index.html
簡歷 http://hcy2367.github.io/resume
張倫 http://ncuey.sinaapp.com/CrispElite/
簡歷 https://github.com/hacke2/ResumeSample
翁天信 http://blog.dandyweng.com/2013/07/how-my-website-was-created
動畫方式的簡歷 http://www.webhek.com/misc/interactive-resume
組件豐富簡歷 http://www.linqing07.com/resume.html
簡歷池 http://www.mojianli.com/resume/view
haorooms博客 http://www.haorooms.com/about
Justin Young http://cv.youngdze.com
面試題
地址
那幾個月在找工作（百度，網易游戲） http://www.nowcoder.com/discuss/3196
2014最新面試題 http://www.html-js.com/article/1743
阿里前端面試題 http://www.w3cfuns.com/thread-5598563-2-1.html
2016校招內推 -- 阿里巴巴前端 -- 三面面試經歷 http://www.cnblogs.com/imwtr/p/4685546.html
騰訊面試題 http://www.w3cfuns.com/article-5599657-1-1.html
年后跳槽那點事：樂視+金山+360面試之行 http://www.cnblogs.com/lvdabao/p/3660707.html
阿里前端面試題上線 http://fatesinger.com/2722.html
拉勾網js面試題 http://www.cnblogs.com/52cik/p/js-question-lg.html
前端面試 http://www.cnblogs.com/allenxing/p/3724382.html
Web開發筆試面試題 大全 http://mianshiti.diandian.com
前端開發面試題 http://segmentfault.com/a/1190000000465431
2014最新前端面試題 https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions
百度面試 https://github.com/fex-team/interview-questions
面試題 http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177
前端工作面試問題 https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese
前端開發面試題 http://segmentfault.com/a/1190000000465431
5個經典的前端面試問題http://ourjs.com/detail/5%E4%B8%AA%E7%BB%8F%E5%85%B8%E7%9A%84%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98
最全前端面試問題及答案總結http://segmentfault.com/a/1190000002562454
如何面試一名前端開發工程師？http://www.html-js.com/article/Large-search-front-team-column%202961
史上最全 前端開發面試問題及答案整理https://github.com/hawx1993/Front-end-Interview-questions
前端實習生面試總結 http://www.cnblogs.com/xiaoruo/p/4665163.html
史上最全 前端開發面試問題及答案整理 https://github.com/hawx1993/Front-end-Interview-questions
BAT及各大互聯網公司2014前端筆試面試題：JavaScript篇 http://blog.jobbole.com/78738
前端開發面試題大收集 https://github.com/paddingme/Front-end-Web-Development-Interview-Question
收集的前端面試題和答案 https://github.com/qiu-deqing/FE-interview
如何面試前端工程師 http://www.zhihu.com/question/19568008
前端開發面試題https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md
牛客網-筆試面經 http://www.nowcoder.com/discuss?type=2
iconfont
地址
中文字體 http://www.zhihu.com/question/21253343
淘寶字庫 http://iconfont.cn
字體 http://mux.alimama.com/fonts
制作教程 http://iconfont.cn/help/platform.html
zhangxinxu-icommon http://www.zhangxinxu.com/wordpress/?s=icomoon
icommon https://icomoon.io/app
用字體在網頁中畫ICON圖標(推薦教程 http://imooc.com/learn/243
字體壓縮工具 http://font-spider.org
前端開發工具
地址
IntelliJ IDEA 簡體中文專題教程 https://github.com/judasn/IntelliJ-IDEA-Tutorial
Webstorm,InterllIdea,Phpstorm http://t.cn/8kZZ1Uy
SublimeText https://github.com/jikeytang/sublime-text
Atom https://atom.io
visual studio code https://code.visualstudio.com
Fiddler
地址
Fiddler調試使用知多少(一)深入研究 http://www.cnblogs.com/tugenhua0707/p/4623317.html
微信fiddle http://www.cnblogs.com/strick/p/4570006.html
微信fiddle http://gaoboy.com/article/26.html
Chrome
地址
Google Chrome 官方 https://developer.chrome.com/devtools
Chrome - 基礎 http://www.cnblogs.com/constantince/p/4565261.html
Chrome - 進階 http://www.cnblogs.com/constantince/p/4579121.html
Chrome - 性能 http://www.cnblogs.com/constantince/p/4585983.html
Chrome - 性能進階 http://www.cnblogs.com/constantince/p/4607497.html
Chrome - 移動 http://www.cnblogs.com/constantince/p/4624241.html
Chrome - 使用技巧 http://www.cnblogs.com/liyunhua/p/4544738.html
Chrome - Console控制臺不完全指南 http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html
Chrome - Workspace使瀏覽器變成IDE http://c7sky.com/chrome-devtools-workspace.html
network面板 http://www.html-js.com/article/Nothing-blind%202975
chrome開發工具快捷鍵 http://anti-code.com/devtools-cheatsheet
chrome調試工具常用功能整理 http://www.html-js.com/article/2327
Chrome 開發工具 Workspace 使用
http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace
Chrome神器Vimium快捷鍵學習記錄
http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html
sass調試-w3cplus http://www.w3cplus.com/sassguide/debug.html
如何更專業的使用Chrome開發者工具-w3cplus
http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html
chrome調試canvas http://sentsin.com/web/253.html
chrome profiles1 https://developer.chrome.com/devtools/index
chrome profiles2 http://h5dev.uc.cn/article-25-1.html
chrome profiles3 http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
chrome移動版調試 https://developer.chrome.com/devtools/docs/mobile-emulation
chrome調試 http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool
chrome的調試 http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html
chrome console 命令詳解 https://developer.chrome.com/devtools/docs/commandline-api
查看事件綁定1 http://www.cnblogs.com/leonkao/p/3809655.html
查看事件綁定2 http://www.cnblogs.com/xiaoyao2011/p/3447421.html
神器——Chrome開發者工具 http://segmentfault.com/a/1190000000683599
奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹
https://xinranliu.me/2015-05-22-qiqu-performance
chrome 開發者工具的 15 個小技巧 http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html
Chrome開發者工具不完全指南 http://1ke.co/course/361
Chrome 開發者工具使用技巧 http://segmentfault.com/a/1190000003882567
Firebug
地址
firebug視頻教程 http://www.imooc.com/learn/137
firefox 模擬器 https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE
console.log 命令詳解 http://www.cnblogs.com/ctriphire/p/4116207.html
Firebug入門指南 http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html
Firebug控制臺詳解 http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html
移動,微信調試
地址
瀏覽器端調試安卓 https://openstf.github.io
移動端前端開發調試http://yujiangshui.com/multidevice-frontend-debug
使用 Chrome 遠程調試 Android 設備 https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md
mac移動端調試 http://plus.uc.cn/document/webapp/doc5.html
mac移動端調試 http://www.mihtool.com
無線調試攻略 http://thx.github.io/mobile/debugging-in-mobile
無線調試攻略 http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile
屌爆了,完美調試 微信webview(x5 http://www.jianshu.com/p/ccf124f1f74b
微信調試的那些事http://liyaodong.com/2015/07/06/%E5%BE%AE%E4%BF%A1%E8%B0%83%E8%AF%95%E7%9A%84%E9%82%A3%E4%BA%9B%E4%BA%8B
遠程console http://jsconsole.com
微信調試工具 http://blog.qqbrowser.cc
各種真機遠程調試方法匯總 https://github.com/jieyou/remote_inspect_web_on_real_device
iOS Simulator
地址
Simulator https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/iOS_Simulator_Guide/Introduction/Introduction.html
Xcode中的iOS模擬器(iOS Simulator的介紹和使用心得
http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary
img
地址
loading img http://preloaders.net/en/circular
智圖-圖片優化平臺 http://zhitu.isux.us
在線png優化 https://tinypng.com
生成二維碼
地址
生成二維碼 http://cli.im
瀏覽器同步
地址
puer https://github.com/leeluolee/puer
liveReload http://livereload.com
f5 http://getf5.com
File Watchers http://geek100.com/2608
在線PPT制作
地址
nodePPT http://js8.in/2013/11/16/%E6%8E%A8%E8%8D%90nodeppt%EF%BC%9A%E4%BD%BF%E7%94%A8markdown%E8%AF%AD%E6%B3%95%E6%9D%A5%E5%86%99%E7%BD%91%E9%A1%B5ppt
PPT https://github.com/ksky521/nodePPT
reveal https://github.com/hakimel/reveal.js
slippy https://github.com/Seldaek/slippy
常用CDN
地址
新浪CDN http://lib.sinaapp.com
百度靜態資源公共庫 http://cdn.code.baidu.com
360網站衛士常用前端公共庫CDN服務 http://libs.useso.com
Bootstrap中文網開源項目免費 CDN 服務 http://www.bootcdn.cn
開放靜態文件 CDN - 七牛 http://staticfile.org
CDN加速 - jq22 http://www.jq22.com/cdn
jQuery CDN http://code.jquery.com
Google jQuery CDN http://www.google-jquery-cdn.com
微軟CDN http://www.asp.net/ajax/cdn
Git
地址
git-scm http://git-scm.com
廖雪峰-Git教程
http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
git-for-windows https://git-for-windows.github.io
GitHub 添加 SSH keys http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github
gogithub http://www.worldhello.net/gotgithub/index.html
git常規命令練習 http://pcottle.github.io/learnGitBranching
git的資料整理 https://github.com/xirong/my-git
我所記錄的git命令（非常實用）http://www.cnblogs.com/fanfan259/p/4810517.html
企業開發git工作流模式探索部分休整
https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md
GitHub 漫游指南 https://github.com/phodal/github-roam
GitHub秘籍 https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md
使用git和github進行協同開發流程 http://livoras.com/post/28
動畫方式練習git http://onlywei.github.io/explain-git-with-d3
優秀JavaScript項目
地址
Angular和Webpack種子文件 https://github.com/AngularClass/angular2-webpack-starter
Fis3面向前端的工程構建系統 https://github.com/fex-team/fis3
Fis3 DEMO https://github.com/fex-team/fis3-demo
前端JQuery系列:源碼剖析 https://github.com/JsAaron/jQuery
avalon框架 https://github.com/RubyLouvre/avalon
Microsoft ChakraCore 微軟的Chakra引擎 https://github.com/Microsoft/ChakraCore
Quintus HTML游戲引擎 https://github.com/cykod/Quintus
一個用node.js搭建的有趣博客 https://github.com/STRML/strml.net
Web前端助手--FeHelper（Chrome擴展） https://github.com/zxlie/FeHelper
百度前端技術學院 https://github.com/baidu-ife/ife
Cheerio（node.js中的jQuery） https://github.com/cheeriojs/cheerio
nodejs的一個聊天軟件 類似微信 https://github.com/BryanYang/freechat
使用html5和node.js構建的網易云音樂 https://github.com/stkevintan/Cube
babel ES6轉換為ES5 https://github.com/babel/babel
一個JS富文本編輯器 https://github.com/fex-team/ueditor
一個JS腦圖可視化工具 https://github.com/fex-team/kityminder-core
一個JS寫的Flappy Bird Game https://github.com/ellisonleao/clumsy-bird
一個JS寫的GBA模擬器 https://github.com/taisel/IodineGBA
SegmentFault寫的Markdown解析器 https://github.com/SegmentFault/HyperDown.js
基于node.js的Ghost博客 https://github.com/TryGhost/Ghost
學習react的demos https://github.com/ruanyf/react-demos
CSS
地址
CSS 語法參考 http://tympanus.net/codrops/css_reference
CSS3動畫手冊 http://isux.tencent.com/css3/index.html
騰訊css3動畫制作工具 http://isux.tencent.com/css3/tools.html
志爺css小工具集合 http://linxz.github.io/tianyizone
css3 js 移動大雜燴
http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb
bouncejs 觸摸庫 http://bouncejs.com
css3 按鈕動畫 http://fian.my.id/Waves
animate.css http://daneden.github.io/animate.css
全局CSS的終結(狗帶 [譯] http://www.alloyteam.com/2015/10/8536
常規優化
地址
Javascript高性能動畫與頁面渲染 http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering
移動H5前端性能優化指南 http://isux.tencent.com/h5-performance.html
5173首頁前端性能優化實踐 http://ued.5173.com/?p=1731
給網頁設計師和前端開發者看的前端性能優化http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers
復雜應用的 CSS 性能分析和優化建議http://www.orzpoint.com/profiling-css-and-optimization-notes
張鑫旭——前端性能http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD
前端性能監控總結http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html
網站性能優化之CSS無圖片技術http://udc.weibo.com/2013/05/%E7%BD%91%E7%AB%99%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E4%B9%8Bcss%E6%97%A0%E5%9B%BE%E7%89%87%E6%8A%80%E6%9C%AF
web前端性能優化進階路http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html
前端技術：網站性能優化之CSS無圖片技術 http://my.eoe.cn/tuwandou/archive/4544.html
瀏覽器的加載與頁面性能優化 http://www.baiduux.com/blog/2011/02/15/browser-loading
頁面加載中的圖片性能優化 http://www.w3ctech.com/p/1503
Hey——前端性能http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD
html優化 http://www.baiduux.com/blog/2010/03/15/html%E4%BC%98%E5%8C%96-2
99css——性能 http://www.99css.com/tag/%e6%80%a7%e8%83%bd
Yslow——性能優化 http://www.yslow.net/category.php?cid=20
YSLOW中文介紹 http://www.cnblogs.com/yslow
轉一篇Yahoo關于網站性能優化的文章，兼談本站要做的優化 http://www.360ito.com/article/40.html
Yahoo!團隊實踐分享：網站性能http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml
網站性能優化指南：什么使我們的網站變慢？http://blog.jiasule.com/i/153
網站性能優化實踐，減少加載時間，提高用戶體驗http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html
淺談網站性能優化 前端篇http://www.umtry.com/archives/747.html
前端重構實踐之如何對網站性能優化？http://www.adinnet.cn/blog/designview/2012-7-12/678.html
前端性能優化：使用媒體查詢加載指定大小的背景圖片http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9
網站性能系列博文http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html
加載，不只是少一點點
http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml
前端性能的測試與優化 http://mzhou.me/article/95310
分享網頁加載速度優化的一些技巧？
http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading
頁面加載中的圖片性能優化 http://www.f2es.com/images-bytes-opt
web前端優化(基于Yslow http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html
網站性能優化工具大全 https://www.qianduan.net/website-performance-optimization-tool.html
【高性能前端1】高性能HTML http://www.alloyteam.com/2012/10/high-performance-html
【高性能前端2】高性能CSS http://www.alloyteam.com/2012/10/high-performance-css
由12306談談網站前端性能和后端性能優化 http://coolshell.cn/articles/6470.html
AlloyTeam——前端優化http://www.alloyteam.com/webfrontend/%E5%89%8D%E7%AB%AF%E4%BC%98%E5%8C%96
毫秒必爭，前端網頁性能最佳實踐 http://www.cnblogs.com/developersupport/p/3248695.html
網站性能工具Yslow的使用方法 http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html
前端工程與性能優化（上）：靜態資源版本更新與緩存
http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1
前端工程與性能優化（下）：靜態資源管理與模板框架
http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2
HTTPS連接的前幾毫秒發生了什么 http://blog.jobbole.com/48369
Yslow http://uicss.cn/yslow/#more-12319
Essential Web Performance Metrics — A Primer, Part 1
http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1
Essential Web Performance Metrics — Part 2 http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2
YUISlide,針對移動設備的動畫性能優化 http://jayli.github.io/blog/data/2011/12/23/yuislide.html
Improving Site Performance http://joelglovier.com/improving-site-performance
讓網站提速的最佳前端實踐 http://segmentfault.com/a/1190000000367899
Why Website Speed is Important http://sixrevisions.com/web-development/why-website-speed-is-important
Need for Speed – How to Improve your Website Performance https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance
阿里無線前端性能優化指南 (Pt.1 加載期優化 https://github.com/amfe/article/issues/1
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
