工具類 · Angular-Nodejs

<div class="view-body think-editor-content"><ol><li> 前端開發工具 <ul><li><a href="https://github.com/judasn/IntelliJ-IDEA-Tutorial">IntelliJ IDEA 簡體中文專題教程</a></li><li><a href="http://t.cn/8kZZ1Uy">Webstorm,InterllIdea,Phpstorm</a></li><li><a href="https://github.com/jikeytang/sublime-text">SublimeText</a></li><li><a href="https://atom.io/">Atom</a></li><li><a href="https://code.visualstudio.com/">visual studio code</a></li></ul> </li><li> Chrome, Firebug, Filddle 調試 <ol><li> Fiddler <ul><li><a href="http://www.cnblogs.com/tugenhua0707/p/4623317.html">Fiddler調式使用知多少(一)深入研究</a></li><li><a href="http://www.cnblogs.com/strick/p/4570006.html">微信fiddle</a></li><li><a href="http://gaoboy.com/article/26.html">微信fiddle</a></li></ul> </li><li> Chrome <ul><li><a href="https://developer.chrome.com/devtools">Google Chrome 官方</a></li><li><a href="http://www.cnblogs.com/constantince/p/4565261.html">Chrome - 基礎</a></li><li><a href="http://www.cnblogs.com/constantince/p/4579121.html">Chrome - 進階</a></li><li><a href="http://www.cnblogs.com/constantince/p/4585983.html">Chrome - 性能</a></li><li><a href="http://www.cnblogs.com/constantince/p/4607497.html">Chrome - 性能進階</a></li><li><a href="http://www.cnblogs.com/constantince/p/4624241.html">Chrome - 移動</a></li><li><a href="http://www.cnblogs.com/liyunhua/p/4544738.html">Chrome - 使用技巧</a></li><li><a href="http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html">Chrome - Console控制臺不完全指南</a></li><li><a href="http://c7sky.com/chrome-devtools-workspace.html">Chrome - Workspace使瀏覽器變成IDE</a></li><li><a href="http://www.html-js.com/article/Nothing-blind%202975">network面板</a></li><li><a href="http://anti-code.com/devtools-cheatsheet/">chrome開發工具快捷鍵</a></li><li><a href="http://www.html-js.com/article/2327">chrome調試工具常用功能整理</a></li><li><a href="http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/">Chrome 開發工具 Workspace 使用</a></li><li><a href="http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html">Chrome神器Vimium快捷鍵學習記錄 </a></li><li><a href="http://www.w3cplus.com/sassguide/debug.html">sass調試-w3cplus</a></li><li><a href="http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html">如何更專業的使用Chrome開發者工具-w3cplus</a></li><li><a href="http://sentsin.com/web/253.html">chrome調試canvas</a></li><li><a href="https://developer.chrome.com/devtools/index">chrome profiles1</a></li><li><a href="http://h5dev.uc.cn/article-25-1.html">chrome profiles2</a></li><li><a href="http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles">chrome profiles3</a></li><li><a href="https://developers.google.com/chrome-developer-tools/docs/mobile-emulation">chrome移動版調試</a></li><li><a href="http://ued.taobao.org/blog/?p=5534">chrome調試</a></li><li><a href="http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html">chrome的調試</a></li><li><a href="https://developers.google.com/chrome-developer-tools/docs/commandline-api">chrome console 命令詳解</a></li><li><a href="http://www.cnblogs.com/leonkao/p/3809655.html">查看事件綁定1</a></li><li><a href="http://www.cnblogs.com/xiaoyao2011/p/3447421.html">查看事件綁定2</a></li><li><a href="http://segmentfault.com/blog/xuelang/1190000000683599">神器——Chrome開發者工具(一)</a></li><li><a href="https://xinranliu.me/2015-05-22-qiqu-performance/">奇趣百科性能優化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹)</a></li><li><a href="http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html">chrome 開發者工具的 15 個小技巧</a></li><li><a href="http://1ke.co/course/361">Chrome開發者工具不完全指南</a></li><li><a href="http://segmentfault.com/a/1190000003882567">Chrome 開發者工具使用技巧</a></li></ul> </li><li> Firebug <ul><li><a href="http://www.imooc.com/learn/137">firebug視頻教程</a></li><li><a href="https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE">firefox 模擬器</a></li><li><a href="http://www.cnblogs.com/ctriphire/p/4116207.html">console.log 命令詳解</a></li><li><a href="http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html">Firebug入門指南</a></li><li><a href="http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html">Firebug控制臺詳解</a></li></ul> </li><li> 移動,微信調試 <ul><li><a href="http://blog.qqbrowser.cc/">微信調試官網</a></li><li><a href="http://blog.qqbrowser.cc/wei-xin-gong-zhong-hao-ben-di-diao-shi/">微信公眾號本地調試</a></li><li><a href="http://bbs.mb.qq.com/thread-243399-1-1.html">微信、手Q、Qzone之x5內核inspect調試解決方案</a></li><li><a href="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/">微信調試的那些事</a></li><li><a href="https://openstf.github.io/">瀏覽器端調試安卓</a></li><li><a href="http://yujiangshui.com/multidevice-frontend-debug/">移動端前端開發調試</a></li><li><a href="https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md">使用 Chrome 遠程調試 Android 設備</a></li><li><a href="http://plus.uc.cn/document/webapp/doc5.html">mac移動端調試</a></li><li><a href="http://www.mihtool.com/">mac移動端調試</a></li><li><a href="http://thx.github.io/mobile/debugging-in-mobile/">無線調試攻略</a></li><li><a href="http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile/">無線調試攻略</a></li><li><a href="http://www.jianshu.com/p/ccf124f1f74b">屌爆了,完美調試微信webview(x5)</a></li><li><a href="http://jsconsole.com/">遠程console</a></li><li><a href="http://blog.qqbrowser.cc/">微信調試工具</a></li><li><a href="https://github.com/jieyou/remote_inspect_web_on_real_device">各種真機遠程調試方法匯總</a></li><li><a href="http://www.zhihu.com/question/37361845">手機測試自己寫的web頁面</a></li></ul> </li><li>iOS Simulator <ul><li><a href="https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/iOS_Simulator_Guide/Introduction/Introduction.html">Simulator</a></li><li><a href="http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary/">Xcode中的iOS模擬器(iOS Simulator)的介紹和使用心得</a></li></ul></li></ol> </li><li> img <ul><li><a href="http://preloaders.net/en/circular">loading img</a></li><li><a href="http://zhitu.isux.us/">智圖-圖片優化平臺</a></li><li><a href="https://tinypng.com/">在線png優化</a></li></ul> </li><li> 生成二維碼 <ul><li><a href="http://cli.im/">生成二維碼</a></li></ul> </li><li> 瀏覽器同步 <ul><li><a href="https://github.com/leeluolee/puer">puer</a></li><li><a href="http://livereload.com/">liveReload</a></li><li><a href="http://getf5.com/">f5</a></li><li><a href="http://geek100.com/2608/">File Watchers</a></li></ul> </li><li>在線PPT制作 <ul><li><a href="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/">nodePPT</a></li><li><a href="https://github.com/ksky521/nodePPT">PPT</a></li><li><a href="https://github.com/hakimel/reveal.js/">reveal</a></li><li><a href="https://github.com/Seldaek/slippy">slippy</a></li></ul></li></ol></div>