With the rapid development of the Internet, front-end development is more and more complex. This article will start with the problems encountered in the actual project, and tell me about the problems that can be solved by modularization, and how to use sea.js for the modularization development of the front end.Annoying naming conflictsWe start with a simple habit
Prototypes and Frameworks
Chart
http/Network
Code editing
Browser
Html
Css
Dom
Javascript
Static Web Page Builder
APP (http://caibaojian.com/fedbook/desktop, mobile, tablet, etc.) management
Scaffolding
Template
UI Parts Components
Visualization of data
Graphics
Animation
Json
Test framework
Data storage
Module/Paukka Load
, minimal conventions, more objects, zero monkey-patching and the separation of concerns between MVC layers. it suggests best practices, but it leaves all the freedom to you, the developer, to build your own architecture, with your own objects. lotus is made of standalone frameworks (controllers, views, etc .) and each one is shipped as an independent gem to emphasize the separation of concerns.13. Montage. js
MontageJS is a modern, HTML5 frontend framework for creating single-page applications
Yesterday, my colleague gave a lecture titled "do a good job in front-end application design and development", which was brilliant. Four consistency on the UI was proposed:
Consistent interface style
Controls are placed in the same position
Consistent operation habits
Control naming consistency
These four consistency statements are easy to say, but t
HTTP 404 error (No 404s)Full testing of page links plus constant tracking of WEB server error logs can reduce the 404 error and improve the user experience. It is worth mentioning that the 404 errors caused by CSS and Java Script are often easily overlooked because they are slightly "difficult" to locate.This is 10 articles in the Content section. It should be said that the content of specific guidance is not detailed enough. Gradually will be based
Now we need to transform a background management system. what framework does the front-end use better?
Now we need to transform a background management system. what framework does the front-end use better?
Reply content:
Now we need to transform a background management system. what framework does the
With the development of web technology, now all kinds of frameworks, front-end, back-end, countless. The pressure of the entire stack of engineers is getting bigger.Now the front-end framework, can do a variety of web, but also can do a variety of apps, the
must have good communication skills, because your work is closely related to the work of many people. In any case, front-end engineers must meet the requirements of at least four types of customers.
Product Manager-- These are groups of people responsible for planning applications. They can imagine how to use applications to meet user needs and how to make money (hopefully) through their design model )
"Recommended best Web Front-end development articles": 3rd (total 24th) met with you. Dream sky blog followFrontend DevelopmentTechnology, sharing all kinds of excellent services that can improve the user experience of the websiteJQueryPlug-ins to display cutting-edgeHTML5AndCSS3Excellent technical applications are recommendedWebpage DesignCases, sharing exquisite design materials and excellentWebDevelopmen
, looks quite familiar.
If you are a back-end programmer, you should be more cluster node.js. Interface integration work to the front-end server for processing, while the coupling with the front-end greatly reduced workload and efficiency are reduced.
There are two poi
that everyone in the development of angular, have deep experience, because angular you look for the online demo He is fast, directly in the view layer binding a model variable, and then in the controller can be two-way binding, then as the demand continues to iterate, I think a few months later, you do not want to see your own code, God like nature will come.Here, nature will think of our design principles: the Single principle of responsibility! keep in mind that the module has a single respon
previous release methods with O M, and then selected a set of nodejs solutions that I can implement as soon as possible. After discussing the feasibility with the business and technical contacts, start encoding.
I applied for a testing machine and database, a product resource (prd document), an O M resource, and a data mining resource. I started a node. js project, it is a big data platform and advertisement platform within the company. At last, t
In the front-end business, I am a relatively uneasy person, and I have had more or less thoughts on the value of the front-end. I 've seen these people talk about it, I suddenly felt that my understanding of things was still very green... I have organized several pieces of company engineers to understand the value of
Documentation: Good
Customization: Advanced GUI customization
Browser support: Chrome, Firefox, Safari, ie9+
Authorization: MIT
Different: Uikit is used in many WordPress themes. With GUI editor and manual editing, it provides a flexible and powerful customization mechanism.
6.Amaze UIAmaze UI is a mobile first concept, compared to foreign frameworks, it is more concerned about Chinese typography, by the
(), then registers the input path through setControllerDirectory (), and finally delivers the information.
Basically, if you do not need to customize the front-end controller environment, run () is a convenient method to establish the front-end controller environment.
Zend_Controller_Front::run('../application/contro
content displayed by the browser is a webpage, so web development can be simply understood as the development of a webpage or website.WEB development categories and differences
People usually divide the WEB into front-end and back-end. Front-end related positions include
. In any case, front-end engineers must meet the requirements of at least four types of customers.
product manager -these are a group of people responsible for planning applications. They can imagine how to use applications to meet user needs and how to make money (hopefully) through their design model ). In general, these people are pursuing a wealth of features.
, should be written border:none.
Try to avoid using AlphaImageLoader.
Try to merge duplicate styles as much as possible while keeping the code decoupled.
Background, font, and so on can be abbreviated attributes, as far as possible using abbreviated form.
5, the use of CSS hackPlease do not use browser detection and CSS Hacks, first try another solution! Given the high efficiency and ease of management of the code, these two methods can quickly resolve differences in browser par
-interaction and vision requirements for fully embox design
B-level-visually allows for differences, but does not disrupt the overall effect of the page
Level C-ignores design details, but does not interfere with the use of
3. Common Style test Tools
CSS validator:http://jigsaw.w3.org/css-validator/
CSS lint:http://csslint.net/
CSS usage:https://addons.mozilla.org/en-us/firefox/addon/css-usage/
Vi. Other Specifications
Do not easily change the fu
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.