随笔分类 -  ionic

1
ionic入门教程第一课--环境搭建和新建ionic项目
摘要：最近由于公司项目需要，自学Ionic。在这里做个备忘，也希望能帮到想自学ionic的其他朋友。一、首先需要安装node.js环境，对于不了解node.js的同学也没有关系，因为我们有用到的只是node.js提供的npm服务。你可以把他理解成一个下载器吧！windows 下安装nodejshttp:/... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(121) 评论(0) 推荐(0)
ionic入门教程第二课-从Tabs案例看Ionic的MVC架构
摘要：首先使用上一节课提到的方法创建一个tabs的Demo。提示：有时候案例下载不下来，可以反复尝试或者使用淘宝镜像。建议在需要创建项目的地方，按住shift加鼠标右键选择在此处打开命令窗口，这样创建完的项目，就在当前的目录下，若使用系统cmd直接创建，则项目保存在当前用户的文件夹里，可能有些朋友会找不到... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(174) 评论(0) 推荐(0)
ionic入门教程第六课-从服务器请求数据的几种方式$http.get()、jsonp()分别和callback、$q的组合
摘要：继上节课，我已经介绍了使用$q和callback的方式，从service服务获取数据。但是在真实的项目中，一般是用户使用控制器通过服务向服务端发起数据请求，由获取的数据传递给模型，再由模型更新视图展示给用户这样一个MVC过程，详细的可以查看我的第二课。（USER------use------>CON... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(126) 评论(0) 推荐(0)
ionic入门教程第五课-举例子说明异步回调$q及$q在项目中的用法
摘要：继上一节中我们使用到$q来辅助完成了按需加载文件。这节课我先简要的介绍一下$q先从功能上做简要介绍的话：我想通过一个故事来简要的介绍$q，就那最近比较普遍的叫餐服务举例吧今天我想吃牛肉炒饭，所以我打电话订餐跟老板说了，餐弄好了给我送到我公司来，我给了他一个明确的地址。这个过程就是$q.defer.因... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(450) 评论(0) 推荐(0)
ionic入门教程第四课-使用$controllerProvider按需加载controller
摘要：继上篇教程我们已经创建了一个使用requireJs启动和分离文件的Tabs类型的Ionic项目今天我将介绍一下，如何使用$controllerProvider按需加载controller文件其中将用到的$q有不明白的朋友，可以找我，我估计会在第五课的时候讲到这个内容首先在项目中编写路由的地方定义$c... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(107) 评论(0) 推荐(0)
ionic入门教程第三课-在项目中使用requirejs分离controller文件和server文件
摘要：继上篇教程中提到的，我们新建一个简单的tabs类型的Ionic项目。根据目录文件我们知道，系统自动创建了一个controller文件和server文件，并且把所有的控制器和服务都写到这两个文件里面。这是一个简单的项目，业务逻辑代码也很少，这样子实现并没有什么问题，但是当我们的项目越写越多，业务逻辑越... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(158) 评论(0) 推荐(0)
ionic入门教程第十四课-详细说明slide-tabs的实现和优化
摘要：不少朋友对我在第十课中提到的slide-tabs比较感兴趣，http://blog.csdn.net/onil_chen/article/details/51191827第十课问的人，要Demo的人也多。所以今天花点时间，详细的讲解一下slide-tabs的实现和优化。首先我们先来看看最初的这个De... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(147) 评论(0) 推荐(0)
ionic入门教程第十三课-多级分类列表的简单实现
摘要：今天给大家讲一个很简单实用的多级分类列表，一样的也是今天一个朋友问我的问题。大概的需求是这个样子的，要做一个三级分类的页面。下面来说一下思路吧！先获取一级分类的数据，然后通过遍历得到头部的1级页面内容。然后取第一个数据，获取他的二级页面的数据，还是通过遍历得到左边2级页面的内容。再取2级页面的第一个... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(126) 评论(0) 推荐(0)
ionic入门教程第十二课-通用模块的分离$ionicModal
摘要：本来好几个朋友跟我说，让我帮忙写防已上线APP的Demo，我正在考虑，可能后续才会开始。我觉得我还是应该先把这些比较基础的东西讲清楚了。十几年前的软件危机，现在依旧存在。13年的问题16年了还是有。只要有人使用ionic，那么不管什么时候，新手总会遇到类似的问题。因为我自己在学习的时候，百度上找的很... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(147) 评论(0) 推荐(0)
ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新
摘要：发了十篇教程，现在向我问问题的朋友越来越少了。可能我接触到的学习ionic的就这么些人吧！可能大家已经觉得我写的东西都太过基础了，没什么值得参考借鉴的地方。开始有人叫我说直接防类似饿了吗，折八百这样的网站，做一个Demo。其实我也知道有些朋友就想要这种网上的免费劳动力。但是其实这个建议还是不错的。等... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(210) 评论(0) 推荐(0)
ionic入门教程第十课-接着说说ion-slide-box和它的注意事项、slide-tabs
摘要：这几天搬家，没空写,这是前几天写的，放在草稿箱中忘记发了。本节课紧跟上节课的内容，没看过的朋友可以先看一下上节课。http://blog.csdn.net/onil_chen/article/details/51180884太多的前言我就不写了，直接开始正题吧！我们要做的是一个这样的Banner。首... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(179) 评论(0) 推荐(0)
ionic入门教程第九课-开始动手做项目吧！ion-nav-bar、ion-nav-buttons、ion-tabs
摘要：前面说了八节课，有从框架上讨论ionic的，也有从代码结构上讨论的，但是我仔细看了看，对于新手并没有真正的开始做项目，反而对那些对ionic有一定了解的朋友有一定的帮助。所以我觉得从头开始带着大家完成一个比较完整的项目。由于这是一个前端的教程，所以我只讲前端的内容。UI是借用了福州知名的UI设计师唐... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(181) 评论(0) 推荐(0)
ionic入门教程第八课-（加更）从无到有说Ionic、画图说明MVC-U-S
摘要：这节课的内容，有些前面几节已经说过了。公司这次给我一个任务，让我带一个没有编程基础的同事学习ionic。今天是我跟他讲的第一课，晚上把讲的笔记整理了一下，觉得还是挺适合零基础的朋友学习的。有些前面讲过了，在这里重复一下就当是回顾内容了。直接上笔记了，字写的很丑，没有时间重新整理，将就一下。如果面试的... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(146) 评论(0) 推荐(0)
ionic入门教程第七课-简要说明几种界面之间的参数传递及优缺点
摘要：截至2016年4月13日19点32分，我发布的ionic入门教程，已经发布6课了，总访问量将近6000，平均每节课能有1000的访问量。其中访客最多的是第三课有2700的访客。其实我开始的时候计划的挺好的，就按照我这阶段的安排，慢慢的带大家做一个比较完整的项目。但这几天发生了一些事情，让我不得不重新... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(156) 评论(0) 推荐(0)
ionic入门教程第二十课-在微信中使用ionic的解决方案（开源框架）
摘要：OniPlatform在ionic的基础上配置ocLazyLoad，使得项目满足微信应用-单页面表现的需求，使得单页面访问，不会因为项目的庞大而造成读取缓慢，加快启动项目的速度。拆分ionic视图控制器的绑定，使之底层的服务能够用于pc端，pc端的页面使用bootstrap编写，用ionic的控制器... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(186) 评论(0) 推荐(0)
ionic入门教程第十九课-ionic路由详解（state、route、resolve）
摘要：今天好好的跟大家讲讲ionic的路由配置。问到的朋友有点多，因为这个内容比较多，所以我一直想等我多了解一些再出关于路由的教程。但是有些很简单的也有朋友不理解，所以我就提前出了这篇教程。希望能对大家有点帮助，关于我遗漏的部分，后面再发教程补充吧。但是基本的内容，简单的应用，应该这篇教程里面都会提到了。... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(185) 评论(0) 推荐(0)
ionic入门教程第十八课-初识自定义指令directive oni-bar（tab-bar）
摘要：经过这么长时间的学习，我想大家都有了一定的基础了。这节课尝试着给大家讲点更加深入的东西，能理解的就好好学学，还理解不来的朋友也不要紧，可以当做扩展阅读看看就好。学习切忌过于急躁。到目前为止，我教程里面提到的内容都是使用了ionic的内置指令和一些angularjs的内置指令来实现的。如ion-nva... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(242) 评论(0) 推荐(0)
ionic入门教程第十七课-深入讲解与服务器的交互$http、$q、设置头部、不包括$resourse
摘要：好久没有更新博客了，刚好最近对http这个服务有深入的研究，所以今天抽空给大家讲讲这个东西ionic与服务器的交互主要有两种一种是$http,另一种是$resourse。$resourse没研究，所以这个博客说的内容只有$http的相关内容。对于传统的阿贾克斯应用来说，与服务器的交互是通过XMLHt... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(160) 评论(0) 推荐(0)
ionic入门教程第十六课-在微信中使用ionic的解决方案（按需加载加强版）
摘要：对于微信端来说，其实使用ionic是一个比较大的前端框架。有更多比较轻量化的前端框架可以选择。但是使用ionic有一个明显的优点就是，能够做到一端开发，三端同步上线。这个梗说了好多遍了，但确实是这样子的，ios和安卓都能跑了，为什么在公司的微信公众号，还要再重新开发呢。这就是我一开始研究这个解决方案... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(203) 评论(0) 推荐(0)
ionic入门教程第十五课-ionic性能优化之图片延时加载
摘要：周五的时候有个朋友让我写一个关于图片延时加载的教程，直到今天才有空编辑，这阶段真的是很忙，公众号都变成僵尸号了。实在是对不起大家。有人喜欢我的教程，可能我总习惯了用比较简单容易理解的方式去描述这些东西。别的就不多说了，大家遇到什么问题。可以直接联系我，不是一句话两句话能讲清楚的问题，我都会抽空写一个... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(166) 评论(0) 推荐(0)

1