hnpwa-vue

所属分类:系统/网络安全
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2018-08-30 06:21:55
上 传 者sh-1993
说明:  使用Vue.js构建的黑客新闻阅读器PWA
(A Hacker News reader PWA built using Vue.js)

文件列表:
.babelrc (238, 2018-08-29)
.editorconfig (147, 2018-08-29)
.eslintignore (23, 2018-08-29)
.eslintrc.js (951, 2018-08-29)
.postcssrc.js (196, 2018-08-29)
build/ (0, 2018-08-29)
build/api-data-preload.js (320, 2018-08-29)
build/build.js (953, 2018-08-29)
build/check-versions.js (1257, 2018-08-29)
build/dev-client.js (245, 2018-08-29)
build/dev-server.js (2441, 2018-08-29)
build/load-minified.js (236, 2018-08-29)
build/service-worker-dev.js (795, 2018-08-29)
build/service-worker-prod.js (2373, 2018-08-29)
build/utils.js (1949, 2018-08-29)
build/vue-loader.conf.js (307, 2018-08-29)
build/webpack.base.conf.js (1511, 2018-08-29)
build/webpack.dev.conf.js (1407, 2018-08-29)
build/webpack.prod.conf.js (4237, 2018-08-29)
config/ (0, 2018-08-29)
config/dev.env.js (139, 2018-08-29)
config/index.js (1436, 2018-08-29)
config/prod.env.js (48, 2018-08-29)
dist/ (0, 2018-08-29)
dist/.nojekyll (0, 2018-08-29)
dist/index.html (2656, 2018-08-29)
dist/service-worker.js (3309, 2018-08-29)
dist/static/ (0, 2018-08-29)
dist/static/css/ (0, 2018-08-29)
dist/static/css/app.580025ba0713bbb2da88d9a26af033d4.css (1339, 2018-08-29)
dist/static/css/app.580025ba0713bbb2da88d9a26af033d4.css.map (2513, 2018-08-29)
dist/static/img/ (0, 2018-08-29)
dist/static/img/icons/ (0, 2018-08-29)
dist/static/img/icons/favicon-16x16.png (425, 2018-08-29)
dist/static/img/icons/favicon-32x32.png (495, 2018-08-29)
dist/static/img/icons/icon-120x120.png (2805, 2018-08-29)
dist/static/img/icons/icon-144x144.png (3315, 2018-08-29)
dist/static/img/icons/icon-150x150.png (3445, 2018-08-29)
... ...

## Hacker News Reader using Vue.js #### [Link to Application](https://anubhav7495.github.io/hnpwa-vue) A hacker news reader pwa (Progressive Web App) built using Vue.js and Vue-router.

### Features * Performance Scores * LightHouse: 91/100 [LightHouse Link](https://www.webpagetest.org/lighthouse.php?test=170717_C8_230384878d6c07f66bb59cf11f15ad24&run=3) * Faster_3G: 3.4s [WebpPageTest Link](https://www.webpagetest.org/result/170717_C8_230384878d6c07f66bb59cf11f15ad24/) * 3G_EM: 4.3s [WebpPageTest Link](https://www.webpagetest.org/result/170717_TC_8b6a7c9d33d6687172ff9104a78cbae3/) * Built using Vue.js & Vue-router * route-level code splitting * preload / prefetch resources * dns-prefetch for api endpoint * api data preloading * Progressive Web App * app manifest * service worker using SWPrecachePlugin * app shell * Single-file vue components * hot reload in development * css extraction for production * Hosted using Github Pages * Uses [node-hnapi](https://github.com/cheeaun/node-hnapi) ### Development ``` # install dependencies $ npm install # serve locally with HMR at localhost:3001 $ npm run dev # build for production $ npm run build # build for production with bundle analyzer report $ npm run build --report ``` ### ToDo - [ ] API data caching using service worker (`networkFirst` strategy) - [ ] Conditionally load `fetch` & `promise` polyfills - [ ] Implement PRPL - [ ] Server Side Rendering (Maybe) - [ ] Add Tests

近期下载者

相关文件


收藏者