With the Internet fast becoming part of everyday working life, for professional engaged in the Internet also have a more clear positioning: design, front-end development, back-end, editors, operators, and so on. Here we are at an angle of front-end development staff to look at what skills should be mastered.
Most people will naturally think "developed no technical content of the page is very simple." Not only has this universal recognition of practitioners, there are many doubts: do realize the front page, no problem; compatibility, small case; integrated picture, have been using ...... there would be no problem? Is not really no problem of it? So what are the requirements page development, but also what to do, how deep the water inside, followed me to look down 
the skills one: draw a prototype map, realize renderings
of excellent front-end developers necessarily perfect command of one prototype design plans tool, the tool can be plotted by the concept prototype FIG. At the same time it can be demonstrated by the design made by way of visual artwork page code. For example, the most popular and convenient drawing tool prototype Mockplus , historic Axure and so on. Both can complete contents can be initially entered the ranks of practitioners of the front page, but this page represents our competent development work? No, it has just begun!
Skills II: communication and participation of designers and project
businesses communication is very important, as the front-end developers, the main access to the "client" is the project designer. Figure out visual designers to prototype draft, in the process, front-end developers and designers need to explore to achieve certain effects, such as effects on low-end browser rendering efficiency, can realize by making CSS3 structure more clearly, whether to seek a balance in the visual effects and code implementation. The obligation to be responsible for front-end development developed page rendering efficiency and stability. In many cases, project schedule requirements design and front-end development simultaneously, this case must be involved in the project as much as possible to communicate.
Skills III: build a good page structure
foundations to build a house like in the time of writing the page structure of the front-end development, the structure is good or bad will directly affect the quality of the code, JS development, back-end development, and subsequent pages of the expansion, restructuring and iteration. When the design is issued not to rush to get started, to observe to think. First analyzing the layout, dividing the frame, then the structure of planning, writing code.
Skill Four: graceful code
with the web project more complex functions, the direct consequence is that the code was changed to a very large body. The question of how collaborative development and maintenance of the code is from the front-end development will start thinking. In this case it needs to be considered complete, unified planning, develop a good habit to develop the code. For example: rational use of labels, well commented, clean code structure, accurate use of CSS and so on. Beautiful code, clear structure to reduce the cost of communication is not a small downstream development and collaborative development.
Skill Five: protection efficiency
as part of the project development front, front-end developers must have an understanding of: Complete for more time for the subsequent progress of the project as soon as possible. "We must first of its profits", in addition to practical experience and form coding practices can help us improve efficiency, we want to improve the ability to control the progress of their own development, but also learn to use development aid to help improve page efficiency, such as the use Less or Sass can help us expand and organize CSS, greatly improving the efficiency of writing CSS increases maintainability. A lot of excavations will surely find the most suitable tools for their own use. 
Skills Six: server optimized for
page developers also need to understand optimized servers, minimize the burden on the server. For example css sprite is a typical example of a request to reduce the number of servers, as well as on the class name to avoid naming confusion compression long redundant; base64 applications to reduce the number of requests, among other measures. These are the combined result of a trade-off, it is necessary to consider all aspects of the overall optimization. Because when page views reached a certain magnitude, then a small point optimization will achieve considerable results, otherwise minor problems will bring catastrophe.
Skills Seven: Never stop learning
This is an era of rapid development, but also full of opportunities of the times, the advent of HTML5 era along with the rise of mobile Internet has created more opportunities, there are too many things worth learning to be discovered. As a developer, walk in the forefront of technology is always the best way to remain competitive. As the saying goes "Only strategically advantageous position only a matter of course."