ionic开发规范和参考资料

来源:互联网 发布:openstack网络架构图 编辑:程序博客网 时间:2024/05/19 00:44

项目开发规范

  • 使用sass作为CSS预编译工具进行开发,使用scss后缀名格式的sass文件
  • 开发工具推荐统一使用PHPStorm,推荐使用最新版本PHPStorm 9以支持更多特性
  • PHPStorm上安装ionic和AngluarJS插件,以自动识别语法,辅助快速开发 浏览器统一使用谷歌内核的浏览器作为界面调试工具
  • 浏览器调整到手机模式下,选择一款安卓4.1以上系统版本的手机型号作为模拟调试
  • css文件引入放在尽量放在<head>标签里
  • js文件引入尽量放在<body>的最后面
  • HTML中不嵌入任何js语句和css样式
  • scss文件放和css文件放在同一个目录下面
  • 字体使用rem作为单位,body默认字体大小10px

编码规范

  • HTML编码规范
  • CSS编码规范

参考教程

  • html教程
  • html5教程
  • CSS教程
  • CSS3教程
  • javascript教程
  • Angular.JS教程
  • AngularJS ui-router (嵌套路由)
  • ionic 百度地图示例
  • 轻松学习Ionic (一) 搭建开发环境,并创建工程
  • 轻松学习Ionic (二) 为Android项目集成Crosswalk(更新官方命令行工具)
  • 轻松学习Ionic (三) 安装sass并在webstorm中为scss添加watcher
  • 轻松学习Ionic (四) 修改应用图标及添加启动画面(更新官方命令行工具自动生成)
1 0