OniPlan - 随笔分类 - 小虎Oni

ionic入门教程第一课--环境搭建和新建ionic项目

摘要：最近由于公司项目需要，自学Ionic。在这里做个备忘，也希望能帮到想自学ionic的其他朋友。一、首先需要安装node.js环境，对于不了解node.js的同学也没有关系，因为我们有用到的只是node.js提供的npm服务。你可以把他理解成一个下载器吧！windows 下安装nodejshttp:/... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(121) 评论(0) 推荐(0)

React入门教程第一课--从零开始构建项目

摘要：工欲善其事必先利其器，现在的node环境下，有太多好用的工具能够帮助我们更好的开发和维护管理项目。我本人不建议什么功能都自己写，我比较喜欢代码复用。只要能找到npm包来实现的功能，坚决不自己敲代码。本次编写程序的两个原则：1、尽量使用声明式的编程风格（声明式和命令式，不是很清楚的自己查查资料）2、能... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(208) 评论(0) 推荐(0)

javascript挑战编程技能-第七题：让代码做重复的事情

摘要：这节课我随便讲讲javascript中的循环语句。循环最应该注意的是写出死循环的代码，如果你在调试程序的时候，发现浏览器卡住了，点击关闭按钮都很难关掉，那就很有可能是执行了死循环的代码了。如果篇幅不长的话，我们就再做一道题目。对了，这个系列的正确阅读方式应该是先看题目，然后自己做，我的代码只是一个参... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(106) 评论(0) 推荐(0)

javascript挑战编程技能-第一题：将问题转变成代码

摘要：按我的个人理解，程序就是一个个约束条件的累加逻辑。目的只有一个，解决问题。在开始讲解如何解决问题之前，我觉得最重要的事情是，理解问题。首先你应该能够清楚的知道，你现在面临的是什么问题，才能根据问题提出解决方案。假设现在有一家小店的老板告诉你，我需要一个结算工资的软件。那你是不是就可以开始编写程序了呢... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(152) 评论(0) 推荐(0)

React入门教程第三课--gulp编译优化

摘要：上节课中我提到了，在gulpfile中编写task编译js和sass的task。然后在项目中使用时发现，当项目内容越写越多时，编译速度会越来越久。看了一下编译过程。上次gulpfile中的定义是当监听文件改变时就执行编译全部js文件。查阅资料--gulp编译加速在出来的结果中首条信息是博客园的如何在... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(257) 评论(0) 推荐(0)

React入门教程第二课--gulpfile详解

摘要：相信大家看过不少项目，对这个文件的说明都很少。不知道是大家默认了都会，还是说默认都不去更改这个文件。反正我刚开始看总觉得很难看懂。这篇教程，我根据项目构建需求编写这个文件。将会对这个文件的内容做一个比较详细的说明。里面用到的工具只保证满足需求，不保证是最好用的。后续也会对这个文件做持续的优化。一、首... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(280) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第二章第四节小程序http请求与请求本地json文件

摘要：上一节课，我们已经基本完成了，首页的界面编写。逻辑暂时不理会。但是我们用于展示页面绑定的是我们本地的假数据。接下来我们就来获取真正的数据来展示页面。请跳过划线部分。。。。。绑定假数据编写页面算是前段最早做的一件事情吧。特别是在前后端同步开发，联合测试的时候。服务端会先输出接口文档，然后前后端根据接口... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(182) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第二章第一节小程序的模板-评分星星模板

摘要：本章我们将以一个实战项目为主要内容，穿插讲解小程序的各种概念。因为没有UI和后端，所以，我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序。（大家可以搜索小程序，豆瓣评分，线上已经有了。）首先我们来分析一下这个小程序，主要分为电影和个人中心（个人中心我们放... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(132) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第三节阅读官方demo

摘要：在网上好多人，喜欢找别人写好的一些线上的项目源码，比较完整的。想着学习的更加实用和全面一点。这无可厚非，但是，我发现有好多人并不是很在意官方提供的demo。比如ionic的tabs demo就没有什么人看。我个人觉得既然官方把这样的demo推到了入门的地位，那必然是有它的道理的。所以我很喜欢从官方的... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(217) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第二节注册小程序和开发工具讲解

摘要：这节课我们来说说微信提供的小程序开发工具。一、首先我们从官网下载微信开发者工具，注意，不要下到旧版本的公众号调试工具。之前安装过web开发工具的朋友，可能会遇到一个奇怪的问题，明明下载的安装包是最新的，安装完打开的却是旧版的界面。这时候只要把旧版的卸载之后，把所有的文件都删除重新安装就可以了。从微信... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(144) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-第一章第一节注册小程序

摘要：之前公众号开发可能都是运维人员提供的appkey，所以不少的朋友，对微信的后台管理系统不熟悉。借由小程序提供个人账号申请，在这里专门写一篇图文教程。虽然微信对个人小程序做了诸多限制，但是作为入门的开发权限还是基本够用的。首先，要注册个人微信小程序1、你要准备一个邮箱，并且这个邮箱没有注册过个人微信，... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(195) 评论(0) 推荐(0)

全栈工程师之路-中级篇之小程序开发-前言

摘要：我一直在考虑这个系列的第一个教程该从什么框架开始写起。是我自己入门时候学习的angularjs，还是大部分web前端入门的jquery？看过我的教程的朋友应该对我的学习方式有一点点的了解。我一直觉得学习前端没有那么多东西需要理解的，只要先记住用法，用的多了，慢慢的就能理解了。我不敢说自己的学习方式是... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(100) 评论(0) 推荐(0)

javascript挑战编程技能-第九题：数据结构

摘要：妄图用一节课的内容讲完javascript的数据结构，其实还是有点勉强的。所以我只讲几个比较常用的数据类型。基本应用级开发中已经都够用的，想深入了解的朋友可以去查阅详细的API。之前我们的练习都是比较简单的程序，通过将数据保存在变量中就能够解决。其实我们新建的变量可以说成是一个全局变量的属性。如我们... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(100) 评论(0) 推荐(0)

javascript挑战编程技能-第八题：99乘法表

摘要：今天比较晚，直接进入正题吧！题目：创建一个程序，生成从0到12的乘法表。示例输出0*0=00*1=0...12*11=13212*12=144条件：使用一个嵌套循环来完成该程序。这个没什么好说的，直接上代码吧！前面的输入输出都讲得很详细了，这里直接上主要函数吧。这个很初级，没什么好说的。挑战：创建一... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(81) 评论(0) 推荐(0)

Angular最新教程-第九节路由二（路由策略、base标签、路由参数）

摘要：路由策略我们上一节课中提到了{provide:LocationStrategy,useClass:HashLocationStrategy} 上一节课中我们说明了html中传统的锚标示路由。这里我们再看新的路由的另一种实现方式了。是HTML5的新规则，在不需要刷新页面的轻快下，允... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(727) 评论(0) 推荐(0)

Angular最新教程-第八节路由一（路由配置）

摘要：Angular之所以被称为单页面应用，就是因为我们在改变浏览器URL的时候，不触发刷新当前页面的行为，我们看到的所有的界面，其实是在一个主URL中。这个功能（功能？现象？表现？随便吧！）就是通过路由实现的。下面我们先简单的看一个关于路由的例子。当我们点击上面的导航栏时，当前... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(221) 评论(0) 推荐(0)

Angular最新教程-第七节HTTP get post 设置头部跨域访问

摘要：和angular1一样angular4也有http库，用来调用外包的API。为了不使发起的请求，导致当前进入等待而没有响应，HTTP请求都是异步的。这个之前我们聊过类似的，JavaScript中的异步处理方法。 1、callback回调的方式。 2、promise，这个可以参考我... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(494) 评论(0) 推荐(0)

Angular最新教程-第六节编写响应式导航栏

摘要：这节课我们讲解如何使用bootstrap 4 编写响应式布局。参考图我们还是参照Angular中文社区http://www.angularjs.cn/ 图中标注红色的部分，我自己不是很喜欢，所以做了一点小改动。他这里也没有做响应式布局，所以样式就不抄他的，我们自己重写。首先我... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(448) 评论(0) 推荐(0)

Angular最新教程-第五节编写第一个组件

摘要：讲了四节了，一行代码都没有敲，虽说磨刀不误砍柴工，但我们也是时候，上场砍点啥啦。今天我们就来编写我们的第一个组件，效果图如下。首先我们使用angular-cli的generate命令来帮我们自动化创建组件。 $ ng generate component site_status... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(128) 评论(0) 推荐(0)

Angular最新教程-第四节详细说明初始化项目

摘要：首先打开新建的项目。我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。这个文件夹之外的文件都是为构建应用提供支持用的。根目录src/文件夹是项目的根文件夹... 阅读全文

posted @ 2017-10-09 18:07 小虎Oni 阅读(235) 评论(0) 推荐(0)

随笔分类 - OniPlan

公告