angular-next-starter-kit 是使用 Angular 1.x 开发的应用准备迁移到 Angular 2.0 的种子项目。
Angular 2.0 引入了一些新概念和设计模式,但是 Angular 2.0 还有几个月才能在生产环境使用。为了能让 Angular 1.x 开发的应用使用 Angular 2.0 的概念和一些技术,就有了 angular-next-starter-kit。
此项目的目标是:
专注于应用逻辑:
创建一个 service
来获取数据
创建一个 component
来使用数据
使用更小的组件来 Compose 更大的组件
开发者不需要担心:
配置 build system
配置 unit tests
, end-to-end tests
, code coverage
提供 static analysis
和配置 typescript
自动生成 documentation
Complete scaffolding with Angular 1.4.x
Typescript 集成
Webpack 绑定系统,多个加载器 (sass, html, typescript)
Gulp 集成 (currently only one task to provide auto documentation)
Karma 集成 Mocha, Chai,多个浏览器启动器 (Chrome, PhantomJS) 和代码覆盖
Interfaces 和 APIs 可以创建可测试和可复用组件
各种服务接口
Http Service
Socket Service using Socket IO
SOAP Service using soap client
Buffer Service using ProtobufJS
Angular 1.4.x
Bootstrap (sass) 3.3.6
Socket IO Client 1.3.7
Typescript v1.7.5
目录结构:
|-- app | Root directory for the application | |---- common | All modules common to the application |------ bindingTypes.ts | Module containing Angular binding types |------ component.ts | Interface for a BaseComponent |------ service.ts | Interfaces for HttpService, SocketService, SoapService and BufferService | |---- components | Root directory for all the components. Any component should go in here |------ dropdown | Sample implementation of a component |-------- dropdown.html | Template file for the component using Angular's template syntax |-------- dropdown.scss | Scoped styles for the component. This can now just be `required` in |-------- dropdown.spec.ts | Unit test spec file for the component. This should be local to the component |-------- dropdown.ts | Implementation of the component itself | |---- core | Utility modules that bootstrap the application |------ bootstrap.ts | Loads in all the other utility modules and bootstrap's Angular |------ components.ts | Holds references to all the components |------ modules.ts | Registers all the modules |------ services.ts | Holds references to all the services |------ tests.ts | Imports all the necessary modules needed for testing | |---- services |------ stock-service.ts | Reference implementation of an HttpService using JSONP | |---- utilities | Any utilities used across the application | |---- app.d.ts | Typescript definition file for the application |---- index.html | Main html file for the application |---- index.scss | Main css file for the application | |-- build | Contains the bundled application |-- docs | Contains all auto generated documentation |-- fonts | Contains application wide fonts |-- images | Contains application wide images |-- gulpfile | Gulp task file. Currently only one task to generate documentation is provided |-- karma.conf.js | Configuration file for the karma test runner |-- package.json | Contains NPM dependencies and application commands |-- tsconfig.json | Typescript compiler configuration |-- tsd.json | Contains references to definitely typed libraries |-- tslint.json | Configuration used by the tslint-loader |-- webpack.config.js | Webpack's global configuration file
Angular Starter Kit 详细介绍 angular-next-starter-kit 是使用 Angular 1.x 开发的应用准备迁移到 Angular 2.0 的种子项目。 Angular 2.0 引入了一些新概念和设计模式,但是 Angular 2.0 还有几个月才能在生产环境使用。为了能让 Angular 1.x 开发的应用使用 Angular 2.0 的概念和一些技术,就有
1. vue vue-cli UI: vux ################################ 2. react 主选:https://github.com/mxstbr/react-boilerplate 备选: 1. (无奈放弃,和ant无法融合,原因是webpack配置复杂,没整明白) 里面的项目目录非常值得借鉴!!! 停更后,有人fork: https://githu
Angular 性能检查清单 简介 这份清单涵盖了许多提高 Angular 应用性能的实践。本清单 涵盖了不同的主题,其中包括服务端渲染,预渲染和构建应用,还包括运行时的性能和变更检测。 这份清单分为两个大的部分: 网络性能 - 列举一些能够改善你的应用程序加载时间的最佳实践,包括网络延迟和低带宽的情况。 运行时性能 - 提高我们应用运行时性能的最佳实践,包括变更检测机制和渲染相关的优化。 其中,
前言 本文中使用的实践非常适合我的单个用例,因此绝对不应严格遵循。 项目的文件夹结构将根据多种因素而变化。 但是,如果您对着重于多模块架构的结构感兴趣,而又着重于扩展性,请继续阅读。 注意! [+]表示文件夹中还有其他文件。 |-- app |-- modules |-- home |-- [+] components |-- [
As a developer, there are many choices to make when building your next application. The rise of serverless technologies allows developers to build and run applications without thinking about servers a
非常棒的视频学习: http://courses.angularclass.com/courses/angular-2-fundamentals starter-kit: babel: https://github.com/blacksonic/angular2-babel-esnext-starter If you're looking for Angular 2 in Typescr
阅读本书之前,请确保您的机器已经安装了最新版的Vim,本书写作时Vim的最新版本是7.3。 新版本的Vim会向后兼容,所以本书中的内容在7.3之后的版本中应该同样有效。 本书中的内容通用,你可以任意选择console Vim或者是gVim、MacVim之类的GUI作为你的终端。 你最好习惯用Vim编辑文件。至少应该知道Vim的基本术语,如"buffer"、"window"、 "normal mod
问题内容: 我只是想知道是否有一种方法可以在MySQL中使用某种形式的预处理语句,这样就不必逃避所有输入,也不必将所有文件从MySQL切换到MySQLi。我真的不相信转义功能,因此,如果在常规MySQL中有任何可行的替代方法,那就太好了。 问题答案: 使用PDO(PHP数据对象)连接到MySQL数据库。此方法将确保所有数据库输入将始终被视为文本字符串,并且您将不必进行任何手动转义。 结合正确使用h
首先建立一个新目录,并在里面建立一个空数据库。这里我们创建一个名为tutorial的目录。 $ mkdir tutorial $ cd tutorial $ git init Initialized empty Git repository in /Users/eguchi/Desktop/tutorial/.git/ 在tutorial目录创建一个名为myfile.txt的档案,然后提交。 连猴
首先建立一个新目录,并在里面建立一个空数据库。这里我们创建一个名为tutorial的目录。 $ mkdir tutorial $ cd tutorial $ git init Initialized empty Git repository in /Users/eguchi/Desktop/tutorial/.git/ 在tutorial目录创建一个名为myfile.txt的档案,然后提交。 连猴
系统管理员常常写脚本来自动化日常任务。给出几个实例类似的脚本在哪些地方会有用,写一个脚本实现显示时间和日期,列出所有登录系统的用户,并且给出系统的运行时间 。最后脚本还会将这些信息写入一个日志文件。
cgo内部实现相关的知识是比较偏底层的,同时与Go系统调用约定以及的goroutine的调度都有一定的关联,因此这里先写一些预备知识。 本节的内容可能需要前面第三章和第五章的一些基础,同时也作为前面没有提到的一些细节的继续补充。 m的g0栈 Go的运行时库中使用了几个重要的结构体,其中M是机器的抽象。每个M可以运行各个goroutine,在结构体M的定义中有一个相对特殊的goroutine叫g0(
1. 预备知识 1.1. 网络字节序 我们已经知道,内存中的多字节数据相对于内存地址有大端和小端之分,磁盘文件中的多字节数据相对于文件中的偏移地址也有大端小端之分。网络数据流同样有大端小端之分,那么如何定义网络数据流的地址呢?发送主机通常将发送缓冲区中的数据按内存地址从低到高的顺序发出,接收主机把从网络上接到的字节依次保存在接收缓冲区中,也是按内存地址从低到高的顺序保存,因此,网络数据流的地址应这
4.a. 块设备 (Block Device) 简介 各色块设备 We'll take a good look at disk-oriented aspects of Gentoo Linux and Linux in general, 包括 Linux 的文件系统, 分区, 以及块设备. 随后, 一旦您已经里里外外明白了磁盘与文件系统这些东西, 您就可以开始跟随我们的向导开始为您的 Gentoo