ionic+cordova
1:利用你喜欢的html css js web技术创建跨平台的移动app
2:接近原声移动app开发框架;--操作最少的dom,内置angularjs引擎
3:跟有bootstrap差不多的组件库;
4:跟angularjs一样需要两级框架
5:通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android 和 iOS 官方文档来安装。
1:npm install -g cordova ionic 似乎可以成功,很慢
2:npm update -g cordova ionic 用来更新的
3:ionic start myApp tabs 创建第一个应用 一路enter速度非常慢+翻墙 似乎成功了
4: cd myApp
5:ionic platform add android ----跑非常多的东西
6:ionic build android
7:ionic emulate android ---没有跳出来
使用淘宝镜像
1:npm install -g cnpm --registry=https://registry.npm.taobao.org --似乎成功
2:cnpm install -g cordova ionic --
1:cnpm -v
2:cnpm install -g ionic@beta
ionic -v
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org 这两个设置了还是无法安装
cnpm install -g ionic 还是灰色的,
https://bit.ly/ionic-dev-app
ionic start demo tabs 出现了新东西
ionic platform add android 一样似乎报错
ionic build android 有不同的东西
ionic emulate android 还是要help
ionic -v 这个倒成功了---项目算是生成成功
ionic serve 自动打开本地8100端口的页面
直接在目录下运行即可。
监听不知道为什么没有实现?
1:
加入手机端适配;
// 引入js css适配文//找不到文件会报错
2:ionic到底是什么东西???
开发html文档自动适应移动设备的,而且有很多组件
这些组件我们要在项目中用起来,提升效率。
3:这个东西怎么用---安装已经出了问题,还需要重新测试;
4:组件库:各种button 颜色,样式,图标按钮,无边有边的,bar,
各种list,最常用的列表;带图标的,带数字的,通讯录列表;卡片组件;
form表单组件;checkbox,进度条的,下拉框;图标icons;模态框;
5:第一个demo测试不知道问题到底出在哪里,太坑爹--应该是引入文件冲突
6:最终的目标:熟练的掌握ionic里的各种组件
1:第一个顶部组件实现了,引入组件body,和js文件;
2:第二个组件:面板:原来的js引入不要,引入网络js文件可以成功;
js文件已经不是先前的了,--新的js文件可以用
3:第三个组件:命名标题栏,网页原代码可以实现--引入body文件,js文件可以正常使用
这个组件的功能是实现了:左侧按钮添加栏目,右边按钮添加栏目类容,而且还带cookie
----怎么分块 怎么修改---"ionic.css"---这个网页css文件是必须的
"bundle.min.js" 这个文件也是必须的;手机适配的部分倒无所谓
"build/main.css" 这个好像也是无所谓的;
这是整个组件,拆分起来肯定会很难,尤其是存在交互
4: 其他一些小组件
1:头部,各种颜色的头部,类似于标题栏
2:副标题;
3:底部类似标题栏;
4:各种颜色样式的按钮;顶部左右上角的按钮;类似计算器面板按钮;--直接引入需要带入父元素
5:列表,带图标的列表;带头像的列表,类似拨号的列表;缩略图列表;
6:卡片,跟列表差不多;
7:表单和输入框;
8:各种滑动开关 ionic Toggle(切换开关)
9:
5:该怎么用这些东西,极大地提高我们的效率?
1:cordova是什么东西?--用来打包的,写一套HTML代码经过打包之后,可以在各种平台运行
2:有很多插件,这些插件式用来干嘛的?
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
