The understanding of JS series-js and JS related technology

In fact, this blog should be written before the JS, now is the content of it, I write is their own understanding, not to invent, of course, many will not remember, wrong timely put forward Ah! I write the time is also write useful, do not write an idea of the stuff, like what JS that year, who wrote these, we respect the creator, but with someone else to mention the first time to take is a bit stupid!

1.js of understanding

As long as the web, we do not use JS, you will also hear that Js,js is a loose language, the wording is not very strict, JS contains three parts: Dom,bom and ECMAScript. Dom and BOM we've already covered it,

dom:http://my.oschina.net/u/2352644/blog/489384

bom:http://my.oschina.net/u/2352644/blog/490636

ES has not been introduced, in fact, ES is the most important, we use the DOM as an example, create variables, use for loop, if judge these are ES syntax, no es,dom and BOM is really low off, the core of the project is the language, the core of the language is the function, ES may take a long time to add to the blog, the recent busy to change work, ha ha, change the work must be busy Ah, new places mercilessly performance, can be pushed down next year to write. But in addition to ES, the JavaScript-related UI Framework (JQUI,BOOTSTRAP) and JS class library (Zepto.js) are soon introduced, as well as the core function of ES will also write a piece of content.

Class Library for 2.js

The concept of class, for the understanding of the language is not unfamiliar, java,php have, but JS does not have a real class, JS class is generated by the constructor function of the class,

What is a constructor, go to see my blog, the introduction of JS function.

We have been in the development of the use of class library, jquery is the class library of JS, and almost become an essential site, the role of the library is rapid development, JS we know that there are a large number of compatibility problems, we learn the DOM is deeply experienced, a variety of ability to detect the processing, Class library for us to deal with these problems, we can less a lot of code, call the JQ written interface is good, for the development speed played a very important role, if you do not use JQ, how do you feel the development project?

JS Class Library In addition to our most familiar with the JQ, in fact, there are many, such as MOOTOOLS,ZEPTO,EXTJS, each class library has its own advantages and disadvantages, and so we know, will be through experience to know what this project to use!

As I said, the JS class is generated by the constructor function, and JS's constructor code

function Sha (name,sex) {

This.name=name;

This.sex=sex;

},

We compare the normal function, see this, we now know the shape is good.

3.js Plug-in

Class Library Plug-in silly, our project will often use a large number of JQ-based plug-ins, such as focus map, date, form verification, and so on, we are not based on JQ, JS is also can be developed, I am here to introduce the plug-in, mainly refers to the extension based on JQ, all for common development understand, plug-in and , all for the rapid development, to avoid every time is to drive to build wheels.

4.js related technology, mv* framework

We've introduced a very popular MVC framework, Angular.js, our project, will use Ajax to deal with the data, so that the interaction is better, each time to write Ajax, and then bound to the label, if a page has a lot of this processing, we will see a large amount of Ajax code, very confusing!

In order to make the structure clearer, the code is more elegant and neat, a kind of binding into AJAX data and binding data to the Tag JS function class library should appear!

This implementation of the dual-binding technology is the JS MVC framework popular with anjular.js and Backbone.js,

Anjular.js's introduction is here http://my.oschina.net/u/2352644/blog/488777

5 . JS-related technologies, UI components

We are in the development, may lack of design links, but also hope that their projects are more beautiful, we will be eager to hope that there is a html+css+js written technology, which has a large number of frequently used page structure is defined, we dragged into the need of HTML tags appear very beautiful appearance.

UI components appear, whether it is the structure of HTML or the performance of CSS, or the common JS Interactive effects (popup, validation, date, etc.), only need to drag into the specified HTML and the corresponding processing properties will be automatically completed.

UI components we used to have Jqui, the inside of the drag-and-drop function is very powerful. The bootstrap of multiple devices solves the problem of difficult to write CSS3 response, as well as the JQ-based

JQ Easy UI is mainly used for background pages, JQ mobi is mainly mobile page, there are very powerful extjs and so on.

6 . Service-side JS

Using JS to do the development of the background language, we were not able to, but today his development has been in the field of importance, Nodejs this single-threaded non-blocking technology.

Installation of Nodejs http://my.oschina.net/u/2352644/blog/487488

Nodejs uses JS syntax, the underlying is C and C + +, using the COMMMONJS specification, with the help of Nodejs we can build all the JS grammar-based projects.

7 . Hybrid app (hybrid application) development

Before we get to know him, we first know about the technology

WebApp, this is very popular these years, we do a good site, through the conversion tool, can be directly generated app this software application, through the HTML+CSS and JS technology development, we can try to put their own web site into a web app application, the Web performance is very poor, You shouldn't do it, you do it, hey.

Baidu's Conversion WebApp tool http://siteapp.baidu.com/

Nativeapp, the local app development, that is, Android is using Java,ios with iOS language development app, compared with WebApp, this is more troublesome, an app to use 2 language to 2 platform to achieve, but this is also the most, in addition to cross-platform, Performance and other have the absolute advantage

Hybrid app, this technology in the above 2 performance, cross-platform good, performance also can, this development technology has done the local function method JS implementation, that is, with JS and local language mapping. For example, in iOS may call Objapen is to open the camera, we do a mapping, JS also encapsulates a Objopen method, call this JS method, just internal link to the iOS language method of processing, indirectly open the iOS camera.

For mixed apps, the development tools are Hbuilder PhoneGap Salama and so on.

We learn JS can do page behavior layer effect implementation, can be AJAX asynchronous processing data, can do the service side, can develop the app, of course, there are many!!!!!!

The understanding of JS series-js and JS related technology