chexuanjue1998-CSDN博客

转载 ionic入门教程第十六课-在微信中使用ionic的解决方案（按需加载加强版）

对于微信端来说，其实使用ionic是一个比较大的前端框架。有更多比较轻量化的前端框架可以选择。但是使用ionic有一个明显的优点就是，能够做到一端开发，三端同步上线。这个梗说了好多遍了，但确实是这样子的，ios和安卓都能跑了，为什么在公司的微信公众号，还要再重新开发呢。这就是我...

2017-10-09 17:42:00 174

转载 ionic入门教程第十七课-深入讲解与服务器的交互$http、$q、设置头部、不包括$resourse...

好久没有更新博客了，刚好最近对http这个服务有深入的研究，所以今天抽空给大家讲讲这个东西 ionic与服务器的交互主要有两种一种是$http,另一种是$resourse。$resourse没研究，所以这个博客说的内容只有$http的相关内容。对于传统的阿贾克斯应用来说，与服务器的交互是...

2017-10-09 17:42:00 115

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

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

2017-10-09 16:39:00 94

转载 ionic入门教程第十课-接着说说ion-slide-box和它的注意事项、slide-tabs

这几天搬家，没空写,这是前几天写的，放在草稿箱中忘记发了。本节课紧跟上节课的内容，没看过的朋友可以先看一下上节课。http://blog.csdn.net/onil_chen/article/details/51180884 太多的前言我就不写了，直接开始正题吧！我们要做的是一个这样...

2017-10-09 16:39:00 169

转载 ionic入门教程第八课-（加更）从无到有说Ionic、画图说明MVC-U-S

这节课的内容，有些前面几节已经说过了。公司这次给我一个任务，让我带一个没有编程基础的同事学习ionic。今天是我跟他讲的第一课，晚上把讲的笔记整理了一下，觉得还是挺适合零基础的朋友学习的。有些前面讲过了，在这里重复一下就当是回顾内容了。直接上笔记了，字写的很丑，没有时间重新整理...

2017-10-09 16:39:00 150

转载在JavaScript中includes()和indexOf()的比较

ES2016 规格包括数组数据结构的 includes() 方法。 Includes() 方法检查是否数组包含某些元素，返回 true 或 false 。但在 ES5 我们习惯于执行操作 indexOf （）方法。使用 includes()方法。 const ar...

2017-10-09 16:39:00 642

转载 ionic入门教程第十八课-初识自定义指令directive oni-bar（tab-bar）

经过这么长时间的学习，我想大家都有了一定的基础了。这节课尝试着给大家讲点更加深入的东西，能理解的就好好学学，还理解不来的朋友也不要紧，可以当做扩展阅读看看就好。学习切忌过于急躁。到目前为止，我教程里面提到的内容都是使用了ionic的内置指令和一些angularjs的内置指令来实现的...

2017-10-09 16:39:00 148

转载 ionic入门教程第十九课-ionic路由详解（state、route、resolve）

今天好好的跟大家讲讲ionic的路由配置。问到的朋友有点多，因为这个内容比较多，所以我一直想等我多了解一些再出关于路由的教程。但是有些很简单的也有朋友不理解，所以我就提前出了这篇教程。希望能对大家有点帮助，关于我遗漏的部分，后面再发教程补充吧。但是基本的内容，简单的应用，应该这...

2017-10-09 16:39:00 228

转载 ionic入门教程第七课-简要说明几种界面之间的参数传递及优缺点

截至2016年4月13日19点32分，我发布的ionic入门教程，已经发布6课了，总访问量将近6000，平均每节课能有1000的访问量。其中访客最多的是第三课有2700的访客。其实我开始的时候计划的挺好的，就按照我这阶段的安排，慢慢的带大家做一个比较完整的项目。但这几天发生了...

2017-10-09 16:39:00 129

转载 javascript挑战编程技能-第四题：谈个if讲点逻辑

前三节课我们，我们编写的程序都有点简单。就是根据输入计算然后输出结果。上一节课写了一些工具方法，其实jquery.js已经有了很好的封装。后面的demo中会开始使用，不了解的朋友可以查阅官网api。 http://api.jquery.com/ 这里我不做过多的讲解哦。其实很...

2017-10-09 16:39:00 84

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

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

2017-10-09 16:39:00 105

转载 Angular最新教程-第十节路由三（路由器钩子函数、路由守卫）

我们在实际开发中，会有这样一种场景。有些页面是允许访客登录的，有些页面是强制用户登录的。后者，我们希望当用户没有登录的时候，无法直接进去页面，而是先跳转到登录页面，或者先给出让用户登录的提示。路由守卫两种方法选一种就好了，文件名有冲突哦。推荐第二种。方法一...

2017-10-09 16:39:00 310

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

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

2017-10-09 16:39:00 316

转载 ionic入门教程第十一课-简要说明ion-list、ion-item完成列表页ion-infinite-scroll上拉加载ion-refresher下拉刷新...

发了十篇教程，现在向我问问题的朋友越来越少了。可能我接触到的学习ionic的就这么些人吧！可能大家已经觉得我写的东西都太过基础了，没什么值得参考借鉴的地方。开始有人叫我说直接防类似饿了吗，折八百这样的网站，做一个Demo。其实我也知道有些朋友就想要这种网上的免费劳动力。但是其实...

2017-10-09 16:38:00 99

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

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

2017-10-09 16:38:00 79

转载全栈工程师之路-中级篇之小程序开发-第二章第二节小程序电影卡片模板

上一节课，有朋友反映我最后写的操作步骤太琐碎了。其实我只是想表达一下我自己的思想过程，从分析方法到关注点。我觉得这对于新手还是有点作用的。如果你不知道怎么入手解决一个问题，不放跟着我的节奏，进去试试。言归正传，我们接下来编写，电影卡片的模板。还是一样的先分析界面，这个...

2017-10-09 16:38:00 206

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

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

2017-10-09 16:38:00 93

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

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

2017-10-09 16:38:00 98

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

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

2017-10-09 16:38:00 152

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

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

2017-10-09 16:38:00 58

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

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

2017-10-09 16:38:00 281

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

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

2017-10-09 16:38:00 110

转载 javascript挑战编程技能-第三题：计算矩形房间面积

一、问题：计算矩形房间的面积。二、要求： 1、提供用户输入长和宽 2、输出英尺和米的单位选择 3、输出平方英尺和平方米的数值 4、结果保留两位有效小数 5、只能输入数值 6、让计算与输出分离 7、使用一个常量来保存转换因子。三、首先我们还是先确定元素。有两个输入，长和...

2017-10-09 16:38:00 203

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

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

2017-10-09 16:38:00 81

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

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

2017-10-09 16:38:00 97

转载 javascript挑战编程技能-第二题：计算字符数

问题：创建一个程序，提示用户输入字符串，然后输出这个字符串以及其中包含的字符数。要求： 1、确保输出中包含原始的字符串。 2、使用一个输出语句来构造输出。 3、使用javascript内置函数来确定字符串长度。 4、如果用户什么也没有输入，提示用户输入。首先提一下第二点的要求，...

2017-10-09 16:38:00 102

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

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

2017-10-09 16:38:00 76

转载 ionic入门教程第五课-举例子说明异步回调$q及$q在项目中的用法

继上一节中我们使用到$q来辅助完成了按需加载文件。这节课我先简要的介绍一下$q 先从功能上做简要介绍的话：我想通过一个故事来简要的介绍$q，就那最近比较普遍的叫餐服务举例吧今天我想吃牛肉炒饭，所以我打电话订餐跟老板说了，餐弄好了给我送到我公司来，我给了他一个明确的地址。这个过程就...

2017-10-09 16:38:00 90

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

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

2017-10-09 16:38:00 167

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

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

2017-10-09 16:38:00 48

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

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

2017-10-09 16:38:00 304

转载 javascript挑战编程技能-第五题：函数作为javascript的一等公民

函数作为javascript中的一等公民，不仅像别的语言中的函数一样简单的声明和调用，还可以作为对象和参数传递。如以下两种定义方式： function test(){ } 和 var test = function(){ } 第一个函数像船用函数一样的使用方式，先声明函数，后...

2017-10-09 16:38:00 93

转载全栈工程师之路-中级篇之小程序开发-第三章第四节点击查看大图，保存壁纸...

由于获取详情那些接口的豆瓣API，都有权限限制。所以，电影详情页面和电影搜索页面我们就不做了。接下来我们来看一些还蛮实用和有趣的小功能。点击查看大图wx.previewImage 我们在moviecard模板中加入点击事件。如图所示，详细的在前面的章节中已经...

2017-10-09 16:38:00 102

转载 ionic入门教程第九课-开始动手做项目吧！ion-nav-bar、ion-nav-buttons、ion-tabs

前面说了八节课，有从框架上讨论ionic的，也有从代码结构上讨论的，但是我仔细看了看，对于新手并没有真正的开始做项目，反而对那些对ionic有一定了解的朋友有一定的帮助。所以我觉得从头开始带着大家完成一个比较完整的项目。由于这是一个前端的教程，所以我只讲前端的内容。 UI是借用了...

2017-10-09 16:38:00 108

转载 ionic入门教程第六课-从服务器请求数据的几种方式$http.get()、jsonp()分别和callback、$q的组合...

继上节课，我已经介绍了使用$q和callback的方式，从service服务获取数据。但是在真实的项目中，一般是用户使用控制器通过服务向服务端发起数据请求，由获取的数据传递给模型，再由模型更新视图展示给用户这样一个MVC过程，详细的可以查看我的第二课。（USER------use-----...

2017-10-09 16:38:00 95

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

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

2017-10-09 16:38:00 105

转载 ionic入门教程第三课-在项目中使用requirejs分离controller文件和server文件

继上篇教程中提到的，我们新建一个简单的tabs类型的Ionic项目。根据目录文件我们知道，系统自动创建了一个controller文件和server文件，并且把所有的控制器和服务都写到这两个文件里面。这是一个简单的项目，业务逻辑代码也很少，这样子实现并没有什么问题，但是当我们的项目...

2017-10-09 16:38:00 89

转载全栈工程师之路-中级篇之小程序开发-第三章第五节获取用户权限、下载文件、保存到相册、用户拒绝授权重新授权...

继上一节课，我们已经简要说明了将图片保存到相册的流程和方法。这节课我们围绕这个问题，展开讲解获取用户权限，将网络图片下载到临时文件，最后保存到相册。获取用户权限 wx.authorize 使用方法如下： // 可以通过 wx.getSetting 先查询一下用户...

2017-10-09 16:38:00 113

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

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

2017-10-09 16:37:00 89

转载 ionic入门教程第二课-从Tabs案例看Ionic的MVC架构

首先使用上一节课提到的方法创建一个tabs的Demo。提示：有时候案例下载不下来，可以反复尝试或者使用淘宝镜像。建议在需要创建项目的地方，按住shift加鼠标右键选择在此处打开命令窗口，这样创建完的项目，就在当前的目录下，若使用系统cmd直接创建，则项目保存在当前用户的文件夹里，可能有...

2017-10-09 16:37:00 117

空空如也

空空如也