前端整理出來的個個網站，有點亂，請諒解

2. 群員作品

• MDialog - [合肥-M.J]
• 輪播圖 - [上海－冷靜]
• [廣州—堅殼]
• [成都 - 無痕]　感恩節專題
• [球霸天]
• [北京-小數]
• [ptf] Magix 工具
• [杭州-Pft] Magix 基於 MVC 結構和 Hash 驅動的 OPOA（One Page One Application）應用
• [上海-劇中人]-實驗室
• [上海-豪情 ] 作品集合
• [成都-feeling]
• [上海-angela]
• [海南-hank]作品
• [上海-張力]博客
• [上海-zenki]作品
• 移動端圖案解鎖
• [合肥-M.J] - MPreview 移動端圖片預覽組
• [合肥-M.J] - Mexam 移動端在線做題組
• [北京-蘇瑞] - dancer小人
• [上海-玄沐]- 個人網站
• [廈門-二哲]- 個人博客

3. 國外大牛精品

• pazguille

十三. 簡歷模板

• 不錯的個人簡歷
• 簡歷
• 張倫
• 簡歷
• 翁天信
• 動畫方式的簡歷
• 組件豐富簡歷
• 簡歷池
• haorooms博客
• Justin Young

十四. 面試題

• 那幾個月在找工作（百度，網易遊戲）
• 2014最新面試題
• 阿里前端面試題
• 2016校招內推 -- 阿里巴巴前端 -- 三面面試經歷
• 騰訊面試題
• 年後跳槽那點事：樂視+金山+360面試之行
• 阿里前端面試題上線
• 拉勾網js面試題
• 前端面試
• Web開發筆試面試題 大全
• 前端開發面試題
• 2014最新前端面試題
• 百度面試
• 面試題
• 前端工作面試問題
• 前端開發面試題
• 5個經典的前端面試問題
• 最全前端面試問題及答案總結
• 如何面試一名前端開發工程師？
• 史上最全 前端開發面試問題及答案整理
• 前端實習生面試總結
• 史上最全 前端開發面試問題及答案整理
• BAT及各大互聯網公司2014前端筆試面試題：JavaScript篇
• 前端開發面試題大收集
• 收集的前端面試題和答案
• 如何面試前端工程師
• 前端開發面試題
• 牛客網-筆試面經

十五. iconfont

• 中文字體
• 淘寶字庫
• 字體
• 製作教程
• zhangxinxu-icommon
• icommon
• 用字體在網頁中畫ICON圖標(推薦教程)
• 字體壓縮工具 感謝初級群　[深圳-小魚] 的推薦

十六. 開發工具類

1. 前端開發工具

• IntelliJ IDEA 簡體中文專題教程
• Webstorm,InterllIdea,Phpstorm
• SublimeText
• Atom
• visual studio code

1. Chrome, Firebug, Filddle 調試
2. Fiddler

• Fiddler調式使用知多少(一)深入研究
• 微信fiddle
• 微信fiddle

1. Chrome

• Google Chrome 官方
• Chrome - 基礎
• Chrome - 進階
• Chrome - 性能
• Chrome - 性能進階
• Chrome - 移動
• Chrome - 使用技巧
• Chrome - Console控制檯不完全指南
• Chrome - Workspace使瀏覽器變成IDE
• network面板
• chrome開發工具快捷鍵
• chrome調試工具常用功能整理
• Chrome 開發工具 Workspace 使用
• Chrome神器Vimium快捷鍵學習記錄
• sass調試-w3cplus
• 如何更專業的使用Chrome開發者工具-w3cplus
• chrome調試canvas
• chrome profiles1
• chrome profiles2
• chrome profiles3
• chrome移動版調試
• chrome調試
• chrome的調試
• chrome console 命令詳解
• 查看事件綁定1
• 查看事件綁定2
• 神器——Chrome開發者工具(一)
• 奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹)
• chrome 開發者工具的 15 個小技巧
• Chrome開發者工具不完全指南
• Chrome 開發者工具使用技巧

1. Firebug

• firebug視頻教程
• firefox 模擬器
• console.log 命令詳解
• Firebug入門指南
• Firebug控制檯詳解

1. 移動,微信調試

• 瀏覽器端調試安卓
• 移動端前端開發調試
• 使用 Chrome 遠程調試 Android 設備
• mac移動端調試
• mac移動端調試
• 無線調試攻略
• 無線調試攻略
• 屌爆了,完美調試 微信webview(x5)
• 微信調試的那些事
• 遠程console
• 微信調試工具
• 各種真機遠程調試方法彙總

1. iOS Simulator

• Simulator
• Xcode中的iOS模擬器(iOS Simulator)的介紹和使用心得

1. img

• loading img
• 智圖-圖片優化平臺
• 在線png優化

1. 生成二維碼

• 生成二維碼

1. 瀏覽器同步

• puer
• liveReload
• f5
• File Watchers

1. 在線PPT製作

• nodePPT
• PPT
• reveal
• slippy

十七. 前端導航網站

• 界面清爽的前端導航
• 前端導航
• 前端網址導航
• 前端名錄
• 前端導航
• 前端開發資源
• 網址導航
• 前端開發倉庫 - 眾多效果的收集地
• 前端資源導航
• F2E 前端導航

十八. 常用CDN

• 新浪CDN
• 百度靜態資源公共庫
• 360網站衛士常用前端公共庫CDN服務
• Bootstrap中文網開源項目免費 CDN 服務
• 開放靜態文件 CDN - 七牛
• CDN加速 - jq22
• jQuery CDN
• Google jQuery CDN
• 微軟CDN

十九. Git,SVN,Github

1. Git

• git-scm
• 廖雪峰-Git教程
• git-for-windows
• GitHub 添加 SSH keys
• gogithub
• git常規命令練習
• git的資料整理
• 我所記錄的git命令（非常實用）
• 企業開發git工作流模式探索部分休整
• GitHub 漫遊指南
• GitHub秘籍
• 使用git和github進行協同開發流程
• 動畫方式練習git

這些技術如何學習，有沒有免費資料？

對前端的技術，架構技術感興趣的同學關注我的頭條號，並在後臺私信發送關鍵字：“前端”即可獲取免費的架構師學習資料

• 知識體系已整理好，歡迎免費領取。還有面試視頻分享可以免費獲取。關注我，可以獲得沒有的架構經驗哦！！

閱讀更多 前端嫣然呀呀呀 的文章

關鍵字: 按位 編程語言 JavaScript