Development Tool Set:
The following are all the tools used in my daily work. The front-end is basically covered.
Webpage development tools: Photoshop, Microsoft Visual Web Developer 2010 Express, Aptana Studio 3.
Photoshop:
Image processing software, front-end work,
This article on the use of Emmet more detailed, so I collected ~ ~ ~Reprint: Web front end developer-web Front end Engineer» Accelerate web front-end development with Emmet (formerly Ze
=================== Code Show ================Monitoring System Address: Demo Addresspage probe code: GitHub address Analyze the backend address: GitHub address Display platform Address: GitHub address =================== Code Show ================ For front-end applications, the occurrence of JS errors directly affects the quality of the front-
The document developed on the front end believes that in most cases there is no backend service description detail, and most tests are only in black box testing, so there are many cases where the document is very.
Why front-end documents are missing
The document developed on the f
hintsYou can fully implement your own defined control ID hints, and also be able to implement your own stated function hints. This is enough, the end of the DW can only prompt the simple JS common functions! 3. Definition of traceabilityIn fact, this is also a solution to the navigation problem, but this feature is very common. And you can use Eclipse's shortcut keys. Ctrl+alt+d. And the words I choose, the same words will be highlighted. Conclusio
The domestic market for IE 6~7 support There is a certain demand, but for a front-end developer, we should go forward to promote the industry, not constituting, compromise.Once, the ability to provide support for older versions of IE is a prerequisite for a front-end
The domestic market for IE 6~7 support There is a certain demand, but for a front-end developer, we should go forward to promote the industry, not constituting, compromise.Once, the ability to provide support for older versions of IE is a prerequisite for a front-end
The following is my collation and collection of some of the front-end development commonly used plug-ins, tools, software, etc., is equivalent to the computer to do a small backup, as to the use of methods, I will summarize, the current words or google it.
"Firefox plugin"
1. firefbug--Page Mode tool
2. yslow--Web Rating Tool
3. Pixel perfect--html and Design manuscript comparison
4. CSS usage--css Use
very well at the time, so I had to fix it. Every time I came up with something new, it was a tragedy.
Back to reality
In fact, I feel that this problem is a good indication of the importance of data separation, but we still need to clarify what it means.
PS: Actually, the problem I encountered is complicated. I don't think it is completely because of the separation of performance and data ......
I don't know what is performance and data separation. Let's look at the opposite example:
① On the s
It's a collection of ideas, experiences, ideas, and ideas I've been experimenting with over the past few years. It covers HTML semantics, the components and methods of the front-end architecture, class naming patterns, and HTTP content compression.
We won't stop exploring
And the end of all our explorations
Will get to where we left off.
So we me
Summary:The performance of the front end is important for the user experience of the Web App. Don't assume that your web app is good enough, but there are plenty of things you can do to improve your performance. This article introduces Google and Yahoo! Best practices and tools for front-end optimization, and you can t
Summary: the performance of the front end is important for the user experience of the Web App. Don't assume that your web app is good enough, but there are plenty of things you can do to improve your performance. This article introduces Google and Yahoo! Best practices and tools for front-end optimization, and you can
useful.Use hacker I can. The browser is divided into 3 categories: IE6, IE7 and roaming; other (IE8 Chrome FF Safari Opera, etc.)IE6 know Hacker is the underscore _ and the asterisk *IE7 Hacker is an asterisk * (including the!important in question 6 above is also considered a kind of hack. But less practical. )such as such a CSS settings height:300px;*height:200px;_height:100px;IE6 browser when reading to height:300px will think high 300px; Continue reading, he also know *heihgt, so when IE6 re
%;left:50%; margin-top:-100px;//One-second Height,widthmargin-left:- 100px;}//method Two: High width #div1 {width:200px; of unknown elements height:200px;background-color: #6699FF; margin:auto;position:absolute;// Parent element requires relative positioning left:0;top:0;right:0; bottom:0;}
so the question comes, how to center a vertically; (in a more convenient way.) )Css
123456
The container of the #container// is set as follows {Display:table-cell;Text-align:ce
required. Such as:var obj={"name": "Darren", "age": $, "location": "Beijing"}An array is an ordered collection of values (value). An array ends with "[" Start, "]". Use "," (comma) to separate values. Such as:var jsonlist=[{"name": "Darren", "age": +, "location": "Beijing"},{"name": "Weidong.nie", "Age": $, "location": "Hunan" }];The operation of this array and object literal is very convenient and efficient. If you know the JSON structure in advance, it is wonderful to use JSON for data passin
the client template when the event is triggered. JavaI hope that both for you and myself, considering the impact of your decisions on performance, is not confined to the browser domain, which is what I'm going to talk about ...NodeYou say you know JavaScript very well, so the next time I expect you to delve deeper into node, if you know little about it, you need at least a little bit of effort to understand it. Indeed, node world has some knowledge about file systems, streams, servers, and even
always pay attention to the following issues:
1. it is easy to forget the bandwidth problem. When you are using a 50 Mbps broadband computer, you may ignore loading of bandwidth in poor 3G receiving areas and busy hotel websites.
2. You must consider the page weight issue in each project. Is this font necessary? Can you reduce the size of the background image? Is there an available css3 animation to replace the Javascript library?
3. webpage obesity is an epidemic. If you do well, you will beco
not found, or is a little bit of explanation, or is dedicated to the JS breakpoint debugging, so simply to see the Chrome Developer Tools in English official documents, and combined with some of their own small use of experience summed up this article, hope to be pointed and amended Also hope to help some studentsDescription: The pictures used in the text, some from the temporary debugging, some from the network, the text is original, reproduced plea
TracerDescriptionChrome -based plugins are also made by Google , a performance Recording and analysis tool for Web front-end pages, along with a rule and recommended evaluation. Use:https://developers.google.com/web-toolkit/speedtracer/get-startedAdd:This tool collects mostly resources or events that consume time, it records the loading process of a page in real time, and keeps track of all events, data c
Learning or to learn, with more, there will be more understanding of the development of the choice when it is easy to come up.The authors also made a summary of this:If you prefer to use (or want to use) a template to build your app, use VueIf you like simple and "can-do" things, please use VueIf your app needs to be as small and fast as possible, use VueIf you plan to build a large application, use the ReactIf you want a framework that applies to both web-side and native apps, choose reactIf yo
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.