jquery.md

visual

• progress bar (simple)
  • https://codepen.io/Veronica18/pen/jpKWdx
• progress bar (useful)
  • https://github.com/rstacruz/nprogress
• like electro-cardiogram
  • https://jsfiddle.net/j46kxvj5/4/

webpack.md

merge multiple private libraies into one js

• webpack-3.12.0

config

  entry: {
    'main.bundle.js': './src/assets/javascripts/main.js'
  },
  output: {
    filename: '[name]',
    path: path.resolve(__dirname, '../../public/dist'),
    publicPath: '/dist'
  },

private lib 1

function foo() {
}
module.exports = foo;

private lib 2

function bar() {
}
module.exports = bar;

main.js

import foo from './lib1.js'
import bar from './lib2.js'

if (!window.foo) { window.foo = foo; }
if (!window.bar) { window.bar = bar; }

consumer

<script src="/dist/main.bundle.js"></script>
<script>
  window.foo();
</script>