摘要：
基于zepto，支持多文件上传，进度和图片预览，用于手机端。 $self.css('position', 'relative'); $self.append('<input id="fileImage" style="opacity:0;position:absolute;top: 0;left: 阅读全文
随笔分类 - javascript
轻量级的日期插件--datebox
2016-09-18 09:04 by stoneniqiu, 2930 阅读, 收藏, 编辑
摘要：
jquery的日期插件有好几款，H5中的input也可以自带日期选择。但为什么要再写一个，有两个理由，一个是引用的文件太大，而有时候只需要很简单的功能，二个是想加一些自定义的效果不好改。 我写的这个功能比较简单，可以换月，有预约效果，可以设定预约日期范围，压缩后1.4kb，先上个图，再慢慢解释： j 阅读全文
微信硬件H5面板开发(二) ---- 实现一个灯的控制
2016-09-06 08:53 by stoneniqiu, 6099 阅读, 收藏, 编辑
摘要：
在第一节中讲解了openApi的调用，这一篇讲一下如何实现一个灯的控制。就用微信提供的lamp例子来做，将代码扒下来(实在是没办法，没有示例)，整合到自己的项目中。lamp源码：http://files.cnblogs.com/files/stoneniqiu/lamp.zip。 你可以自己扒，带参 阅读全文
video.js--很赞的H5视频播放库
2016-08-27 09:18 by stoneniqiu, 45015 阅读, 收藏, 编辑
摘要：
video.js是一款很流行的html5视频播放插件。很适合在移动端播放视频(比如微信网页)，功能强大，且支持降级到flash,兼容ie8。官网：http://videojs.com/ git&demo ：http://files.cnblogs.com/files/stoneniqiu/video 阅读全文
深入理解jQuery、Angular、node中的Promise
2016-08-26 08:33 by stoneniqiu, 2679 阅读, 收藏, 编辑
摘要：
最初遇到Promise是在jQuery中，在jQuery1.5版本中引入了Deferred Object，这个异步队列模块用于实现异步任务和回调函数的解耦。为ajax模块、队列模块、ready事件提供基础功能。在用jQuery操作DOM的时候对Promise的使用欲不够强烈，最近学习node和Ang 阅读全文
Nodejs之MEAN栈开发（七）---- 用Angular创建单页应用(下)
2016-07-16 08:44 by stoneniqiu, 1847 阅读, 收藏, 编辑
摘要：
上一节我们走通了基本的SPA基础结构，这一节会更彻底的将后端的视图、路由、控制器全部移到前端。篇幅比较长，主要分页面改造、使用AngularUI两大部分以及一些优化路由、使用Angular的其他指令的学习。篇幅虽然长，但熟悉了就是这个套路，特别是第一部分。重点是理解Angular这种操作数据而不是操 阅读全文
Nodejs之MEAN栈开发（六）---- 用Angular创建单页应用(上)
2016-07-12 08:23 by stoneniqiu, 1936 阅读, 收藏, 编辑
摘要：
在上一节中我们学会了如何在页面中添加一个组件以及一些基本的Angular知识，而这一节将用Angular来创建一个单页应用(SPA)。这意味着，取代我们之前用Express在服务端运行整个网站逻辑的方式(jade、路由都需要在服务端编译)，我们将用Angular在客户端浏览器上跑起来。PS：在正常的 阅读全文
Nodejs之MEAN栈开发（五）---- Angular入门与页面改造
2016-07-08 08:21 by stoneniqiu, 2713 阅读, 收藏, 编辑
摘要：
这个系列一共会涉及两个JavaScript框架的讲解，一个是Express用做后端，一个是Angular用于前端。和Express一样，Angular分离内容，处理视图、数据和逻辑。和MVC模式很相似，但其实Angular定义是MVW框架，W代表(what ever works for you)。意 阅读全文
Nodejs之MEAN栈开发（四）---- form验证及图片上传
2016-06-27 08:27 by stoneniqiu, 3298 阅读, 收藏, 编辑
摘要：
这一节增加推荐图书的提交和删除功能，来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork：https://github.com/stoneniqiu/ReadingClub 一、form验证 MVC的form验证有三个地方可以做，第一道关就是前端提交之 阅读全文
Nodejs之MEAN栈开发（三）---- 使用Mongoose创建模型及API
2016-06-06 01:23 by stoneniqiu, 5399 阅读, 收藏, 编辑
摘要：
继续开扒我们的MEAN栈开发之路，前面两节我们学习了Express、Jade引擎并创建了几个静态页面，最后通过Heroku部署了应用。 Nodejs之MEAN栈开发（一） 路由与控制器 Nodejs之MEAN栈开发（二） 视图与模型 这一节将重点介绍MongoDB以及它的ODM（Object-Doc 阅读全文
Nodejs之MEAN栈开发（二）----视图与模型
2016-06-02 08:30 by stoneniqiu, 2491 阅读, 收藏, 编辑
摘要：
上一节做了对Express做了简单的介绍，提出了controller，介绍了路由。这一节将重点放到视图和模型上，完成几个静态页面并部署到heroku上。 导航 前端布局使用bootstrap，从官网下载后置于public文件夹下。打开layout.jade 先做一个导航. block content 阅读全文
Nodejs之MEAN栈开发（一）---- 路由与控制器
2016-05-31 08:17 by stoneniqiu, 7075 阅读, 收藏, 编辑
摘要：
因为工作需要，最近再次学习了node，上一次学习node是2014年，纯粹是个人兴趣，学了入门之后没有运用，加上赶别的项目又不了了之。这次正好捡起来。废话不多说，这里的MEAN指的是Mongodb、Express、Angular和Node。 通过整个项目逐步整合在一起。MEAN栈最大的特色不是运用了 阅读全文
JavaScript 事件管理
2016-05-11 08:19 by stoneniqiu, 2128 阅读, 收藏, 编辑
摘要：
在设计JavaScript xxsdk的时候考虑到能让调用者参与到工作流程中来，开始用了回调函数。如下： 或者在初始化的传入config。 但问题来了，随着函数越多，第一种方式就显得很烦，每个方法的参数后面要跟一个或者多个回调函数，代码显得不干净，而且只有用户调用的时候才会执行回调，对于没有暴露给用 阅读全文
【读书笔记】-- JavaScript数组
2016-05-03 19:41 by stoneniqiu, 633 阅读, 收藏, 编辑
摘要：
数组是一段线性分配的内存，它通过整数计算偏移并访问其中的元素。大多数的语言都会要求一个数组的元素是相同类型，但JavaScript数组可以包含任意类型。 长度 数组的length没有上界，如果用大于等于当前length的数字作为下标保存一个元素，那么length会增大来容纳新的元素，而不会发生边界冲 阅读全文
var与this，{}与function 小记
2016-04-27 23:09 by stoneniqiu, 1004 阅读, 收藏, 编辑
摘要：
JavaScript var是用来定义一个变量，this常用来定义或调用一个属性或方法。但是在全局范围内，this和var定义变量是等价的。 window window对象有name属性，初始值为空，但第一个console的时候怎么获取值了呢。 发现这个window记录的是上次的值。重新打开页面，只 阅读全文
WebSocket 学习(三)--用nodejs搭建服务器
2016-04-18 08:19 by stoneniqiu, 76557 阅读, 收藏, 编辑
摘要：
前面已经学习了WebSocket API，包括事件、方法和属性。详情：WebSocket(二)--API WebSocket是基于事件驱动，支持全双工通信。下面通过三个简单例子体验一下。 简单开始 1.安装node。https://nodejs.org/en/ 2.安装ws模块 ws：是nodejs 阅读全文
WebSocket 介绍(二)-WebSocket API
2016-04-10 13:48 by stoneniqiu, 20519 阅读, 收藏, 编辑
摘要：
这一章介绍如何用WebSocket API来控制协议和创建应用，运用http://websocket.org 提供的现有WebSocket服务器，我们可以收发消息、创建一些简单的WebSocket应用。一步一步的学习使用WebSocket API，最后我们会讨论浏览器的支持度和连通性。这一章的重点是 阅读全文
【读书笔记】WebApi 和 SPA(单页应用)--knockout的使用
2015-06-29 00:48 by stoneniqiu, 3348 阅读, 收藏, 编辑
摘要：
Web API从MVC4开始出现，可以服务于Asp.Net下的任何web应用，本文将介绍Web api在单页应用中的使用。什么是单页应用？Single-Page Application最常用的定义：一个最初内容只包含html和JavaScript，后续操作通过Restful风格的web服务传输... 阅读全文
【读书笔记】javascript 继承
2015-02-02 20:55 by stoneniqiu, 660 阅读, 收藏, 编辑
摘要：
在JavaScript中继承不像C#那么直接，C#中子类继承父类之后马上获得了父类的属性和方法，但JavaScript需要分步进行。 让Brid 继承 Animal，并扩展自己fly的方法。 function Animal(name) { this.name... 阅读全文
Html5 舞动的雨伞
2015-01-03 11:15 by stoneniqiu, 2280 阅读, 收藏, 编辑
摘要：
HMTL5的学习断断续续，方法不用又生疏了，昨天做的一个雨伞的Demo，先看看效果主要是运用了中心点变换和旋转两个方法。不同的动画用定时器控制，下面是全部代码： 自己觉得蛮有意思，这些小而美的东西是不是给你有所启发呢。如果不是建立对象，则画出来的雨伞不容易控制。下面的代码就是静态的... 阅读全文