• Blogs (9)
    • 📱 236 - 992 - 3846

      📧 jxjwilliam@gmail.com

    • Version: ‍🚀 1.1.0
  • JavaScript UI tips

    Blogs20142014-01-08


    Some tips for quick retrieving:

    (1) MongoDB Windows GUI

    http://robomongo.org/

    (2) Node-Inspector / debugger

    node-inspector: debug js, supervisor

    (3) AngularJS

    Karma / Testacular: JavaScript Test Runner run in MINGW32 (git bash)

    (4) Promise:

    then(): http://promises-aplus.github.io/promises-spec/ Q(): https://github.com/kriskowal/q It(callback) must use an explicit try block to catch the exception that JSON.parse might throw and must manually forward all errors to the subscriber. It also must take care not to call the subscriber inside the try block, since this would catch errors thrown by nodeback and throw them back at nodeback in the catch block. In general, writing callback-based functions that handle errors robustly is difficult and error-prone, and even if you do it right, rather verbose. The second reward for using promises is that they implicitly guarantee that interfaces you create will be strictly asynchronous.

    (5) log()

    function log() { var local = /(localhost|127.0.0.1|192.168)/.test(location.href); if (local || typeof console.log === ‘function’) { console.log.apply(console, arguments); } }

    (6) WebStorm:
    1. Code Analysis
    Inspect Codes...
    script:src (tab)
    
    2. Keyboard Shortcuts
    shortcutfoo.com
    ctrl+shift+A
    
    3. Actions
    4. Templates
    save as: Live Templates
    
    5. Refactoring
    function creation:
    alt+enter
    
    6. Navigation
    7. Local History / Version Control
    Changes -> Log
    git history
    
    8. External Tools (appear in TOOLS tab)
    adding yeoman:
    - yo angular
    - npm install
    - bower install
    - common
    - controller
    - directive
    - filter
    - main
    - route
    - service
    - view
    mingw32 terminal / command-line
    
    9. File Watchers
    Coffee Script
    10. Plugins
    (7) Yeoman.io

    Yeoman 1.0 is more than just a tool. It’s a workflow; a collection of tools and best practices working in harmony to make developing for the web even better.