"5W1H" takes you to learn JavaScript

The last design mode of lectures, from which a lot of learning, not only the technical, more important is how to learn. We learn the technology, technology updates faster than our imagination, for our life-span individuals, how to be able to live in the lifetime can be based on the wave of technology, this should be our thinking problem.

And through this design mode, from the Qing Feng brother Siang body see a lot. Why would he be able to talk about every single point of knowledge for us? Why is he always able to relate several patterns to one piece when explaining each model? Why does he always catch the place we neglect ? (For us, can we do that?) )

And our teachers, can always connect learning with life, life is learning. And the life and study such a blend, understand more profound ; (on weekdays, do we ever think about it?) )

Extreme Learning method, there is a transition between the mode of any thing, as long as you dare to exaggerate, extreme to convert.

How to think: why is anything that can always be picked up by the teacher, making it easy for me to understand? It takes time for us to figure this out.

Then get to the point, learn JavaScript for some time, and now finally struggle out. Take a new approach today (5W1H) to introduce JavaScript-related content.

5W1H (WWWWWH) Analysis method is also called the six-way analysis, is a method of thinking, it can be said to be a creative technique. It is widely used in enterprise management, daily life and learning.

Analysis

What's (What)

is a scripting language!

Used to improve Web pages, validate forms, and more

can be inserted into HTML, and can be performed by all modern browsers

Why (What happens)

There used to be several companies with cattle x, each with its own scripting language that was executed on the browser. Microsoft's Jscript;cenvi, for example, launched Scriptease. Therefore, in order to unify the standard, unified specification has the advent of JavaScript.

Whem (When)

When we want to add interactivity to the Web. And JavaScript is able to respond to user actions in a timely manner and make immediate checks on the submission form.

where (where)

This does not require us to say more, generally used in web pages, to increase the interactivity of the Web page.

How (How to use)

How to use the design to the specific implementation of the part. Take a look at the guide map below.

In the unexpectedly appear VB figure, really is so. Because JavaScript is also in language, any language has its own objects, properties, events. Next, it is some data types, variables, three structures ah, and so on, these are similar to the VB place.

As shown, there is a place where the DOM is different from VB, and where is this sacred?

Introduction to Dom

is a Document object model, that is, through this Document object model, HTML or XML can be translated into a similar tree structure, through this structure, Javas can implement the corresponding operation of the HTML.

With a programmable object model, JavaScript can have enough power to manipulate HTML

• JavaScript can change all HTML elements in a page
• JavaScript can change all HTML attributes in a page
• JavaScript can change all CSS styles in a page
• JavaScript can react to all the events in the page

Compare to Database

Use your thumb to think about how JavaScript is used by the DOM?

If you want to modify a node in the HTML, first check, and then change it? That is to say that some columns and additions to the operation, is it a bit similar to the database of several major functions? As for how to find, how to change? This is the design to the concrete implementation. Think about the properties of some objects or events to manipulate them! Concrete implementation of the operation, as long as the practice of a small demo on OK, to recommend a website, as long as the first knock on a few, OK.

Introduction to DOM

Summary

The above is the entire content of JavaScript learning at this stage. Of course, this is only a simple start, with the subsequent study in depth will continue to improve the deeper understanding of JavaScript.