摘要： 重所周知，在处理页面的时候，动画会给静态页面带了一些生机，我们也会在制作页面的时候考虑增加一些动画效果，来增强页面的用户体验。但是需要注意的是，不是所有的动画都能增强用户体验，也需要慎重使用动画。时刻牢记一条准则：【要么实用，要么优雅，要么死路一条！】 我在之前也对velocity.js这个动画库做 阅读全文

摘要： 什么是索引？ 索引是表记录的单个或多个字段重新组织的一种方法，其目的是提高数据库的查询速度，本质上就是一种数据结构。 索引的类型：primary（主键）、secondary（其他） 索引的数据结构 Innodb primary key 物理文件： Innodb secondar... 阅读全文

摘要： 需求概述 做一个活动页面，要求：用户在页面录音或者输入文本，然后生成一个H5页面，送出个性化的元旦祝福（新年祝福）。 环境 服务端使用 "thinkjs2.0" 申请微信认证服务号，拥有获取用户信息和网页授权权限，在 "【接口权限】" 中查看 依赖 常规的zepto等js文件和c... 阅读全文

摘要： 概述 为什么开发npm包？ 如何开发？ 如何写单元测试？ package.json 如何发布模块？ 如何使用？ 为什么开发npm模块？ NPM的全称是Node Package Manager，是一个NodeJS包管理和分发工具，已经成为了非官方的发布Node模块（包）的标... 阅读全文

摘要： 情景再现近期发现网站访问变慢，经常会出现请求无法响应的问题，一个请求长时间没有返回，导致页面出现504（Gateway Timeout），我们使用的nodejs+ngnix（反向代理）。猜测原因 服务器内存使用过高，导致服务器处理缓慢？ 并发请求过多导致请求缓慢？...定位问题 查看服务器cp... 阅读全文

摘要： 在做一次活动页面的时候，设计师提出了这么一个想法：希望将一个图片打碎之后，在生成一个手机壳的效果。 最初的想发就是查看一下网上是否有一些成熟的方案可以学习和借鉴，于是找到了一个framentfly.js，感觉整体效果是有那么一点，和自己想的效果还是有差距的。再就是找到奇舞团的博客上有这么一片文... 阅读全文

摘要： 首先我们知道css3中增加了不少好用、好玩的css3样式可以使用。今天我们要说到是遮罩。 它的使用方式也不复杂，和background使用方式差不多。使用mask-image就可以使用，这样就可以通过图片合成一张带有形状的合成图了，不需要直接使用PS处理了。CSS遮罩——如何在CSS中使用遮罩... 阅读全文

摘要： 结合上次提到的velocity的UI Pack存在一下问题：动画名称过长，语意性差使用UI Pack的动画，loop属性会失效无法监听动画完成时机 我这里想到了一种解决思路：动画名称过长，语意性差？这个问题很好解决，生成一些简单、易懂，并且大家都在用的动画名称，我这里主要参考了animati... 阅读全文

摘要： 话说好久没有写博客了，零星的整理了一些东西，没有形成系统，所以也没有在这里记录。 废话不多说了，进入今天的正题。不知道大家是否记得之前写过的一篇文章《制作炫酷的专题页面》，里面提到velocity.js可以实现高效的动画方式。并且支持原生JS和jquery或者zepto的结合，让我们方便的使用... 阅读全文

摘要： 今天再次谈起window.open是因为发现了一个比较好玩的小技巧，详细内容我们稍后详细说明。 聊到window.open，不得不说明一下他的使用方法，主要有两种形式：window.open()没有任何参数，这种方式可以新标签打开页面window.open(url, name, pars)，带... 阅读全文