Recently need to optimize the project, mainly on the compression of JS and CSS file compression, find relevant information found gulp can achieve the relevant functions, hereby share the use of experience.1. Installing GulpGulp is a front-end build
It is a very important process to examine and test the code to identify any potential errors that can be eliminated immediately before being placed on the site. The process of code checking is also known as the linting between web designers and
CSS & JavascriptLooking at our homepage It was obvious that the CSS and JavaScript templates were not added. Include navigation in the root directory of this site (for example: "C:\inetpub\wwwroot" which may be different depending on your
One, the track of the scroll bar, recorded as: Scrollbar-track. The so-called "trajectory", refers to the scroll bar of the slider to run the necessary route. Second, the ScrollBar slider, that is, the left mouse button on top of it can not be
Frontend path for backend programmers 06-layout model, color value, length value, and backend 06 --
Directory
Layout Model
Flow)
Float)
Layer)
Color value
Length Value
I. layout model
Webpage layout model: In my personal understanding, each
[Bootstrap] How does bootstrap2 guide div vertical center and bootstrapdiv Center
Reference: http://www.4byte.cn/question/138712/bootstrap-how-to-center-vertical.html
Some of them refer to the method on the webpage above. Those who have used
Front-end development required: CSS Position resolution, must know position
People tend to use positioning methods when they are new to layout. Because the concept of positioning seems easier to grasp. On the surface, if you specify the position of
Let's talk about filling background images.
In the design process, the first step is to first build a framework, and then use CSS to locate each block. However, the id of each style and the class blog garden have been defined. You can select the
Bootstrap ~ Learning notes index and bootstrap learning notes
Return to the index of the occupied blog
Bootstrap has been used for a while, and it is quite easy to use. It is also good for developers to use it. You don't need to consider its
Clear float of BFC & clear, bfc float
In our daily Code life, we will more or less use floating layout, such as navigation layout, as shown in:
However, we often encounter parent element collapse and floating clearance issues during implementation.
Ultra-practical HTML code segment Reading Notes 1--HTML5 automatic focus, html focus
After the page is loaded, the input focus is automatically positioned to the desired element. You can directly input the element without manually selecting it.
You
Html syntax study Note 3
1,Tag
Tags are used to create HTML forms for user input.
A form can contain tags> input elements, such as text fields, check boxes, single quotes, and submit buttons.
The form can also contain tags> menus, tags>
Css learning selector: nth-child (n)
Today, I learned a new small effect. For example, when a website changes the color of a line, for example, a black line or a white line, the zebra will show up. When you touch a line with your mouse, color
Summarize the new features of CSS3 (Animation) and css3animation
Animation is one of the highlights of css3. //
Specify @ keyframe through the animation attribute to complete the Key Frame animation;@ Keyframe usage:
@ Keyframes name {0% {top: 0;}/*
There are 8 methods to clear the CSS float, and 8 css float methods.
The display effect may be different in various browsers, which makes it more difficult to clear floating. The following describes eight methods to clear floating. The test has
About Vertical-Align: What you need to know,
Reprinted Please note:TheViper http://www.cnblogs.com/TheViper
Vertical-Align: All You Need To Know)
Most of the time, I always need to vertically align a row of elements. Previously, I used float, and
CSS sub-selector (6) and css SelectorI. subselector
In the child selector, the front and back parts are separated by a greater sign, and the front and back parts are in the parent-child relationship.
The child selector is based on the parent element
JavaScript variable scope and memory problems (2). javascript Variables
Execution environment is a particularly important concept in js. It means that variables or functions can access other data and define their own behaviors. Each execution
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.