摘要：
前言 JS的异步由来已久，各种异步概念也早早堆在开发者面前。可现实代码中，仍然充斥了各种因异步顺序处理不当的bug，或因不好好思考，或因不了解真相。今天，就特来再次好好探索一番JS的异步世界。 01 异步的由来--单线程 上世纪末，互联网仍处于极慢速时代，穿梭于客户端与服务端的请求，对于时间的耗费是 阅读全文
摘要：
一直专心于写代码，遇到问题便看别人的博客来解决问题，突然感觉自己也应该写点东西帮助别人来解决问题。废话不多说了，直接切入正题~ 最近在写一个聊天室来学习node和socket相关知识。遇到的问题描述：ajax请求可以通过express-session来parse出目前用户，但socket请求我也想验 阅读全文
摘要：
因为最近开发的是桌面混合应用，在开发项目中一直需要导出压缩包给其他团队协作或者给产品看效果。 为了导出压缩包，我专门在gulpfile里写了导出命令。每个导出包都带了时间后缀以作区分。但是当今天导出包时，发现变成了201631xxxx，不是我理想中的20160301xxxx，于是催生了这个补零函数。 阅读全文
摘要：
最近一段时间一直在做桌面混合应用，跟以往做web端不同的是，无法再通过在浏览器上输入内部的域名来随时跟踪开发版本的状况了，只能通过打包代码让产品或领导随时跟踪进度。 这里就涉及到一些问题了： 1，需要打包成zip文件便于传输 2，需要排除一些仅是开发中需要的文件，如node_modules，一些不必 阅读全文
摘要：
安装requirejsnpm install -g requirejs安装好后：找到刚刚requirejs的安装目录，在该目录下找到r.js，并拷贝待压缩合并项目的根目录下在项目根目录下创建build.jsbuild.js 示例{ //The directory path to save th... 阅读全文
摘要：
避免使用tspan样式上display:none无效， visibility:hidden无效，只能使用fill:none或rgba(0,0,0,0)容器不能起到绘图的层级作用，覆盖顺序由先后顺序决定样式都要写到该元素上，父级元素样式不能作用到子集 阅读全文
摘要：
近来前端组小盆友开发的类库越来越多，很多情况下彼此不知道写了些什么方法，为了更好的合作提高工作效率，找了个比较好的api文档生成方法。使用jsdoc-toolkit来自动生成js api文档。一、环境搭建1)首先要安装java环境，如果不太了解的参看：http://jingyan.baidu.com/article/e75aca85b29c3b142edac6a8.html2)安装jsdoc-toolkit下载地址：http://code.google.com/p/jsdoc-toolkit/downloads/list解压下载的压缩包（可以随便指定目录），并进入该目录，shift+鼠标右击， 阅读全文
摘要：
在设计页面的过程中，总觉得div分隔太生硬，网页看上去没有生气。好的设计，应该是第一眼就给观看者传递一种氛围，或者一种产品信息。今天小喵给大家收集的几款网站模板，就是这样的传情达意的优秀设计，以激发一下这方面灵感。东西虽然不多，但希望能刺激一下大家的视觉神经^_^。1, Art & Photography2云朵，飞鸟和树木，草丛的轮廓，是不是很生动？很自然的将header,body和footer分开。2, Beauty & Fashion美人从鲜花中露出半张脸，一眼就能抓住你的目光了吧，而且表明了网站的主题，采用了横向布局将header和body分开。3, Food & 阅读全文
摘要：
来自：友e客从去年开始，眼前就不断掠过到很多关于响应式设计(responsive design)的剪影，有响应式教程，响应式框架，响应式插件，响应式网站模板，响应式网站成品，真是帅的应接不暇。我们项目也收到了响应式设计的需求，然后，就在项目中用bootstrap跟Mr.Responsive(在下是小M，不好意思用了Mr)有了一次亲密接触，就愈发感觉Mr.Responsive的魅力，网站的质量一下子被拉高了一个层次，页面不再是一成不变了，而是看上去很通人性的，随着不同的环境，用最美的方式把页面展现给你。响应式设计赋予了页面生命力。（如果你对这位Mr.Response一无所知，可以先打开这个网站， 阅读全文
摘要：
遇到如此需求，首先想到的是change事件，但用过change的都知道只有在input失去焦点时才会触发，并不能满足实时监测的需求，比如监测用户输入字符数。在经过查阅一番资料后，欣慰的发现firefox等现代浏览器的input有oninput这一属性，可以用三种方式使用它：1,内嵌元素方式(属性编辑方式)<input id="test" oninput="console.log('input');" type="text" />2,句柄编辑方式document.getElementById('tes 阅读全文