最近的文章列表

前端开发攻城狮之开发规范文档

规范目的

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.

基本准则

符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的 解析速度.

...
2013/4/22 Comments:
22个优秀的前端框架

1. Ember 

 

Ember是一个雄心勃勃的Web应用程序,消除了样板,并提供了一个标准的应用程序架构的JavaScript框架。

Ember

...
2013/4/16 Comments:
第三届北京国际电影节电影嘉年华(怀柔)活动

4月17日起,为期两周的第三届北京国际电影节电影嘉年华(怀柔)活动,将在怀柔区星美今晟影视城举办。

届时,市民可以在现场体验并参与新概念电影主题屋、零距离银幕人偶全接触等多项异彩纷呈的主题活动。

怀柔电影嘉年华活动设有5大功能游园区4个电影主题广场12个电影小屋5个主题日

...

2013/4/16 Comments:
JavaScript中Function Declaration与Function Expression 或者说 function fn(){}和var fn=function(){} 的区别

JavaScript是一种解释型语言,函数声明会在JavaScript代码加载后、执行前被解释,而函数表达式只有在执行到这一行代码时才会被解释。

在JS中有两种定义函数的方式,

1是:var aaa=function(){...}

2是:function aaa(){...} 

var 方式定义的函数,不能先调用函数,后声明,只能先声明函数,然后调用。 

function方式定义函数可以先调用,后声明。

...
2013/4/13 Comments:
Object.prototype.toString.call() 区分对象类型 typeof区分不了[] {}

在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object” 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “object” 字符串。

要想区别对象、数组、函数单纯使用 typeof 是不行的。或者你会想到 instanceof 方法,例如下面这样:

...

2013/4/12 Comments:
指定IE的文档兼容模式 meta X-UA-Compatible EmulateIE7

先来看一下朋友网是怎么指定IE的文档模式的:

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7, IE=9">
...

2013/4/10 Comments:
兼容Chrome、FF、IE浏览器的复制粘贴方案

也许你在网上冲浪时,经常会在使用复制按钮时,出现下图的情况:
(图)

出现这种情况的原因是:浏览器兼容性的问题,那么来看看前端开发人员是怎么处理的,一般代码如下:

/**
...
2013/4/7 Comments:
jQuery滚动条定位跳转插件(jquery.scrollto.js)

使用方法:
$("被点击元素选择器").scrollTo("目标","speed","setting" );
$.scrollTo("目标","speed","setting" );//网页初始化后立刻滚动

目标选择器可以使选择器,"top", "bottom"
...

2013/4/7 Comments:
收集23个web免费的图表、流程图工具

HTML5让画图更轻松了,但要考虑IE9以下版本,饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息,并可展示两个实体之间的关系。而这些图形如果用Web上则有助于吸引访客的注意力,并有效地解释相关数据。在这里我们推荐一些很棒的工具,你可以通过点击创建非常直观的设计流程图和图表。针对IE全面支持HTML5的解决方案:explorercanvas (HTML5 Canvas for Internet Explorer)

...

2013/4/7 Comments:
父页面调用iframe里的js函数(contentWindow)和dom元素(contentDocument)

父页面调用iframe里的js函数:

document.getElementById('iframedemo').contentWindow.demofunction(); //与下边一句等价
window.frames['iframedemo'].contentWindow.demofunction();
其中iframedemo是iframe的id,demofunction是iframe里的js函数名

...
2013/4/3 Comments: