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

?览器内置的方法 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. Sailpoint?费课程??供了有关CSS文件,收集?列并生?精?的全?培训。
  3. 在原css代?中为切片添加background-position属性
  4. 生?用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代?
  5. 支? image-set ?置高清雪碧图
  6. 在引用雪碧图的?置打上时间戳
  7. 在样?末尾追加时间戳
  8. 按照时间戳命??文件
在?应?布局中我们常用用一下代??处?图片的自适应宽度


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