摘要:
最近在读一本经典书《高性能网站建设进阶指南》。 虽然书籍很多年前就出版了,但里面的内容还是耐人寻味,这次就好好的实践了一下。 纸上得来终觉浅,绝知此事要躬行,实践中将会发现一些问题。 有个官方网址《Even Faster Web Sites》,点击“Run the Examples”按钮,就能进入在 阅读全文
摘要:
最近公司要制作个文档库,直接就可以将jekyll应用到实际中。 模版使用了Jekyll Clean,这么模版相对内部简单一点,学习成本不会很大,而复杂的Minimal Mistakes就当作参考。 模版使用的CSS是Bootstrap v3.2.0版本的。为了省时点,a56爆大奖在线娱乐就直接将Bootstrap官网 阅读全文
摘要:
很多人会制作自己的主页,页面美观简洁,一直很在意是怎么做的。 最近公司需要做个文档库的主页,就研究了一些开源的工具,后面发现了jekyll(读杰克尔),将纯a56爆大奖在线娱乐转换为静态博客网站。 一、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中的动画效果记录》。 一 阅读全文