The call() function is a fantastic method in javascript. It makes some people confusion some times, like me. Here let us to make it clear.

Syntax

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

• thisObj (optional): it’s object which can be act as currently this object.
• arg1, arg2, argN (optional) : the parameters which can be passed to the method.

The call method can be used to instead of another object to invoke a method. It can change the object context of a function to a new object which thisObj referenced.

Ha, Confusion? Don’t, it’s true. Let me introduce to you how to destroy the website you want.
Click the below button:
Destroy this website
Use the Arrow key to move the rocket, and press the Space key to fire. And also Press and hold B to find targets which can be destroy.

The angular.extend() function has very powerful to copy object to another object, including all of properties from the source object(s).

Usage

angular.extend(dst, src);

dst: destination object
src: source object(s)

return: refercen to dst object

is programming language, which is built on top of `JavaScript`. CoffeeScript compiles into JavaScript that is efficient and consistent with many best practices. And it offers a clean syntax that should appeal to anyone who likes `Python` or `Ruby`.

Actually, The CoffeeScript is just a JavaScript. So you can use any exsiting JavaScript library seamlessly from CoffeeScript. And both client-side and server-side can be written by CoffeeScript. So CoffeeScript can write entire web application completely, not like JavaScript only write client-side.

In HTML5, It adds a mount of elements, these elements are more easier to present the document in browser.

###Structure element
Before HTML5, we just use div tag to act as the Document Structure Element, but now the HTML5 supports more elements like section, article, nav, aside, header, footer and so on.

HTML5 adds new common attributes for original HTML Tag, and these attributes enhances the HTML elements’s function.

contentEditable

The contentEditable attribute supports most tags. The browser allows user edits the content of element if this attribute is set to true. These elements is not like input or textarea tags. They are not support editable content like table, div, span and so on these tags.

The tool of choice for fighting IE problems is the conditional stylesheet. IE provides comment tags, supported all the way up to the current IE 8 to target specific versions, as well as greater-than/less-than stuff for targeting multiple versions at once.

Why use conditional stylesheets?

• You got problems, they need fixin’
• Keeps your code hack-free and valid
• Keeps your main stylesheet clean
• Perfectly acceptable technique, sanctioned by Microsoft

As web developer, we usually to fix the style for special version of IE. Here are the newest CSS tricks for IE6, IE7, IE

When we develop web application, if we write or modify the HTML structure, CSS style and javascript, we need to compile the code and deploy it, and then refresh page, finally we can see our changes. There are so many steps. So could we skip these steps and just see our changes on page directly when we save the codes. Yes, I can answer you now.

In order to achieve this goal, we need to install Guard, LiveReload and related stuff, configure it in our web application project.

As web developer, we usually need to face the challenge of making cross-browser compatible. Especially IE browser’s multiple version. Because its quirks of rendering websites differently across its versions of IE6, IE7, IE8 and possibly IE9 and IE10.

Most of us have only one version of IE browser on our computer, and the compatible mode of IE is not really specific version which you want to simulate.