ionic开发规范和参考资料

最新推荐文章于 2018-10-30 10:50:04 发布
最新推荐文章于 2018-10-30 10:50:04 发布
阅读量3.8k 收藏 3
点赞数 1
分类专栏： 移动开发开发 文章标签： 开发规范 ionic 移动开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yourlin/article/details/48001129
版权

项目开发规范

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

编码规范

参考教程

漂白猪
关注
专栏目录
ionic框架参考手册中文
03-20
ionic框架参考手册中文ionic框架参考手册中文ionic框架参考手册中文ionic框架参考手册中文ionic框架参考手册中文
Ionic开发中注意事项(持续更新)
小杂馆
05-16 631
1）Angular services依赖注入的规范：自定义的service要写在内建的Angular services之后，自定义的service之间是没有先后顺序的 2）ionic1.3之后页面为了提供性能加入了缓存机制，如果不需要可以在配置页面时将cache属性设为false     $stateProvider.state('safetyAdd', { cache: false, u
app ionic开发实例源码
06-27
ionic搭配angularjs实例源码，内容丰富。
ionic自定义字体示例（iconFontDome）
04-29
ionic自定义字体库示例（iconFontDome）
hotcss的rem和boostrap、ionic自定义样式的冲突
小红红的博客
11-16 1741
hotcss不是一个库，也不是一个框架。它是一个移动端布局开发解决方案。使用hotcss可以让移动端布局开发更容易。 如果你的项目是单一尺寸设计图，那么你需要去px2rem.scss中定义全局的designWidth。 @function px2rem( $px ){ @return $px*320/$designWidth/20 + rem; } $designWidth :
ionic参考手册
06-02
《Ionic参考手册》是针对移动应用开发框架Ionic的详尽指南，它涵盖了 Ionic 开发的各个方面，旨在帮助开发者深入理解和高效使用这个强大的工具。Ionic 是一个基于AngularJS和Cordova的开源框架，专为构建高性能的...
Ionic默认的Tabs模板使用实例
11-22
在移动应用开发中，Ionic Framework 是一款非常流行的开源框架，它允许开发者使用 HTML5、CSS 和 JavaScript 来构建原生的 iOS 和 Android 应用。本文将深入探讨如何使用 Ionic 的默认 Tabs 模板，并解释如何针对...
Ionic Example
05-16
8. **配置文件**：如`ionic.config.json`，用来存储项目的配置信息，包括应用的名称、图标、平台等，是构建和部署应用时的重要参考。 9. **命令行工具**：Ionic CLI（命令行接口）是开发者常用的工具，用于初始化...
基于Ionic的矿井安全生产移动APP的设计.pdf
08-26
5. 用户权限管理：根据职务和职责，设定不同用户的权限，确保数据安全和操作规范。 6. 故障报告与维修记录：记录设备故障和维修信息，便于追踪设备状态和优化维护流程。 通过这些功能的整合，基于Ionic的矿井安全...
ionic 实现微信朋友圈分享的完整开发流程
weixin_34279061的博客
07-13 171
最近开始要着手负责开发ionic的项目了，一直很好奇想实现一个微信朋友圈分享的功能，所以我就网上找了找文章来练手实现，果不其然，找到了几篇，但是发现它们的流程都不太详细，清楚，直接，还有不少坑。 今天我自己就来梳理一下整个流程，笔者认为大家都是有ionic基础的： 首页，你得准备这些： 1: 一个android apk包 2: 应用签名（需要android apk包名来生成签名...
【干货】前端rem单位的正确使用姿势
weixin_34014555的博客
05-05 459
2019独角兽企业重金招聘Python工程师标准>>> ...
Angular 常用模板、组件、规范 (实用）
chelen_jak的专栏
10-30 825
整时间：2018-10-30  【PC端】一、Ant Design of Angular（阿里） 1、Demohttps://ng-alain.github.io/ng-alain  2、ng-zorro 官网 （UI组件）https://ng.ant.design/docs/introduce/zh 3、ng-alain 官网 （企业后台模板）https://ng-alain.com/zh ...
移动端web页面自适应和rem
热门推荐
好好学习
10-01 1万+
自适应，rem，移动端，web前端
Android——图片设置为高斯模糊效果（ImageView）
xy8199的博客
02-23 7796
效果图：//模糊 Resources res = ShowActivity.this.getResources(); //拿到初始图 Bitmap bmp= BitmapFactory.decodeResource(res,R.mipmap.user); //处理得到模糊效果的图 Bitmap blurBitmap = ImageFilter.blurBitmap(this, bmp, 20f);...
ionic2屏幕适配，动态调整大小
Robert Zhang
03-20 1万+
我现在的项目是使用ionic2给平板开发一个软件。第一个就是遇到屏幕适配的问题。官方的示例代码，放在平板上，也是会出现界面元素放不下的问题。当然，在小屏幕上，软件出现了滚动条，但是从视觉和操作上根本不满足我们软件的需要。因此我们需要软件更具屏幕的大小动态的适配。   而在这方面在网上很少能找到答案，对于我这个 小白，可是不知所措。当然项目必须要做，因此就得探索学习。 一．初探 Ionic2
从网易与淘宝的font-size思考前端设计稿与工作流
weixin_34151004的博客
10-15 1073
本文结合自己对网易与淘宝移动端首页html元素上的font-size这个属性的思考与学习，讨论html5设计稿尺寸以及前端与设计之间协作流程的问题，内容较多，但对你的技术和工作一定有价值，欢迎阅读和点评：）。 1. 问题的引出 最近阅读白树的博文《移动web资源整理》时，他在博文中有一段指出，如果html5要适应各种分辨率的移动设备，应该使用rem这样的尺寸单位，同时给出了一段针对各个分辨率范...
高斯模糊原理与C++实现
Raptor_2017的博客
04-22 2022
高斯模糊原理与C++实现
Angular1.x规范
meloseven的专栏
05-07 4623
单一职责： 1) 一个原则： 每个文件只定义一个组件，且代码建议少于400行 原因： 每个文件只定义一个组件有利于单元测试； 有利于更方便的阅读，维护以及避免组内协作在源码控制上冲突 2)
配置Ionic开发环境：从零到运行
完成以上步骤后，你的开发环境就配置好了，现在可以开始使用Ionic和Cordova进行跨平台移动应用开发。记得在开发Android应用时，还需要安装对应的Android模拟器或连接实际的Android设备进行测试。如果你计划开发iOS...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值