随笔分类 - 小虎Oni
摘要:最近由于公司项目需要,自学Ionic。在这里做个备忘,也希望能帮到想自学ionic的其他朋友。一、首先需要安装node.js环境,对于不了解node.js的同学也没有关系,因为我们有用到的只是node.js提供的npm服务。你可以把他理解成一个下载器吧!windows 下安装nodejshttp:/...
阅读全文
摘要:工欲善其事必先利其器,现在的node环境下,有太多好用的工具能够帮助我们更好的开发和维护管理项目。我本人不建议什么功能都自己写,我比较喜欢代码复用。只要能找到npm包来实现的功能,坚决不自己敲代码。本次编写程序的两个原则:1、尽量使用声明式的编程风格(声明式和命令式,不是很清楚的自己查查资料)2、能...
阅读全文
摘要:这节课我随便讲讲javascript中的循环语句。循环最应该注意的是写出死循环的代码,如果你在调试程序的时候,发现浏览器卡住了,点击关闭按钮都很难关掉,那就很有可能是执行了死循环的代码了。如果篇幅不长的话,我们就再做一道题目。对了,这个系列的正确阅读方式应该是先看题目,然后自己做,我的代码只是一个参...
阅读全文
摘要:按我的个人理解,程序就是一个个约束条件的累加逻辑。目的只有一个,解决问题。在开始讲解如何解决问题之前,我觉得最重要的事情是,理解问题。首先你应该能够清楚的知道,你现在面临的是什么问题,才能根据问题提出解决方案。假设现在有一家小店的老板告诉你,我需要一个结算工资的软件。那你是不是就可以开始编写程序了呢...
阅读全文
摘要:上节课中我提到了,在gulpfile中编写task编译js和sass的task。然后在项目中使用时发现,当项目内容越写越多时,编译速度会越来越久。看了一下编译过程。上次gulpfile中的定义是当监听文件改变时就执行编译全部js文件。查阅资料--gulp编译加速在出来的结果中首条信息是博客园的如何在...
阅读全文
摘要:相信大家看过不少项目,对这个文件的说明都很少。不知道是大家默认了都会,还是说默认都不去更改这个文件。反正我刚开始看总觉得很难看懂。这篇教程,我根据项目构建需求编写这个文件。将会对这个文件的内容做一个比较详细的说明。里面用到的工具只保证满足需求,不保证是最好用的。后续也会对这个文件做持续的优化。一、首...
阅读全文
摘要:本章我们将以一个实战项目为主要内容,穿插讲解小程序的各种概念。因为没有UI和后端,所以,我们这里使用豆瓣电影的API和小程序豆瓣评分作为学习材料。最终我们将会完成一个类似下图的小程序。(大家可以搜索小程序,豆瓣评分,线上已经有了。)首先我们来分析一下这个小程序,主要分为电影和个人中心(个人中心我们放...
阅读全文
摘要:这一小节作为第一章的最后一节,其实关于单位的文章,在博客上倒是挺多的。我一直在想,我是不是有必要再写这一节,还是给大家提供一些阅读链接。因为关于单位的定义都是比较官方的。没什么好讨论的,我这里做一个汇总和简单的说明吧。首先本文只以移动设备为例说明。本文摘要:设计师以iphone6为标准出设计稿的话,...
阅读全文
摘要:说明:为了便于理解和分析,此处我们全部使用块级元素div来进行说明。因为要将这个文档应用于博客,所以所有的样式写在style中。公众号不支持,博客样式支持不好,又重新上传了图片,替换了展示效果(泪目)。你们能懂用纯文本编辑器编辑了一天,发现不能用的心情嘛!标题一二三不代表这些概念同级,仅仅代表本文提...
阅读全文
摘要:这节课我们来说说微信提供的小程序开发工具。一、首先我们从官网下载微信开发者工具,注意,不要下到旧版本的公众号调试工具。之前安装过web开发工具的朋友,可能会遇到一个奇怪的问题,明明下载的安装包是最新的,安装完打开的却是旧版的界面。这时候只要把旧版的卸载之后,把所有的文件都删除重新安装就可以了。从微信...
阅读全文
摘要:之前公众号开发可能都是运维人员提供的appkey,所以不少的朋友,对微信的后台管理系统不熟悉。借由小程序提供个人账号申请,在这里专门写一篇图文教程。虽然微信对个人小程序做了诸多限制,但是作为入门的开发权限还是基本够用的。首先,要注册个人微信小程序1、你要准备一个邮箱,并且这个邮箱没有注册过个人微信,...
阅读全文
摘要:我一直在考虑这个系列的第一个教程该从什么框架开始写起。是我自己入门时候学习的angularjs,还是大部分web前端入门的jquery?看过我的教程的朋友应该对我的学习方式有一点点的了解。我一直觉得学习前端没有那么多东西需要理解的,只要先记住用法,用的多了,慢慢的就能理解了。我不敢说自己的学习方式是...
阅读全文
摘要:妄图用一节课的内容讲完javascript的数据结构,其实还是有点勉强的。所以我只讲几个比较常用的数据类型。基本应用级开发中已经都够用的,想深入了解的朋友可以去查阅详细的API。之前我们的练习都是比较简单的程序,通过将数据保存在变量中就能够解决。其实我们新建的变量可以说成是一个全局变量的属性。如我们...
阅读全文
摘要:今天比较晚,直接进入正题吧!题目:创建一个程序,生成从0到12的乘法表。示例输出0*0=00*1=0...12*11=13212*12=144条件:使用一个嵌套循环来完成该程序。这个没什么好说的,直接上代码吧!前面的输入输出都讲得很详细了,这里直接上主要函数吧。这个很初级,没什么好说的。挑战:创建一...
阅读全文
摘要:首先打开新建的项目。 我们先来看一下新建项目的目录结构。查看项目目录结构src文件夹你的应用代码位于src文件夹中。 所有的Angular组件、模板、样式、图片以及你的应用所需的任何东西都在那里。 这个文件夹之外的文件都是为构建应用提供支持用的。 根目录src/文件夹是项目的根文件夹...
阅读全文
摘要:这节课,我们将要了解的是如何使用VS Code安装Chrome扩展对Angular进行调试。步骤一:确保环境确保将谷歌浏览器安装在其默认位置。 确保在VS Code中安装了插件:Debugger for Chrome 使用npm在全局范围内安装了angular/cli ,并且版本大于...
阅读全文
摘要:上一节课我们已经创建了一个新的项目, 这节课我们了解一下如何创建码云(https://git.oschina.net/)管理我们的代码。 在工作中,不管是自己一个人开发,还是团队开发,都会涉及到版本控制。 比较常用的版本控制软件有svn和git。 (如果你会使用git,会版本控制,那...
阅读全文
摘要:步骤一:安装开发环境在开始学习angular之前,我们要先设置好开发环境。 一般现在的的开发环境基本上都是nodejs, 因为基本上都有使用了nodejs的npm管理和安装依赖包。 如果你的电脑上已经安装过nodejs,那你可以现在命里行中输入node -v 和 npm -v查看他们...
阅读全文
摘要:首先,说说小程序开发的完结,基本上的东西,在我们前面的章节中,都已经提到过了。我觉得掌握这些内容,足够你开始开发小程序了。接下来,就要我们根据实际的项目需求去实现了,如果遇到教程中没有提到的东西,可以查阅官方的API,也可以在公众号后台联系我,或者联系我本人微信号,联系方式在左侧的侧...
阅读全文
摘要:继上一节课,我们已经简要说明了将图片保存到相册的流程和方法。 这节课我们围绕这个问题,展开讲解获取用户权限,将网络图片下载到临时文件,最后保存到相册。获取用户权限 wx.authorize 使用方法如下:// 可以通过 wx.getSetting 先查询一下用户是否授权了wx.get...
阅读全文
浙公网安备 33010602011771号