ionic的生态: typescript,es6,angular, cordova ionic的生态: typescript,es6,angular, cordova

ionic的生态: typescript,es6,angular, cordova

1. ionic的生态: typescript,es6,angular, cordova

ionic2+angular2+cordova搭建app
https://blog.csdn.net/qq_36545656/article/details/80061766

TypeScript ——JavaScript 的超集
https://blog.csdn.net/juan_lutter/article/details/80208419

2019年最新编程语言排行榜出炉TIOBE
https://blog.csdn.net/qq_36622490/article/details/86656870

angularjs和angular4的区别。为什么使用angular4
https://blog.csdn.net/qq_34645412/article/details/77104118

2. CSS 预处理器 sass,less,stylus优缺点

https://www.jianshu.com/p/9d84bb5043bb

  1. 混入(mixin)应该说是预处理器最精髓的功能之一了。

  2. 继承

  3. 函数

  4. @import

  5. 变量

  6. 嵌套语法

Sass 在三者之中历史最久,也吸收了其他两者的一些优点。

姜玉静的历史讲稿
http://markdown.ross.com.cn/r/tlrlkoskfhq1utgnv2kg

3. ionic与angular比较

同生共长的好兄弟,angular1到angular2引发了一些问题,但升级到ng4之后,一切都变得美好了。

  1. 可以使用ionic4创建angular/ionic通用的工程
    1.1 如果要开发pc端的,则以angular为主,可以加入jquery和bootstrap
    1.2 如果要开发纯webapp,则可以使用bootstrap插件
    1.3 如果要开发调用硬件的话,需要使用cordova和ionic
  2. 创建的项目的目录要统一
    2.1 在src下,所有的modules,pages,components,services要移到app目录下。
    一来,不用命名太长如login.component.ts,分到文件夹下,语义更明确,
    二来,目录结构清晰,将来便于扩展
  3. 编译
    3.1 ionic4已改使用ng build编译
    3.2 angular编译后,是单一js文件,文件大小在300k以上
    ionic编译后是有100多个js文件,总大小超过5M
  4. 路由有少量区别
    5.angularn多ui库,不专用手机端开发
    5.1 PrimeNG —- 最成熟的ui,超过80+组件
    5.2 Ant Design Mobile of Angular
    5.3 Kendo UI for Angular
    5.4 onsenui for Angular2 —- 有用过
    5.5 ng-bootstrap/ngx-bootstrap
  5. angular除了ionic外,还有n多ui库,如
    Cross-Platform Development(跨端开发)
    6.1 Ionic —- 借助cordova跨手机操作系统
    6.2 angular-electron —- 桌面
    6.3 nativescript-angular —- NativeScrip框架
    6.4 React Native —- js原生开发
    6.5 angular2-universal-windows-app —-windows的会淘汰
  6. angular官方使用的一些工具
    Angularjs 基于karma和jasmine的单元测试
    https://www.cnblogs.com/williamwood/p/5339229.html
    7.1 karma
    7.2 jasmine
    7.3 webpack
  7. angular的官方扩展
    8.1 Angular Universal
    8.2 Protractor —- e2e
    8.3 Angular Augury
    8.4 Rxjs

4. 路由 angular ionic 路由/子路由,懒加载

姜工讲解

5. 如何做一个最简单的页面调转

姜工讲解

6. 编辑器工具和周边配置及快捷用法

姜工讲解
6.1 速查表 https://angular.cn/guide/cheatsheet
6.2 风格指南 https://angular.cn/guide/styleguide
6.3 Visual Studio 常用快捷键 https://www.cnblogs.com/williamwood/p/4072111.html
https://chrisnoring.gitbooks.io/vs-code-tips-and-tricks/content/snippets.html

姜玉静的历史讲稿
http://markdown.ross.com.cn/r/bjgd5rhoxqm6whs6lrjw

前端自动化系列(二)之less、scss、sass、stylus css预处理器
https://baijunyao.com/article/95

前端自动化系列(三)之Babel、ES6、JavaScript转码
https://baijunyao.com/article/96

前端自动化系列(五)之Browsersync自动刷新
https://baijunyao.com/article/101

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论