随笔分类 -  原创

1 2 3 4 下一页
ionic入门教程第一课--环境搭建和新建ionic项目
摘要：最近由于公司项目需要，自学Ionic。在这里做个备忘，也希望能帮到想自学ionic的其他朋友。一、首先需要安装node.js环境，对于不了解node.js的同学也没有关系，因为我们有用到的只是node.js提供的npm服务。你可以把他理解成一个下载器吧！windows 下安装nodejshttp:/... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(120) 评论(0) 推荐(0)
ionic入门教程第三课-在项目中使用requirejs分离controller文件和server文件
摘要：继上篇教程中提到的，我们新建一个简单的tabs类型的Ionic项目。根据目录文件我们知道，系统自动创建了一个controller文件和server文件，并且把所有的控制器和服务都写到这两个文件里面。这是一个简单的项目，业务逻辑代码也很少，这样子实现并没有什么问题，但是当我们的项目越写越多，业务逻辑越... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(158) 评论(0) 推荐(0)
ionic入门教程第二课-从Tabs案例看Ionic的MVC架构
摘要：首先使用上一节课提到的方法创建一个tabs的Demo。提示：有时候案例下载不下来，可以反复尝试或者使用淘宝镜像。建议在需要创建项目的地方，按住shift加鼠标右键选择在此处打开命令窗口，这样创建完的项目，就在当前的目录下，若使用系统cmd直接创建，则项目保存在当前用户的文件夹里，可能有些朋友会找不到... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(174) 评论(0) 推荐(0)
ionic入门教程第七课-简要说明几种界面之间的参数传递及优缺点
摘要：截至2016年4月13日19点32分，我发布的ionic入门教程，已经发布6课了，总访问量将近6000，平均每节课能有1000的访问量。其中访客最多的是第三课有2700的访客。其实我开始的时候计划的挺好的，就按照我这阶段的安排，慢慢的带大家做一个比较完整的项目。但这几天发生了一些事情，让我不得不重新... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(156) 评论(0) 推荐(0)
ionic入门教程第六课-从服务器请求数据的几种方式$http.get()、jsonp()分别和callback、$q的组合
摘要：继上节课，我已经介绍了使用$q和callback的方式，从service服务获取数据。但是在真实的项目中，一般是用户使用控制器通过服务向服务端发起数据请求，由获取的数据传递给模型，再由模型更新视图展示给用户这样一个MVC过程，详细的可以查看我的第二课。（USER------use------>CON... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(125) 评论(0) 推荐(0)
ionic入门教程第五课-举例子说明异步回调$q及$q在项目中的用法
摘要：继上一节中我们使用到$q来辅助完成了按需加载文件。这节课我先简要的介绍一下$q先从功能上做简要介绍的话：我想通过一个故事来简要的介绍$q，就那最近比较普遍的叫餐服务举例吧今天我想吃牛肉炒饭，所以我打电话订餐跟老板说了，餐弄好了给我送到我公司来，我给了他一个明确的地址。这个过程就是$q.defer.因... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(447) 评论(0) 推荐(0)
ionic入门教程第四课-使用$controllerProvider按需加载controller
摘要：继上篇教程我们已经创建了一个使用requireJs启动和分离文件的Tabs类型的Ionic项目今天我将介绍一下，如何使用$controllerProvider按需加载controller文件其中将用到的$q有不明白的朋友，可以找我，我估计会在第五课的时候讲到这个内容首先在项目中编写路由的地方定义$c... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(107) 评论(0) 推荐(0)
ionic入门教程第十五课-ionic性能优化之图片延时加载
摘要：周五的时候有个朋友让我写一个关于图片延时加载的教程，直到今天才有空编辑，这阶段真的是很忙，公众号都变成僵尸号了。实在是对不起大家。有人喜欢我的教程，可能我总习惯了用比较简单容易理解的方式去描述这些东西。别的就不多说了，大家遇到什么问题。可以直接联系我，不是一句话两句话能讲清楚的问题，我都会抽空写一个... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(166) 评论(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 阅读(145) 评论(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)
React入门教程第二课--gulpfile详解
摘要：相信大家看过不少项目，对这个文件的说明都很少。不知道是大家默认了都会，还是说默认都不去更改这个文件。反正我刚开始看总觉得很难看懂。这篇教程，我根据项目构建需求编写这个文件。将会对这个文件的内容做一个比较详细的说明。里面用到的工具只保证满足需求，不保证是最好用的。后续也会对这个文件做持续的优化。一、首... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(279) 评论(0) 推荐(0)
javascript挑战编程技能-第二题：计算字符数
摘要：问题：创建一个程序，提示用户输入字符串，然后输出这个字符串以及其中包含的字符数。要求：1、确保输出中包含原始的字符串。2、使用一个输出语句来构造输出。3、使用javascript内置函数来确定字符串长度。4、如果用户什么也没有输入，提示用户输入。首先提一下第二点的要求，尽量把所有独立的方法构造成单独... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(122) 评论(0) 推荐(0)
javascript挑战编程技能-第一题：将问题转变成代码
摘要：按我的个人理解，程序就是一个个约束条件的累加逻辑。目的只有一个，解决问题。在开始讲解如何解决问题之前，我觉得最重要的事情是，理解问题。首先你应该能够清楚的知道，你现在面临的是什么问题，才能根据问题提出解决方案。假设现在有一家小店的老板告诉你，我需要一个结算工资的软件。那你是不是就可以开始编写程序了呢... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(151) 评论(0) 推荐(0)
javascript挑战编程技能-第六题：检查密码强度
摘要：函数可以帮助我们抽象掉负责操作，还可以帮助我们构建可复用的组件。开发一个程序，基于如下规则确定给定密码的强度。1、如果只包含数字，则为非常弱的密码。2、如果只包含字母，则为弱密码。3、如果包含字母，至少有一个数字，并且字数不少于8个字符，则为强密码。4、如果包含字母、数字和特殊字符，兵器字数不少于8... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(145) 评论(0) 推荐(0)
javascript挑战编程技能-第五题：函数作为javascript的一等公民
摘要：函数作为javascript中的一等公民，不仅像别的语言中的函数一样简单的声明和调用，还可以作为对象和参数传递。如以下两种定义方式：function test(){}和var test = function(){}第一个函数像船用函数一样的使用方式，先声明函数，后面再调用函数。第二种定义方式是将函数... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(131) 评论(0) 推荐(0)
javascript挑战编程技能-第四题：谈个if讲点逻辑
摘要：前三节课我们，我们编写的程序都有点简单。就是根据输入计算然后输出结果。上一节课写了一些工具方法，其实jquery.js已经有了很好的封装。后面的demo中会开始使用，不了解的朋友可以查阅官网api。http://api.jquery.com/这里我不做过多的讲解哦。其实很好懂的，我的学习路线跟其他的... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(109) 评论(0) 推荐(0)
javascript挑战编程技能-第三题：计算矩形房间面积
摘要：一、问题：计算矩形房间的面积。二、要求：1、提供用户输入长和宽2、输出英尺和米的单位选择3、输出平方英尺和平方米的数值4、结果保留两位有效小数5、只能输入数值6、让计算与输出分离7、使用一个常量来保存转换因子。三、首先我们还是先确定元素。有两个输入，长和宽有一个单选控件选择单位英尺或者米有两个输出，... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(501) 评论(0) 推荐(0)
全栈工程师之路-中级篇之小程序开发-第二章第三节小程序豆瓣评分主页
摘要：今天我们来编写整个豆瓣评分的首页界面框架。效果图如下：我们今天主要讲解界面的编写，目的是再一次加强对模板的理解。我们还是拿index文件修改。先去掉原有的元素。修改app.wxss接下来进入今天你的主题。首先我们来修改一下标题和APP的主题色。修改整个app共同的都在app的相关文件中。我们修改ap... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(132) 评论(0) 推荐(0)
全栈工程师之路-中级篇之小程序开发-第二章第二节小程序电影卡片模板
摘要：上一节课，有朋友反映我最后写的操作步骤太琐碎了。其实我只是想表达一下我自己的思想过程，从分析方法到关注点。我觉得这对于新手还是有点作用的。如果你不知道怎么入手解决一个问题，不放跟着我的节奏，进去试试。言归正传，我们接下来编写，电影卡片的模板。还是一样的先分析界面，这个界面是上下结构的，最上方一张图片... 阅读全文
posted @ 2017-10-09 18:07 小虎Oni 阅读(162) 评论(0) 推荐(0)

1 2 3 4 下一页