随笔分类 - App应用快速开发
Ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。
ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
摘要:近年来卡片(card)的应用越来越流行,卡片提供了一个更好组织信息展示的工具。 针对移动端的应用,卡片会根据屏幕大小自适应大小。 我们可以很灵活的控制卡片的显示效果,甚至实现动画效果。 卡片一般放在页面顶部,当然也可以实现左右切换的功能。 1.基本卡片  卡片(card)默认样式带有box-sha
阅读全文
摘要:列表是一个应用广泛的界面元素,在所有移动app中几乎都会使用到。 列表可以是基本文字、按钮,开关,图标和缩略图等。 列表项可以是任何的HTML元素。容器元素需要list类,每个列表项需要使用item类。 ionList和ionItem可以很容易的支持各种交互方式,比如,滑动编辑,拖动排序,以及删除项
阅读全文
摘要:ionic 的网格(Grid)和其他大部分框架有所不同,它采用了弹性盒子模型(Flexible Box Model) 。而且在移动端,基本上的手机都支持。row 样式指定行,col 样式指定列。 1.同等大小网格 在带有 row 的样式的元素里如果包含了 col 的样式,col 就会设置为同等大小。
阅读全文
摘要:1.在终端里面进入准备存放App的目录:  2.Ionic官网提供了三个项目模板blank、tabs和sideMenu ,用“ionic start myApp tabs”创建ionic项目:  提示:还可以以“ionic start myApp blank”(空白项目)和“ionic star
阅读全文
摘要:在应用程序列表中选择【设置】进入系统设置菜单,点击【关于手机】2.在”版本号“上面连续点击七次:3.现在返回“设置”界面,发现多了一个“开发人员选项”,点击进去:4.打开“开发人员选项”和“USB调试”开关,在弹出的窗口中点击“确定”:现在该手机的调试模式已经打开,连接你的Mac后,可以进入调试模式。提示:每次连接电脑时需要注意手机提示,点击您手机上的确认允许使用【USB调试】功能。
阅读全文
摘要:在使用mac进行android开发之前,我们一般会安装android studio 或者 eclipse,无论哪一款开发软件,都少不了安装adb(Android Debug Bridge)。adb(Android Debug Bridge)是调试Android真机的工具,只有安装了它,才能将你的Mac上开发的Android程序直接在真机上运行: 对于android studio而言...
阅读全文
摘要:1.显示Mac隐藏文件的命令:在终端中输入“defaults write com.apple.finder AppleShowAllFiles YES”:鼠标单击窗口左上角的苹果标志-->强制退出:选中Finder,点击“重新开启”按钮:现在我们在Finder中可以看到隐藏文件了:2.隐藏Mac隐藏文件的命令:在终端中输入“defaults write com.apple.finder A...
阅读全文
摘要:一、简介 1.Ionic是什么 IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web
阅读全文
摘要:今天介绍一下Mac下Node.js的下载安装方法,后面我们安装Bootstrap、Angurlar和jQuery等都是通过Node.js的npm方式的。 1.在必应中搜索“node.js mac”,第一个搜索结果就是node.js官方站点: 2.选择安装最新的版本: 3.下载后点击安装包,整个过程非
阅读全文
摘要:本文以配置JDK的环境变量为例,示范如何配置环境变量,后续在安装Android、Maven、MongoDB等时都会需要配置相应的环境变量。 1.在英文输入法的状态下,按键盘“Ctrl + 空格”组合键,调出Spotlight搜索,在这里可以快速启动终端,输入ter,然后回车,即可打开终端: 2.如果
阅读全文
摘要:今天我们来创建第一个iOS程序:Hello iOS!不需要写任何代码就能实现:
阅读全文
摘要:Xcode是苹果官方提供的iOS开发环境,安装方式如下: 安装过程需要登录AppleID账号,如果你没有苹果账号,可以免费注册一个。根据提示就能完成Xcode安装。
阅读全文
摘要:在搭建 Android 集成开发环境之前,我想说的是,我们学习的目标是同时掌握移动开发三种方式:iOS开发、Android开发和Html5手机网页开发。由于iOS的开发工具是采用苹果官方的XCode,所以我最终决定所有开发过程都在Mac上进行。本文仅介绍如何在Mac环境下搭建 Android 集成开
阅读全文
摘要:1.访问Oracle官网 http://www.oracle.com,浏览到首页的底部菜单 ,然后按下图提示操作: 2.点击“JDK DOWNLOAD”按钮: 3.选择“Accept Lisence Agreement”同意协议: 4.点击Mac OS X x64后面的下载链接: 下载完成后点击安装
阅读全文

浙公网安备 33010602011771号