commonjs

During this time, I learned a little bit about ES6 's new specification, and then, on a whim, wanted to try the code written in ES6 to run in the browser.Say to do, first of all, the implementation of my steps (did not think there is a pit!) ） Translate the ES6 code into ES5; HTML files are introduced into the ES5 after translation; Then run in the browser environment; Run in node environment; Then here is some of my directory structure, a preview of a bit.SRC,ES6 Devel

functionfn1 () {5 6 }7 functionfn2 () {8 9 }Ten return { One fn1:fn1, Fn2:fn2 A }; -})();This approach is the basis of our JS modular, technology is endless, with the JS modular technology to improve, has produced different schools, branches; there are two main types: Commonjs and AMDTwo, CommonJS1. Define the module:According to the COMMONJS specification, a single file is a modul

still difficult to read. ③ Single threadNode is single-threaded. If it is multi-threaded, the language is too deep. It is annoying to ask a few words about the communication in the process, but there is no deadlock in the thread.However, there is a problem with performance, because multi-core cannot be used; Module mechanism/CommonJs We used to develop servers. If we didn't organize code well, it would be very difficult to maintain the code later, so

of WebpackIts advantages can be categorized as follows:1. Webpack is writing scripts in the form of CommonJS, but support for Amd/cmd is also comprehensive, facilitating code migration for older projects.2. It is not only JS that can be modularized.3. Easy to develop, can replace part of GRUNT/GULP work, such as packing, compression confusion, picture turn base64 etc.4. Strong extensibility, perfect plug-in mechanism, especially to support React hot

', comment.get); App.delete ('/comments/:id ', comment.delete); App.post ('/comments ', comment.add); App.put ('/comments/:id ', comment.update);Http.createserver (APP). Listen (App.get (' Port '), function () {console.log (' Express server listening on port ' + app.get (' Port '));Red parts are added to their own, the definition of additions and deletions to change the API interface. Code written in compliance with COMMONJS specifications3. Increa

I. modular specifications of js: Server: commonjs Browser end: AMD (abbreviation of "Asynchronous Module Definition", meaning "Asynchronous Module Definition ")Ii. Why AMD The following code var math = require('math');　　math.add(2, 3);You must wait until the math. js loading is complete. Otherwise, the loading takes a long time. Iii. define Define (id ?, Dependencies ?, Factory ); Where: Id: module id, which can be omitted. Dependencies: the depe

passed-in component property Inittext value. Next we bind the onchange event in input, and when this event is triggered, we also modify the value of the State.text as the input control. In this way, the modification of the State.text is achieved, and the modification function of the interface display is achieved.Typescript at compile time we need to configure it, we add the Tsconfig.json file in the project root directory, add the following configuration code in the file:Let's take a general lo

The Commonjs loading module is synchronous, and the AMD module is added to the non-synchronous, allowing for the designation of the callback function. Since Nodejs is mainly used for server programming, module files are generally present in the local, so load quickly, do not need to consider the non-synchronous loading, with COMMONJS can. But the browser is loaded from the server module, which requires the

Node. js exports, module. exports, and ES6 export, export default in-depth explanation, node. jses6 Preface Recently, it is rare to have time. I decided to learn node programming again in a standardized manner. However, the introduction module I see uses the require method, and I think of our ES6 various export and export default. Axi, The heads are all big .... When the head size is over, let's take a look at their scope of use. Require: Introduction supported by node and es6 Export/import

, including front-end engineering and middle Tier.CSDN: as an example of a project you recently participated in, what is the front-end infrastructure like?Zhou Junpeng: take 58 Home Wallet homepage for example, This project belongs to the reconstruction project, the problem that needs to be solved includes: improve the homepage rendering speed, improve the user experience, solve the problem that the development cycle lengthens and the on-line process is not clear caused by the front and back end

First you can look at the official documents, the documentation is the best teacher. Here also has a foreign friend to write the introductory introduction.Webpack is an open source front-end module build tool developed by Tobias Koppers. Its basic function is to package multiple JavaScript files in a modular format into a single file, supporting both COMMONJS and AMD formats. But what makes it unique is that it provides a powerful loader API to define

introduced before the other JS files, so that our next solution is to solve the dependency relationship)Two. JS Module loaderThe new modular approach proposes that the problem of global variables and dependencies is resolved, but the performance aspect can also be optimized.The COMMONJS specification puts forward a new scheme to solve the problems of the global variable pollution and the complexity of the dependency relationship. (at first it runs on

After the ES6 standard is released, module becomes the standard, the standard use is to export the interface with export instruction, import into the module, but in our usual node module, we use the COMMONJS specification, using require to introduce the module, Export the interface using Module.exports. Node's module follows the COMMONJS specification, Requirejs follows the Amd,seajs follow the CMD, althoug

Most of the native configuration from Https://github.com/yanhaijing/fis3-base, the new part of the FIS3 to abandon the component for node_modules, removed some of their own not how to use the functionSet the project Properties Fis.set (' Project.name ', ' fis3-base '), Fis.set (' project.static ', '/static '), Fis.set (' Project.files ', [' *. html ', ' Map.json ', '/test/* ');//introduction of modular development plug-ins, set specifications for the COMMONJ