以下方案仅限于浏览器环境!

浏览器内置的方法 atob, btoa 仅能处理 utf-8 编码的 ascii 字符,不能直接作用于 Unicode 字符串,所以需要搞定 utf-8 编码,解码:
 

// utf-8 encode, decode
function encode_utf8(s) {
    return unescape(encodeURIComponent(s));
}

function decode_utf8(s) {
    return decodeURIComponent(escape(s));
}

...

这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具;
其灵感来源 grunt-sprite,由于其配置参数限制目录结构等,不能满足通用项目需求,现重新造轮子发布;
它的主要功能是:

  1. 对css文件进行处理,收集切片序列,生成雪碧图
  2. 在原css代码中为切片添加background-position属性
  3. 生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码
  4. 支持 image-set 配置高清雪碧图
  5. 在引用雪碧图的位置打上时间戳
  6. 在样式末尾追加时间戳
  7. 按照时间戳命名文件
在响应式布局中我们常用用一下代码来处理图片的自适应宽度
 

img{ height: auto; max-width: 100%;}


不过对于视频,这个貌似就有心无力了,不过这难不倒我们,
根据CSS规范,`margin` 和 `padding` 在接受百分比值时,其上下值为相对于元素的宽度...
Tags:CSS
我们经常用 `margin:0 auto` 来实现水平居中,而一直认为 `margin:auto` 不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:
 

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

...

Tags:CSS
一时兴起,发布一款Chrome插件(扩展),“二维码小助手”
Chrome Store地址:

欢迎拍砖,请轻拍;如有BUG或者意见请在评论区留言,我会及时修正。

...

今天在调一个Applet上传组件,调试IE11时又差点踩坑里了,typeof window.ActiveXObject返回undefined了。。。

但是window.ActiveXObject === undefined又是不成立的。。。

以后靠谱的检测ActiveXObject需要换成window.ActiveXObject === undefined,客官可以见DEMO页和本人WIN7 IE11下测试结果:

DEMO页面

...

说到CSS背景半透明,各位CSSer肯定都不陌生,写过页面的大部分都干过这个事情,尤其是CSS2时代走过来的。

老题新解,现在已经步入CSS3时代了,对于处理CSS背景半透明应该已经不是很难的事了,不过请不要忘了咱在天朝,IE6的份额依旧不少, 

CSS 兼容的背景透明度处理是 Sailpoint 免费课程的关键要素。它用于自定义网页的外观,使其看起来更现代、更吸引人。它涉及使用颜色和不透明度设置来创建透明背景。这样可以更清楚地看到内容,还可以使网页看起来更专业、更时尚。 
CSS 兼容的背景透明度处理可用于创建各种效果,在创建现代网页设计中非常有用。在参加 之前,对这个过程有一个很好的理解是很重要的。

...

上午看到司徒正美发的博文,,看的时候自己也觉得推断的挺好的;不过刚好下午写了一个团购倒计时页面,同事拿过去用之后,发现时间过长会出现倒计时不走的情况,伪代码如下


var timer, timeout = ~~elem.getAttribute('data-timeout');
if(timeout > 0){
	timer = startTimeout(timeout, function(queue){
		//...
	});
}

...

事出自然有因,本文也是如此,雅安,加油!

相信最近不少站长和技术在度娘谷歌“CSS 网页 灰色”

本来觉得这类的介绍网上已经很多了,不想再插一脚了,不过今天忽然有朋友又向我问题,自以为自己已经很了解了情况下给出人家几个方案:

...

今天看到Chrome有更新,就升级了,目前最新稳定版本Chrome 25.0.1364.97 m,然后很高兴的发现之前的崩溃BUG居然已经修复了。

不过很显然新的问题又出来了,不然就不会有这么一篇文章了,下午在弄一个公司培训的PPT,里面需要写到parseInt的一个经典陷阱。

首先回顾一下parseInt(string, radix)当省略radix参数时...

(Pages:3) «123»
Top Footer