摘要： 很多人会制作自己的主页，页面美观简洁，一直很在意是怎么做的。 最近公司需要做个文档库的主页，就研究了一些开源的工具，后面发现了jekyll（读杰克尔），将纯文本转换为静态博客网站。 一、Ruby jekyll提供了很多现成的主题可以使用，里面有很多高大上的款式。 官网上面有专门一节是介绍安装的，不过 阅读全文

摘要： 以前曾经记录过linear-gradient（线性渐变）和 radial-gradient（径向渐变）的语法。 可以参考《CSS3中border-radius、box-shadow与gradient那点事儿》 但在实际应用中却不怎么用，主要就是因为自己并没有懂这两个属性的强大之处，再加上自己的想象力 阅读全文

摘要： 在Canvas中如果要添加事件，就需要计算坐标来模拟各种事件，而EaselJS中已经封装好了多个事件，只需调用即可。 一、事件 1）点击 事件是绑定在Shape类中的，click事件与DOM中的意思是一样的，还有个双击事件dblckick，完整的代码可以查看这里。 可以用addEventListen 阅读全文

摘要： 前面曾经记录过Canvas的基础知识《让自己也能使用Canvas》，在实际使用中，用封装好的库效率会高点。 使用成熟的库还能对基础知识有更深入的理解，CreateJS是基于HTML5开发的一套模块化的库和工具，有4个模块，github地址在这里。 最近看到有个中文网，很多API都翻译了出来，不过就是 阅读全文

摘要： 本来是打算参考zepto.js，然后将里面想要的部分抽出来做函数，随调随用。 但后面发现这种写法重复代码太多，代码不整洁，于是就打算模仿下zepto的写法，挑出些比较实用的方法，造一下轮子。 起名叫“iSelector”，已经放到了github上面。 简单的做了封装，本来也想使用“$”相关的符号，但 阅读全文

摘要： 一、预加载 前面做了个招聘页面，里面有大量的图片需要加载。 一开始都是全部写在页面中，在测试环境还看不出很慢，一放到正式环境就不对了。 微信浏览器本来就觉得慢，现在一下子要加载这么多图片，一下子就把屏幕弄白了，过了几十秒后才会完整的出现Loading图片。 这显然是无法忍受的，马上就加了预加载的功能 阅读全文

摘要： 以前就听说过有个库，叫animate.css，但是自己并没有在实际项目中使用过，这次正好要做个招聘页面，得以利用一下这个库，在经常会卡顿的UC浏览器中也能流畅执行。 扫描下面的二维码，可以看到在线的demo页面： 如果对CSS3动画的一些基础概念不是很熟悉，可以参考《CSS3中的动画效果记录》。 一 阅读全文

摘要： 一、榫卯 榫卯（sǔn mǎo），是古代中国建筑、家具及其它器械的主要结构方式，是在两个构件上采用凹凸部位相结合的一种连接方式。 若榫卯使用得当，两块木结构之间就能严密扣合，达到“天衣无缝”的程度，并且不用钉子。 下面这张图来自于山西悬空寺，屋檐下面的那些都是用榫卯做成的，没有用一颗钉子。 二、Ja 阅读全文

摘要： <canvas> 是 HTML5 新增的元素，可使用JavaScript脚本来绘制图形。例如：画图，合成照片，创建动画甚至实时视频处理与渲染。 兼容性方面，除了一些骨灰级浏览器IE6、IE7、IE8等，大部分现代浏览器都能支持。 一、属性与方法 1）属性 <canvas> 看起来和 <img> 元素 阅读全文

摘要： 在Google搜关键字“slider”或“swiper”能找到一大堆相关插件，自己造轮子是为了能更好的理解其中的原理。 给这个插件取名为“veSlider”是指“very easy slider”非常简单的一个滑动插件。 这只是个半成品，仅仅实现了手指滑动、自动轮播、跳转等基本功能。代码撑死了200 阅读全文