浏览器内置的方法
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
,由于其配置参数限制目录结构等,不能满足通用项目需求,现重新造轮子发布;
它的主要功能是:
- 对css文件进行处理,收集切片序列,生成雪碧图
- 在原css代码中为切片添加
background-position
属性 - 生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码
- 支持
image-set
配置高清雪碧图 - 在引用雪碧图的位置打上时间戳
- 在样式末尾追加时间戳
- 按照时间戳命名文件
img{ height: auto; max-width: 100%;}
不过对于视频,这个貌似就有心无力了,不过这难不倒我们,
根据CSS规范,`margin` 和 `padding` 在接受百分比值时,其上下值为相对于元素的宽度...
.Absolute-Center {
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
...
Chrome Store地址:
欢迎拍砖,请轻拍;如有BUG或者意见请在评论区留言,我会及时修正。
...
今天在调一个Applet上传组件,调试IE11时又差点踩坑里了,typeof window.ActiveXObject
返回undefined
了。。。
但是window.ActiveXObject === undefined
又是不成立的。。。
以后靠谱的检测ActiveXObject
需要换成window.ActiveXObject === undefined
,客官可以见DEMO页和本人WIN7 IE11下测试结果:
说到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
参数时...