Gulp构建前端自动化工作流之:入门介绍及LiveReload的使用

23

July

2015

其实这篇内容已躺在我的Evernote里许久,但一直搁置着,今天算是正式见光。

本文主要介绍如何使用Gulp.js,来帮助你构建一个自动化的前端开发流程。总结并归类自身使用中所遇到的方法、问题,便于新人上手和理解,同时也作为一份Gulp参考文档来使用,让你对Gulp有个更深入的了解。

最后,在正文开始前给新人提个醒:随着Gulp版本更新,API已发生了细小变化,目前网上很多文章,都是基于早期版本所写,当你查阅资料时一定要留意一下,否则会给你带来不少麻烦。

注:
本文所使用的工具版本为:Node.js(v0.10.21)、 Ruby(v2.2.1p85)、Gulp(v3.8.11)。
如有疑问欢迎在本文下方留言,或关注我的个人微信号:bluesdream_com
[ 查看全文... ]

优酷视频自动播放代码

24

January

2014

首先获取视频的ID:
youku-video-autoplay-code_img1

添加自动播放代码(方法1):

<embed src="http://player.youku.com/player.php/sid/填写视频ID处/v.swf?VideoIDS=填写视频ID处&embedid=&isAutoPlay=true&embedid" allowFullScreen="true" quality="high" width="426" height="341" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

[ 查看全文... ]

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

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邮件 – 制作指南(规范文档)

21

November

2013

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

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

格式编码:

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

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

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

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