ionic框架
文章平均质量分 62
bingcool空间
https://github.com/bingcool
展开
-
ionic-开发跨平台app的基本问题及解决方案
逗笑生活本来就不易!每个人都会无意或者有意地将自己和身边的人对比,不觉忽的羡慕着周围的人,想着他们过得是多么快乐,物质上多么的丰富,就已经让自己时时刻刻都沉入憋屈或者不开心的心境中。很多时候,我们没有办法像别人说的那样,什么都不去向,何必在乎别人,何必作比较呢?你做好你自己就可以了。说是这样子说,可是毕竟生活在同一个的圈子里的人,现实就是现实,环境,工作压力,甚至是人生各种的不期而至的事,原创 2016-09-03 15:33:03 · 2944 阅读 · 3 评论 -
ionic-基于angularjs实现沉浸式顶部导航栏,滚动时产生渐变效果
最近一直在研究angularjs和ionic框架,对于如何设计好的产品和用户体验一直都在思考,看了很多关于app设计的资料和其他的产品,觉得基于material design的设计确实是目前比较好的语言,闲着的时候就写了一个关于app实现沉浸式顶部导航栏。demo:导航栏由透明的状态跟随页面往下混动是动态的调整,主要是根据往下滚动时计算距离顶部的距离,滚动至一定的距离时,透明度基本原创 2016-11-22 15:35:53 · 6189 阅读 · 7 评论 -
ionic-基于javascript实现超级好用的移动端图像裁剪上传
在移动端的app中,经常都需要有一个功能,头像图片上传,在上传前可以进行裁剪,预览,最后再上传,虽然现在网上有很多开源的插件可以实现,但是最近腾讯开源的一个很好用的插件,就是应用于腾讯一系列产品的Alloyfinger。腾讯alloyteam团队http://www.alloyteam.com下面的这个demo是基于alloyerfinger的:矩形裁剪图片:圆形裁剪图原创 2016-11-22 15:56:33 · 4524 阅读 · 3 评论 -
ionic-基于angularjs实现友好体验的banner提示
工作2年多来,从开始的学HTML,CSS,JS,jquery,逐渐到学php,linux基础,mysql,再到后来的thinkphp框架,yii2框架,mongodb,redis,angularjs,ionic,jquery插件开发,webcomponent,swoole,workman,写博客,github开源代码,以至扩展到了ffmpeg,开源检索引擎,分布式架构,移动互联网的产品设计,用户体原创 2016-12-08 10:34:18 · 2152 阅读 · 0 评论 -
ionic-键盘覆盖输入框和返回键问题解决方案
在开发一款优秀的产品时,用户体验是至关重要的,友好的,符合思维逻辑的交互体验是作为一款产品的首要印象最近在用ionic开发项目时,就遇到了两个关于键盘的问题1、在一个页面的底部如果存在一个的元素,比如说是一篇文章的评论,那么我们点击input的时候就会触发弹出一个键盘,最终会把底部的评论框给挡住2、在弹出键盘的情况下,当我们点击返回键的时候,我们希望是先把键盘隐藏掉,但是在ioni原创 2016-09-12 16:54:42 · 20696 阅读 · 4 评论 -
ionic-移动端web的性能优化开源组件
在移动端开发webapp或者hybrid的app应用,由于网络,终端体验问题,对于移动端需要做好很多的优化,下面是本人在工作和学习发现的比较好的一些优化方案,现在整理一下,希望可以学习。1、四种方式优化ionic,接近原生体验http://scottbolinger.com/4-ways-to-make-your-ionic-app-feel-native/2、ionic的问题事件原创 2017-01-10 10:42:54 · 3172 阅读 · 0 评论 -
ionic-基于angularjs实现的多级城市选择组件
今天是2016年12月25日,也即是西方的圣诞节,本来是好日子,不过今天却没能放假,得调休补班。最近身边的朋友,伙计一起谈论的最多的就是创业话题,今年是一个资本的寒冬年,但也是一个互联网企业开始收割的元年,滴滴,饿了么,美图,糯米等等,都已经不在大力补贴了,资本烧了那么多钱,移动互联网的人口红利已经逐渐成为过去,未来将依赖技术壁垒,内容,服务,大数据,用户画像等取得更加大的竞争力。回归正题原创 2016-12-25 14:12:11 · 6111 阅读 · 2 评论 -
ionic-基于angularjs和javascript实用的顶部搜索过滤组件
最近看新闻,首先是乐视的资金危机,现在死乐视的裁员,好听点叫“末位淘汰”。年关将至,不少员工在翘首期盼年终奖。然而也有一部分员工开始恐慌,因为不少企业一到年终都会纷纷忙着裁员。双十一期间,大家正疯狂沉浸在买买买时,滴滴被传出将裁掉部分快车业务员工;上个月,暴风魔镜被传预计裁员50%左右;今年9月,58同城开始推行996工作制,被业界视为“变相裁员”。去年的互联网高薪挖人、补贴、烧钱模式早已原创 2016-12-02 11:58:53 · 3123 阅读 · 0 评论 -
ionic-基于angularjs实现固定顶部的可循环滚动文字的通知banner
最近一直晚上闲着,就开始想着在banner的小提示的基础上再封装一些其他的功能,比如在一些app中的二级导航栏处会出现一些滚动文字的小提示,所以就开始构思如何在ionic的基础上,利用css3实现这个小组件。下面是一个demo:首先的在控制器中依赖$ionicContentBanner ``` $ionicContentBanner.sh原创 2016-12-15 14:35:02 · 5541 阅读 · 2 评论 -
ionic-下拉刷新的视觉友好交互小tips
一个多月没有写博客了,实在是太忙了,因为一直在赶项目,做一个基于swoole的服务器之间的异步通信和文件传输的服务和API,搞得真的辛苦啊,最终搞定了,测试的整个性能还是不错的,整个过程收获很大,有时间在整理一下关于swoole这方面的知识。然而下面说的还是关于ionic的移动混合框架的知识在原生的ionic方法中实现的下拉刷新功能中,基本功能都已经实现了,但是为了实现更好的用户体验,原创 2016-11-14 14:09:19 · 2853 阅读 · 0 评论 -
ionic-css3实现点击水波涟漪的触觉效果
这两天有时间就继续在ionic的框架上利用angularjs实现一些在app中经常用到的触觉涟漪效果,基于material design,给人友好交互感觉。一、点击一些在头部或者底部的图标时。产生涟漪触觉效果demo:可以清楚看到,点击图标时将产生一种涟漪水纹效果,给人一种触觉,而且对于这种小的图标或者按钮,直接用圆形水纹涟漪,这也是material design中推荐的。原创 2016-11-17 15:10:36 · 6476 阅读 · 5 评论 -
ionic-app经典ionic服务组件
最近一直在研究ionic的代码,特别是actionSheet和popup这些弹窗是如何实现的,如何整合成一个服务的形式的,方便在控制器中使用的(在这里就不多说原理了,几句话真的说不清,如果有兴趣的话,看看深入了解angualrj和ionic.bundle.js的代码)下面将根据个人的理解,实现一个ionic服务---图片放大预览实现功能:a)双击图片放大预览功能,可以滑动轮播显示图原创 2016-10-18 18:59:18 · 2604 阅读 · 4 评论 -
ionic-angularjs开发组件
一 、前言由于笔者水平有限,在这里只是分享自己开发组件的一些思路~ 摘要:无UI组件类、有UI组件类、有UI组件类型2。欢迎拍砖吐槽 O(∩_∩)O二 、无UI组件类顾名思义,这类组件没有任何表现形式出现在用户界面上,只是一般功能的实现者,也就是平时所用到、所需要开发的 Factory。它一般由 controller 进行调用,用于处理并返回数据。重点是,Fatory 某些方法最好原创 2016-09-29 09:49:06 · 940 阅读 · 0 评论 -
ionic-自定义指令标志红点
如果生活欺骗了你,请不要灰心,因为下一秒不知道会发生什么事,也许是好的,也许是让你更灰心的,然而对于你,你依然要生活,吃饭,谈笑风声。下面说一说如何通过ionic实现一个红点标志信息。我们知道现在的很多app,当信息有变动时,系统会及时通知我们有信息变态,一般会在标签处定义一个红点,有一些甚至直接标出一个圆的红点包括有多少条动态信息,比如微博。我们要实现的功能其实也是差不多的,原创 2016-09-26 11:18:24 · 6696 阅读 · 0 评论 -
ionic-轻触touch背景幕关闭popup弹出框
今天微信所谓的应用号“小程序”刷屏了,网上很多的技术人员都在讨论,微信整合了很多的web组件式功能提供给开发者,降低开发门槛,力求做到极致的原生体验和提高性能,很多人就担心,说看来微信要灭掉APP,一个微信统领江湖啊。最着亮人眼的是“不需要下载安装”。这表明可以从一定程度上,用户不需要在手机上安装那么多的APP,占用内存。腾讯的野心很明显,利用微信强大的用户体系和精准的推广,形成一原创 2016-09-23 13:46:06 · 9163 阅读 · 0 评论 -
ionic-基于angular-resource的restful开发
悟!心有多大,梦想就有多大!技术资本的积累,是为了等待合适时机的全能释放!ionic用来开发跨平台的app,实现客户端和服务端的分离,他们之间的通信一般是通过XMLHTTPREQUEST的异步方式,由于angualrjs的双向绑定,我们可以非常容易在客户端实现数据处理。我们知道由于js的'同源策略',XMLHTTPREQUES原则上是不能实现跨域请求的,但是在我们的实际应用原创 2016-09-05 19:16:58 · 1941 阅读 · 0 评论 -
ionic-javascript实现质感设计组件
随着移动互联网的发展和技术门槛的降低,国内的互联网巨头,逐渐地开源它们沉淀的一些技术,这些开源的技术大部分都已经在这些巨头的实际业务中经过实践的,所以总体的性能,安全性等方面应该是比较好的了,最近腾讯的AlloyTeam团队(web前端团队)开源了AlloyTouch和AlloyFinger两个优秀的触摸和手势库,为我们在移动端的的web开发提供了更好的选择。据了解AlloyTouch和Alloy原创 2017-01-03 14:46:55 · 933 阅读 · 0 评论