以下方案仅�?于�?览器环境�?

�?览器内置的方法 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));
}

...
Tags:Javascript

这是一个帮助�?端开�?�工程师将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的份�?�?旧�?少, 。

�?扯,入正题,先看完整DEMO

...

Tags: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