Ionic2
文章平均质量分 64
robert_cysy
这个作者很懒,什么都没留下…
展开
-
Ionic2生成网页工作原理
Ionic2生成网页工作原理由于项目需要,没有使用android原生开发,而是使用了现在流行的hybird开发技术。经过选择最终选择了ionic1,学习了一段时间,发现了官网的文档函数在ionic1,没有实现相应的效果。 才发现原来得使用ionic2,新版的框架。因此,现在项目使用ionic2开发。由于是第一次使用网页的编程技术。所以事情都得重新学习使用。经过阅读示例代码和文档,学习入门,然后原创 2017-03-20 16:53:17 · 2568 阅读 · 1 评论 -
手机上Webview及html5页面调试方法
手机上Webview及html5页面调试方法(Chrome DevTools调试移动设备Brower PageTabs/WebViews)原创 2017-04-05 19:30:16 · 16228 阅读 · 1 评论 -
Ionic2的发布模式和开发模式,--prod参数
从ionic1切换到ionic2的时候,发现app启动好慢,白屏好长时间,后来查找发现有个参数是 –prod,,先开始使用了这个参数,没见到效果。后来重新装了ionic,出现了效果。确实是明显的速度提升。总结:ionic2的在正式发布的时候要加 –prod参数。下面是俩中模式的运行截图:分别是build prod startd 和 build dev started。即,产品模原创 2017-03-16 22:27:38 · 6245 阅读 · 0 评论 -
Ionic2 隐藏状态栏,全屏, 禁止旋转,保持横屏
一、隐藏状态栏1.安装插件:cordova plugin add cordova-plugin-fullscreen2.修改config.xml文件"android">..."Fullscreen" value="true" />... 3.在app.component.ts文件里加入引用;import { Nav, Platform } from 'i原创 2017-03-16 14:10:48 · 7151 阅读 · 0 评论 -
ionic2屏幕适配,适配手机,平板等设备(示例代码)
用鼠标拉动浏览器边框调整页面大小,会发展ionic的页面元素也会跟着动态大小变形。当这个软件编译到了平台安装包。比如编译了Android,那么页面会自适应Android的屏幕。实现了对不同屏幕大小的设备适配。原创 2017-03-23 14:43:38 · 5368 阅读 · 1 评论 -
Ionic2之显示图表(chart)曲线dygraph(angularjs2使用第三方js库)
ionic2使用第三方图表显示插件(dygraph)原创 2017-03-28 14:04:34 · 3953 阅读 · 0 评论 -
ionic2屏幕适配,动态调整大小
我现在的项目是使用ionic2给平板开发一个软件。第一个就是遇到屏幕适配的问题。官方的示例代码,放在平板上,也是会出现界面元素放不下的问题。当然,在小屏幕上,软件出现了滚动条,但是从视觉和操作上根本不满足我们软件的需要。因此我们需要软件更具屏幕的大小动态的适配。 而在这方面在网上很少能找到答案,对于我这个 小白,可是不知所措。当然项目必须要做,因此就得探索学习。一.初探Ionic2原创 2017-03-20 17:03:30 · 12007 阅读 · 0 评论 -
Ionic2之自定义css(scss)方法
Ionic2之自定义css(scss)避免页面影响对于ionic2来说,彻底的把每个页面独立了出来,每个页面分别对应三个文件。例如“page1”分别对应的文件是:page.ts , page.html , page.scss 。 其中page.html:文件是写界面布局的 其中page.ts是页面数据逻辑控制的其中page.scss 就是写css样式的文件原创 2017-03-20 16:57:34 · 7927 阅读 · 1 评论 -
ionic2界面调试,浏览器,chrome
一、使用浏览器帮助调试ionic生成的页面 我们在开发ionic项目的时候,经常会出现,页面效果出错,没有达到预期的效果,包括元素的css属性等不满意的地方。我们就可以使用浏览器的调试功能来查看页面布局代码,并实时动态调整。我们开发原生Android的时候,可以动态的看到预览。同样的。在开发ionic应用的时候,我们都是使用浏览器来查看效果的。知识,浏览器给我们提供了一个非常原创 2017-03-20 16:55:57 · 4678 阅读 · 1 评论 -
dygraph在ionic2里面高度动态适配
在项目中用到了dygraph,在ionic2的编程环境下。发现dygraph的高度不能设置为height:100%而达到高度适配屏幕的效果。因此采用在初始化dygraph的时候,获取设备的高度,然后按照比例来计算出dygraph应该有的高度。并设置到css参数。来达到动态适配屏幕的效果。经过测试在手机和平板上dygraph都能很好的缩放到完好的比例。在ionic2里获取屏幕尺寸,只需要直接使用screen.height就可以获取到屏幕的高度。关键代码如下原创 2017-04-05 22:26:23 · 1079 阅读 · 0 评论