当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

angular2-hn

授权协议 MIT License
开发语言 JavaScript
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 不详
投 递 者 太叔京
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Angular 2 HN

A progressive Hacker News client built with Angular

View App


Fast: Service Worker App Shell + Dynamic Content model to achieve faster load times with and without a network.

�� Responsive: Completely responsive UI that can be installed to your mobile home screen to provide a native feel.

�� Progressive: Lighthouse score of 87/100.

Mobile Preview

Laptop Preview

Offline Support

This app uses Workbox to generate a service worker as part of the build step to load quickly and work offline.

Manifest

With Chromium based browsers for Android (Chrome, Opera, etc...), Angular 2 HN includes a Web App Manifest that allows you to install to your homescreen.

Themes

Built in theme engine!

Current themes:

  • Default
  • Night
  • Black (AMOLED)

More to come!

Areas of improvement

  • Realtime updating using the Firebase SDK (may need to add option to settings so service worker can still rely on REST endpoints)
  • Server side rendering

Feel free to send me feedback on twitter or file an issue! Feature requests are always welcome.

Build process

Note: This project has been ejected (with AOT + production settings) in order to customize Webpack configurations.

  • Clone or download the repo
  • npm install
  • npm start to run the application with webpack-dev-server or npm build to kick off a fresh build and update the output directory (dist/)

Note: Any Service Worker changes will not be reflected when you run the application locally in development. To test service worker changes:

  • npm build
  • npm run precache to generate the service worker file
  • npm run static-serve to load the application along with the service worker asset using live-server

Contributors

A million thanks to some awesome people :)

  • 我想要一个类似的东西,但有很多单一的常量。 为每一个定义一个getter真的很烦人 - 就像为这些常量创建服务的方法一样,因为它意味着我只能在我可以实际注入它的地方使用它们(或者再次进行额外的工作)。 我发现使用内联模板,为我修复它 - 因为它允许将常量编译到模板中 - 使用typescripts multiline` $ {variable}`模板语法 - 唯一要注意的是值必须是根据他们的类型包

  • Solved Maximum value in a matrix Find the maximum value in the given matrix. For example, if A = [1 2 3; 4 7 8; 0 9 1]; then the answer is 9. 2 months ago Question How to speed up iterating a large da

 相关资料
  • 问题内容: 我正在使用angular2和gulp开发一个节点应用程序。我编写了一个组件文件login.ts,如下所示: 我的bootstrap.ts文件是: 但是当我编译这些文件时,出现以下错误: 这是我的tsconfig.json: 我已经使用以下命令安装了angular2的类型: 请帮助纠正错误。 问题答案: @simon错误说的是输入错误。但是对于其他进口商品,我已经发布了此答案,可能对其他

  • Angular2 (Beta) -> Angular4 开发语言:ECMAScript6 的标准已经完成。浏览器可以支持模块、类、lambda 表达式、generator 等新特性。 开发模式:Web组件将很快实现。 移动化:针对移动优化,如:缓存预编译、触控支持。 ES6工具链 Angular2是面向未来的技术,浏览器需要支持ES6+,由于目前浏览器尚未实现ES6,需要使用垫片。 angular

  • jackblog-angular2 Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板. 服务端有: express 版 , koa 版 客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版 移动端有: react native 版, ionic2.0 版 此为客户端angul

  • angular2-cookie DEPRECATED => ngx-cookie This library is deprecated and please use ngx-cookie instead. Implementation of Angular 1.x $cookies service to Angular 2 v1.2.6 Please use >=1.2.4 for Angular

  • angular 2+ Spring Boot Integration This example shows how to do a paginated table with Angular and Spring Boot (RestController ) Installation The Back End You'll need Maven 3+ and Java 8 The Front End

  • Angular2 Tutorial This repository is an example application for angular2 tutorial. Demo Ahead-of-time compilation Lazy Loading Preloading CSS in JS by using Aphrodite Hot module reload Getting Started