Front-end engineering of personal reflection

Front-end engineering of personal reflection

In my mind, the mention of software engineering, the first thought is not the front end of this one, probably because the previous work tend sake. This is the greatest feeling is soon two years of front-end development, front-end development nowadays too far to pull some jQuery code from the network will be able to get such a simple function.

AJAX request will appear for the first time the front end of an asynchronous, partial refresh to enhance the user experience by a mile. Developments will be the front end of NodeJS to a climax, based on a large number of V8 engines, based on the NodeJS development tools stand out, to enhance the efficiency of front-end development speed of the effect.

The following several ways to think of some sort near the front of the stage on the next, for reference only, welcome to the discussion in the comments section.

Front-end engineer jobs

Whenever the size of a little team, development before and after the end of the separation is inevitable. Prior to the development of front-end post who are mostly part-time by the back-end developers, the web production staff will be made after the static effect, handed over to the back-end developers to embed dynamic power into it. The team also has to do now, of course, this is not the highest efficiency. Front-end engineers appear independent positions, the front-end engineering with a step closer. This part of full-time engaged in front-end development, without having to care about how the backend data is assembled, how to deal, how to store, the more energy into the terminal to show it.

Browser-oriented programming

(Before been prepared to write an article called "wage-oriented programming") The word is indeed the last month have only been exposed to a new term, was tortured ie6 friends believe it is able to understand the meaning behind. The emergence of various browser terminals, and to a lot of non-compliance with JS / CSS specification form, leading to a variety of browsers have to consider when developing a terminal to show different versions of the browser compatibility. Today, the development of front-end technology is sufficient to solve the problem. Produced Babel, the programming language can only concern when building, generated by the low version to meet low JS version compatibility. PostCSS The advent of CSS also need not worry about the development of multiple versions, compatibility with many types of browsers, while good news, is also active in various browsers to the norms, move closer to the standard, so that the terminal can show more consistent.

Development efficiency

JS nowadays a large number of outstanding development framework, scaffolding, JS will develop to unprecedented heights, pure jQuery friends have less of it, turning Vue, React, ng2 embrace it. Yoeman, Vue-cli such as scaffolding tool that lets you easily build a front-end project. CSS pre-treatment, pre-compiled this framework is weak programming language programming capability added, less, sass has been used in many projects. The processor is an essential human task, gulp, webpack almost into a modern front-end development have greatly emancipated. When localization development, through the event listener directly hot deployment presents the results to the terminal without having to repeatedly refresh the page, clear the cache refresh the page. Mock is the emergence of the front end and the rear end Development Development isolated, no mutual constraints.

Modular components of

Mention always the modular engineering, mentioned a modular, component-based seems to be necessary, this is dependent on a ring set a ring. But it is also quite easy to implement, especially those with duration of project engineering, delivery of the first, if not the delivery end of the subsequent upgrades, the basic modular components that will not be based optimization. Product more suitable projects, with the function iteration advance, more conducive to the development of modular decoupling, increase reuse of post-maintenance and very friendly.

Node's emergence, the modular easier, you will find a modular project, require, import, export applications so frequently, CommonJS, AMD / CMD before ES6 the modular R & D plays an important role. ES6 more original gifted supports modular, (ECMAScript referred to as ES, JavaScript is only one implementation of the ES).

To help make learning easy, efficient and free for everyone to share a large number of resources to help you become the front-end engineers, and even the way through the clutter full stack engineers. We are here to recommend a full-stack Learning Exchange front-end circle: 784783012 Welcome to flow into ××× discussion, learning exchanges and common progress.
When the real beginning of learning will inevitably do not know where to start, leading to inefficiencies affect confidence to continue learning.
But the most important thing is I do not know what needs to master key technologies, frequently stepped pit learning, end up wasting a lot of time, it is effective or necessary resources.

Guess you like

Origin blog.51cto.com/14284898/2404837