iframe跨域 自适应高度

iframe跨域 自适应高度

09

January

2014

跨域问题是由于javascript语言安全限制中的同源策略造成的。出于安全方面的考虑,不允许跨域调用其他页面的对象。

例如:a域名下,www.a.com/index.html需要引用b域名下,www.b.com/quote.html页面,但引用的这个b域名下页面里面内容高度不确定。此时就需要双方技术共同解决,利用iframe和location.hash方法。

在a域名下,添加一个判断页agent.html,添加以下代码:

<script>
function  pseth() {
     var iObj = parent.parent.document.getElementById('iframeB'); //A和main同域,所以可以访问节点
     iObjH = parent.parent.frames["iframeB"].frames["iframeA"].location.hash; //访问自己的location对象获取hash值
     iObj.style.height = iObjH.split("#")[1]+"px"; //操作dom
}
pseth();
</script>

[ 查看全文... ]

主题更新:Less is more v2.0 Preview

主题更新:Less is more v2.0 Preview

24

December

2013

说来很巧,这次的改版是在12月13日完成并更新,正好与Wordpress 3.8不期而遇。但由于最近比较忙,更新日志今天才得以发布。

Less is more 2.0 Preview 更新说明:

  1. 延续之前版本的扁平化设计理念。
  2. 网站默认宽度改为1320px。
  3. 完善响应式布局。
  4. 以CSS3和FONT-ICON为主要效果呈现方式,基础样式中,不再使用任何图片。
  5. 放弃对IE6的兼容,对不支持CSS3浏览器(如IE7/8),仅保证正常显示。
  6. 优化部分CSS3动画。
  7. 主题模板结构优化。
  8. 热门标签改为随机显示。
  9. 评论列表样式调整。
  10. 使用Markdown on Save Improved插件。
  11. 修复近期由于评论过滤,所出现的问题。

中国、美国 空气质量指数 (AQI)标准和健康建议

06

December

2013

最近上海的雾霾十分严重,已经高调的从魔都升级为雾都,关心空气质量的人越来越多,有必要科普下相关内容。

美国AQI指标介绍:
美国环境保护局开发了一个可以把PM2.5读数转化为空气质量指数的公式,有助于告知与健康有关的决策。比如说,空气质量指数为50代表空气质量优,对公众健康几乎没有影响。当指数为大于300时,代表有害的空气质量。值得注意的是,空气质量指数不同于在中国使用的空气污染指数。

美国AQI指标空气质量分级:
绿色(优)、黄色(适中)、橙色(对敏感人群敏感)、红色(不健康)、紫色(很不健康)、褐红色(危险)。

  健康 (0-50)

  中等(51-100)
特别敏感的人群应该考虑减少长期或沉重的负荷。 [ 查看全文... ]

EDM邮件 – 制作指南(规范文档)

EDM邮件 – 制作指南(规范文档)

21

November

2013

EDM(Email Direct Marketing)即:Email营销、电子邮件营销。

专业的EDM邮件发送,是有严格的制作要求的,本指南从格式编码、文字、图片及链接四个方面给出指引,请逐条按照本指南制作您的EDM邮件模板。

格式编码:

1、页面宽度请设定在600到800px以内,长度1024px以内。

2、HTML编码请使用utf-8。

3、HTML代码在15KB以内。(各个邮箱的收件标准不一样,如果超出15KB您的邮件很有可能会进入垃圾箱) [ 查看全文... ]

Grunt插件之LiveReload_实现页面自动刷新,所见即所得编辑

Grunt插件之LiveReload 实现页面自动刷新,所见即所得编辑

20

November

2013

苦B的前端每次在制作和修改页面时,都有一个特定的三部曲:coding-save-F5。很多时候都希望自己一改东西,页面就能立刻显示,而现在LiveReload就能做到这点。

LiveReload会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面。但如果你修改的是CSS或者图片,页面内容会即时更新,无需重新加载。这样我们不用每次修改文件后,都要去按下F5刷新页面,而是直接就能显示,有点类似所见即所得的编辑模式,特别适合使用双屏coding的人。另外同时结合Sublime text和Emmet LiveStyle,能提高不少开发效率。

LiveReload安装前的准备工作:

安装Node.jsGrunt,如果第一次接触,可以参考:Windows下安装Grunt的指南和相关说明,根据步骤操作,创建完package.json 和 Gruntfile.js这2个文件就行。

接下来,开始配置LiveReload所需要的环境和相关插件。这里所提供的有两种安装方案,根据自己需求进行选择。 [ 查看全文... ]

Windows下安装Grunt的指南和相关说明

Windows下安装Grunt的指南和相关说明

13

November

2013

Grunt基于Node.js,其中 npm 是 Node.js 的包管理器,而Grunt和Grunt插件就通过 npm 安装并管理。

Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。

安装Node.js:
Node.js官网,点击INSTALL下载并安装,现在的Node.js会自动安装npm。

安装完成之后,打开命令行,进行后续的操作(开始->输入CMD 或 开始->所有程序 ->命令提示符)。

进入Node.js的安装目录(默认路径为"C:\Program Files\nodejs"):
cd \pro*\nod*
[ 查看全文... ]

无觅相关文章插件,快速提升流量