OniPlan - 随笔分类 - 小虎Oni

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Angular最新教程-第十一节路由四（嵌套路由）

摘要：今天我们继续来看路由。这是我们关于路由的最后一节课。嵌套路由的使用还是蛮频繁的，使用场景场景一：商城类应用会有大分区里面的小分区，虽然也可以靠携带不同的路由参数来识别，但是他们都在同一个视图里面，就会有一个很明显的问题。有的分类内容比较多，列表很长，有些分类内容比较少，列... 阅读全文

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

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

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

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

Angular最新教程-第一节环境搭建和新建项目

摘要：步骤一：安装开发环境在开始学习angular之前，我们要先设置好开发环境。一般现在的的开发环境基本上都是nodejs，因为基本上都有使用了nodejs的npm管理和安装依赖包。如果你的电脑上已经安装过nodejs，那你可以现在命里行中输入node -v 和 npm -v查看他们... 阅读全文

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

全栈工程师之路-中级篇之小程序开发-入门教程完结报告

摘要：首先，说说小程序开发的完结，基本上的东西，在我们前面的章节中，都已经提到过了。我觉得掌握这些内容，足够你开始开发小程序了。接下来，就要我们根据实际的项目需求去实现了，如果遇到教程中没有提到的东西，可以查阅官方的API，也可以在公众号后台联系我，或者联系我本人微信号，联系方式在左侧的侧... 阅读全文

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

全栈工程师之路-中级篇之小程序开发-第三章第三节正在加载，loading状态

摘要：继前一篇文章，我们已经实现了小程序中的上拉加载和下拉刷新，如果用户网络较差的情况下，或者服务端返回处理较慢的情况下，那么我们的页面在这段时间内没有等待提示。或者服务端返回数据之后，我们的页面又好像突然之间出现的，这整个过程中的用户体验并不是很好，不理解什么是用户体验的，那可... 阅读全文

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

全栈工程师之路-中级篇之小程序开发-第二章第七节个人中心

摘要：今天我们接着编写个人中心页面。首先我们编辑上半部分的内容。部分内容在之前的课程中已经有涉及了，所以这里有写部分直接上代码咯。编写页面的基本元素user.wxml {{userInfo.nickName}} 在user.js中加入获取用户信息的代码 app.getUser... 阅读全文

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

全栈工程师之路-中级篇之小程序开发-第三章第一节页面跳转及参数传递，跳转到更多页面

摘要：继上次教程结束之后，我们的小程序已经完成到如下程度了。如果你是一个零基础的开发，只要跟着这个教程一步一步完成的，你就能完成这样的界面优美是不是很容易啊。但是，完成前两章，我们只涉及到页面的编写，很少涉及到页面的功能，那么这一章，我们的主要任务就是编写一些简单的页面逻辑。我们... 阅读全文

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

全栈工程师之路-中级篇之小程序开发-第二章第五节小程序中的Promise

摘要：上一节课最后，我们遇到了一个警告。说我们太过频繁的调用serData了，因为我们这个页面的三部分数据是通过三个接口获取的。所以我们分别在三个接口返回的时候调用了数据绑定。但是过于频繁的调用setData很容易引起性能问题。要理解为什么会引发性能问题，我们要先看一下setData的工作原理。https... 阅读全文

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

随笔分类 - OniPlan

公告