31款轻量级开源JavaScript插件和库 快速提升效率

31款轻量级开源JavaScript插件和库 快速提升效率
不管你想创建一个图片库、一个滑动效果,个性化菜单还是其他接口元素,你都可以用这些插件和库轻易的实现。同时,你还可以使用这些插件为网站增加出色的功能,例如GIF和图片预览、吸引人的网站图标及其他。

阅读全文>>

阅读全文...

讲一讲 Canvas 究竟是个啥

讲一讲 Canvas 究竟是个啥
HTML5 的标准已经出来好久了,但是似乎其中的 Canvas 现在并没有在太多的地方用到。一个很重要的原因是,Canvas 的标准还没有完全确定,不适合大规模用在生产环境。但是,Canvas 的优点也是很明显的,例如在绘制含有大量元素的图表的时候,SVG 往往因为性能问题而无法胜任,例如我见过的一次技术分享会的抽奖环节,虽然效

阅读全文>>

阅读全文...

javascript操作cookie函数写法

javascript操作cookie函数写法

以前应该都是用PHP操作Cookie,或用JQ的插件-jQuery.cookie。今天写个简单的页面,想着直接用JS操作一下,现在记录下方法。

实现的功能是:

1、先检测该Cookice是否存在,如果不存在则执行一个自定义函数。

2、执行完自定义函数后,写入Cookice,周期有24小时。

代码如下:

var strCookie=document.cookie;
//将多cookie切割为多个名/值对
var arrCookie=strCookie.split("; ");

阅读全文>>

阅读全文...

前端工程师新手必读

前端工程师新手必读

      公司招了几个刚毕业的学生,作为重构的新手让我来带。

  首先感谢感谢党、感谢国家、感谢公司给了我这样的一个机会,对我工作的肯定和认可,让我带这样的一个重构团队,同时我也明白任务的艰巨,但我一定会将工作做好,不负公司对我的期望。(哈哈,好像从小到大,老师都是教育我们要这样先说的。)

  在网站的发展史上,初期的网站建设根本不需要网页重构这个职位,WEB1.0时代的网页,只需要程序员,一堆堆的表格嵌套就完成,或者美工进行配合完成,先由美工负责设计好,再用一些自动化的软件拉伸几下,直接将设计好的图就可以通过软件输出表格的布局了,根本不需要重构这个多余的职位。随着WEB2.0的到来和W3C的规范得到世人的认可,内容和样式的分离更方便进行开发和维护,传统的表格布局和内容混排的方式逐渐地被淘汰,美工已不能完全一手包办越来越复杂的效果和高要求的页面布局了。此因催生了一个新的职位——前端工程师。

阅读全文>>

阅读全文...

Minify优化网站性能 合并多个CSS或者js文件

Minify优化网站性能 合并多个CSS或者js文件

      今天在看dbRadio Plus时,发现里面有<link href="/FileCombine?Minify=true&FileType=CSS&RootPath=/Content/stylesheets/&File=Gobal.css&File=intro.css" rel="styleshstylesheet" type="text/css" />一段,想到CSS可以这样写?这无疑是合并了多个css,减少请求次数和时间的一个方法。就开始搜索Minify。

项目地址:minify(Google Code)

作用:合并(减少HTTP请求)、精简、Gzip压缩和缓存JavaScript和CSS文件。

阅读全文>>

阅读全文...