摘要: 本文主要说明在用AngularJS开发web应用中如何实现lazyload,使用AngularJS需要在前端实现路由功能,本文就介绍利用此点实现前端资源的懒加载。问题目前大部分AngularJS的应用用requirJS组织模块,但是很多都没有使用lazyload功能,在app.js中启动时将全部依赖... 阅读全文
posted @ 2015-01-06 14:20 fenglang 阅读(8258) 评论(4) 推荐(3) 编辑
摘要: 通常情况下实现跨域iframe通讯,一般都是利用iframe页面再嵌套父域的代理页面来实现参数的传递。下面介绍怎么用html5的postmessage来实现跨域通讯。postMessage是html为了解决跨域通信,特别引入的一个新的API,目前支持这个API的浏览器有:Firefox, IE8+, Opera, Safari, Chrome。postMessage允许页面中的多个iframe/window的通信,postMessage也可以实现ajax直接跨域,不通过服务器端代理。这里实现一个跨域iframe高度自适应demo来说明postmessage的使用在www.a.com域的inde 阅读全文
posted @ 2013-11-11 14:44 fenglang 阅读(2084) 评论(0) 推荐(0) 编辑
摘要: 背景www.a.com 域下面index.html嵌入www.b.com 域下的content.html页面,此页面会动态变化。要求:content.html内容为空时,隐藏iframe。content.html内容变化时,嵌入iframe的高度自适应。思路现有主界面index.html在域a下,被嵌套页面content.html在域b下,被嵌套页面content.html又嵌套一个在域a下的代理页面agent.html。当用户打开浏览器访问index.html的时候载入content.html,触发content.html的onload事件获取其自身高度,然后content.html载入ag 阅读全文
posted @ 2013-11-07 17:32 fenglang 阅读(612) 评论(0) 推荐(0) 编辑
摘要: Grunt是什么 grunt是基于nodejs的 前端工程构建工具。一位牛人的话“前端80%是工程问题,20%是技术问题”,grunt就为了解决前端开发的工程问题的。官网站点:http://gruntjs.com/使用前提安装nodejs 环境 下载与系统对应的安装文件,window下下载Windows Installer (.msi)。 官网: http://nodejs.org/ 双击安装,一路next就可以了。安装后在cmd里运行:node –v 检查是否安装成功。如果有问题,查看环境变量path中是否有nodejs的安装路径配置。 2. 了解npm Npm是一个No... 阅读全文
posted @ 2013-10-28 11:35 fenglang 阅读(689) 评论(0) 推荐(0) 编辑
摘要: 前言 最近参与一个js代码是CoffeeScript写的项目,就去学习了,本文主要介绍下CoffeeScript,对其优势做些分享。CoffeeScript是什么 引自维基百科的介绍,"CoffeeScript是一套JavaScript的转译语言。受到Ruby、Python与Haskell等语言的启发[1],CoffeeScript 增强了 JavaScript 的简洁性与可读性。此外,CoffeeScript 也新增了更复杂的功能,例如列表内涵(List comprehension)、模式匹配(Pattern matching)等。一般来说,CoffeeScript 可以在不影响执 阅读全文
posted @ 2013-07-07 22:53 fenglang 阅读(597) 评论(0) 推荐(0) 编辑