Today wrote a very simple, very rude to find DOM elements by using JS based on the class.In order to reduce its gross level (cost performance) I gave three levels.First performance is best, suitable for FF,CH,IE8, through Queryselectorall this
The screen object typically contains the following properties (many browsers have added their own properties):1.availHeight: The height of the screen (in pixels) that the window can use, including the space required by the operating system elements,
In the servlet, you can directly use1 string[] Property=request.getparametervalues ("property"); // PropertiesTo get the property value of the same ID. But in JS, it won't work. We only get the elements in the way of finding nodes. With this
Clicking here will pop up a popup box
At first, it was like this.Clicking here will change the text content
It starts out black and turns red when clicked.Clicking here will change the color of the text
Click here to determine
Example
Attention
Method
Often use window.location, its structure always can't remember, simple comb under, convenient later query.ExampleUrl:http://b.a.com:88/index.php?name=kang&when=2011#first
Properties
meaning
Slice () is a method of array in JavaScript, defined as this.Arrayobject.slice (Start,end)The function is to intercept a new array from start to end in the original array, and the return value is a new array.But in many places it is also convenient
DefinedThe singleton pattern is that a class can only instantiate an object and provides a global access point to access it.Generally in the implementation of the login box, or a global controller will use the singleton mode. In reality, there are
Web Mobile front-end construction (including style layout, pure version does not include other style frameworks), web style
@ Charset 'utf-8'; * {margin: 0; padding: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing:
My personal understanding about css layout. (I just understand it myself. Do not spray anything wrong.) css layout
Two-column layout (fixed width on the left and adaptive on the right)
For example:
fixed width on the left, right adaptive
CSS knowledge point supplement, css knowledge point
I. css box model Overview
The inmost part of the element box is the actual content, and the content is directly surrounded by the padding. The padding shows the background of the element. The edge
Bug about multiple requests caused by repeated addition of hash in jquery hashMapJquery hashMap is a plug-in that monitors changes in the hash of the browser, and processes more hash changes accordingly. I read the source code loaded by the event to
Bootstrap drop-down menu, which is mandatory for every day
1. drop-down menu (basic usage)
Note that the drop-down menu component in the Bootstrap framework is an independent component. Based on different versions, it corresponds to the following
Javascript has a very romantic bubble, and javascript has a very romantic effect.
The example in this article describes the special effect code for javascript to implement romantic bubbles. Share it with you for your reference. The details are as
Accidentally, I did the wrong JS closure interview questions, and accidentally did the wrong js questions.
Interview Questions evolved from work
This is a problem I encountered at work. It seems very interesting. I went to the interview as a
CSS3 simple animation and css3 Animation
Css3 animations are really brilliant! Browser compatibility is very important !.
Share two small animations
C3 animation
The effect is the two small circles on this blog homepage!
Note that:
Bootstrap _ typographical _ code and bootstrap typographical code
No matter which code style is used, you need to use the minor sign in the Code (Hard Coding"& Lt;"To replace, greater than (>) use"& Gt;"To replace
I. Single-line Inline code
: code
Sass function -- color function -- HSL function, sass function ---- hsl
HSL FunctionsWhat are the specific functions and functions of the HSL color function:
Hsl ($ hue, $ saturation, $ lightness): Creates a color based on the values of hue,
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.
A Free Trial That Lets You Build Big!
Start building with 50+ products and up to 12 months usage for Elastic Compute Service