摘要：
@update 文章下方有更新，提到了更多全屏的知识以及错误的矫正。页面全屏是一个体验非常棒的功能，他可以让你的视觉焦点聚集在你想关注的元素块上。很多浏览器都支持全屏，按下 F11，哦了！ 页面全屏了~但是本文要说的并不是这种全屏。当页面中有个小 DEMO 或者小游戏要展示的时候，用户期望，这个 DEMO 或者游戏可以在全屏下展示，本文就教你如何来展示。如果你是非 IE 浏览器进入的该页面，你可能已经看到了页面上发生了一点小变化，多个东西：没错，多了个“进入全屏”的按钮，这就是本文要介绍的内容！本文地址：http://www.cnblogs.com/hustskyking/p/javascri 阅读全文
随笔分类 - Javascript plugins
JavaScript多文件下载
2014-02-12 21:50 by Barret李靖, 40718 阅读, 收藏, 编辑
摘要：
对于文件的下载，可以说是一个十分常见的话题，前端的很多项目中都会有这样的需求，比如 highChart 统计图的导出，在线图片编辑中的图片保存，在线代码编辑的代码导出等等。而很多时候，我们只给了一个链接，用户需要右键点击链接，然后选择“另存为”，这个过程虽说不麻烦，但还是需要两步操作，倘若用户想保存... 阅读全文
JavaScript模板引擎原理，几行代码的事儿
2013-12-03 16:35 by Barret李靖, 33504 阅读, 收藏, 编辑
摘要：
一、前言什么是模板引擎，说的简单点，就是一个字符串中有几个变量待定。比如：var tpl = 'Hei, my name is , and I\'m years old.';通过模板引擎函数把数据塞进去，var data = { "name": "Barret Lee", "age":... 阅读全文
玩转正则之highlight高亮
2013-10-07 05:16 by Barret李靖, 5024 阅读, 收藏, 编辑
摘要：
程序员在编写代码的时候少不了和字符串以及“查询”打交道，两者的交集中有一个叫做正则表达式的的东西，这家伙用好了可以提高编程效率，用不好的话...你可以先去好好学一学。 关于正则的使用，举个简单的例子：var m = location.href.match(/(\w+:)\/{0,3}([^\/]+)(?:(\/[^\?#]*))?(?:(\?[^#]+|.+))?(?:(#.*))?/);var res = { protocol: m[1], host: m[2], path: m[3], search: m[4], hash: m[5]};console.... 阅读全文
那些年，我们一起玩过的响应式布局
2013-08-11 12:17 by Barret李靖, 2688 阅读, 收藏, 编辑
摘要：
博客园的资源很丰富，也很精彩。不过这些精彩的东西放到一些移动终端上阅览就不堪入目了，体验相当不好。你可以忍受每一次打开博客，还得放大屏幕阅读么？整个屏幕都挤满了很小很小的文字，反正我是受够了。所以，我们需要改变！！！ 先看看什么是响应式布局，你所看的这篇文章就是采用响应时布局~ （现代浏览器才能看到效果）什么是响应式布局我的理解就是，为了让用户享受更好的体验效果，给用户展现最有价值的信息，让同一个页面在不同终端上有不一样的展现效果。比如你正在阅读的这篇博客，当你缩小（放大）浏览器窗口时（先滚动顶部，因为顶部做了比较多的修改，效果比较明显），你会看到这些神奇的效果。正常情况下，顶部是这样的：稍微 阅读全文
一个不陌生的JS效果-marquee,用css3来实现
2013-07-26 22:25 by Barret李靖, 15533 阅读, 收藏, 编辑
摘要：
关于marquee，就不多说了，可以戳这里。毕竟他是一个很古老的元素，现在的标准里头也不推荐使用这个标签了。但平时一些项目中会经常碰到这样的效果，每次都是重新写一遍，麻烦！JS类实现marquee今天倒弄了一个类，还不全，打个草稿吧~ 下次就凑合着用吧。DEMO在这里，戳我/*** @author 靖鸣君* @email jingmingjun92@163.com* @description 滚动* @class Marquee* @param {Object}*/var Marquee = function(){ this.direction = "top"; this. 阅读全文
解读jQuery中extend函数
2013-07-20 13:59 by Barret李靖, 2637 阅读, 收藏, 编辑
摘要：
$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ] );//console.log(window.a);//window.location.reload();$.extend.apply( null, [ true, { "a" : 1, "b" : 2 } ].concat( { "c" : 3, "d" : 4 } ) );//console.log(window.a)一、问题： 1. null在这里是干啥？ 2. w 阅读全文