Yesterday, we had no power at home, thus no Internet. So I assumed that I wouldn't be able to have my web-app work locally, since at the end of "index.html" I have:
window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700">
Some external files do not have a far-future expiration date set in the HTTP header.
You'll notice, when I load a page with the google font, here is the response header:
Google Font API
Access-Control-Allow-Origin: * Cache-Control: private, max-age=86400 Content-Encoding: gzip Content-Type: text/css; charset=utf-8 Date: Sat, 10 Sep 2016 04:55:29 GMT Expires: Sat, 10 Sep 2016 04:55:29 GMT Link: <http://fonts.gstatic.com>; rel=preconnect; crossorigin Server: ESF Timing-Allow-Origin: * Transfer-Encoding: chunked X-Frame-Options: SAMEORIGIN X-XSS-Protection: 1; mode=block
You'll notice here that Google served up this font with an instant-expiration.
(I accessed the file on
Sat, 10 Sep 2016 04:55:29 GMT and it expires at that same time) This is probably why it never loaded in the first place.
Other then that - I'm honestly not sure why the JS files became unavailable for you after page reload. The rest of the files have far-future expiration headers, and I tested it myself using Firefox Version 48.0.1 with no issues. I first loaded the page with your scripts, then chose to "Work Offline". The browser continued to serve cached versions of these files no matter how many times I pressed refresh or F5. Perhaps its a setting with your browser, but I can't be too sure. Maybe someone else has more info on this.