Posted CATEGORY:GPL License,tools
Direct hit scene
The idea behind Rainyday.js are to create a JavaScript library that makes use of the HTML5 canvas to render an animation of Raindrops falling on a glass surface. Rainyday.js features extendable
The JavaScript engine, as its name implies, is a virtual machine that parses a JavaScript script, typically attached to a browser, with different JavaScript engines attached to different browsers, where Chrome's V8 engine performs well.First,
JS in the custom events have Attachevent,addeventlistener and so many kinds, often trapped in the browser-compatible, and the code is also very cumbersome to write. jquery solves this problem for us, and a few lines of code can do a good job of
In all object-oriented programming languages, as long as the logic is involved in code, the common problem is to iterate through the creation of many object UIs, adding events to these objects in the loop body. If you do not do this, add events as
In JavaScript, if you define a data in the following way,Then the parsing method of this array on different Web pages is different.In the IE series, at least IE6-IE8 would think that the length of the array is 5, and the last element is undefinedIn
At night after work, we began to discuss the boring problem. A colleague proposes the following bizarre scenario, which is said to be an interview question:var o = {1: ' A ', 2: ' B ', Length:2,push:array.prototype.push};o.push (' C ');Q:o What is
1. What is a regular expressionThe regular expression (Regular expression) is an object that describes the character pattern, Ecmacript's RegExp class represents a regular expression, and both string and RegExp define powerful pattern-matching and
1. What is a regular expressionThe regular expression (Regular expression) is an object that describes the character pattern, Ecmacript's RegExp class represents a regular expression, and both string and RegExp define powerful pattern-matching and
A common event model:1. is binding on HTML pages Buttons 2. Binding event handling in JavaScript script filesdocument.getElementById (' button '). onclick = function;The event model in IE1. Use the script for binding (this binding is seldom used),2.
HTML page transition effect Daquan, Page Transition Daquan
IE requirements:In IE 5.5 and later browsers.Enable webpage transitionBy default, it is enabled. To Enable it manually, you only need to Enable Advanced (Advanced)-Browsing (Browse)-Enable
Wildcards in the jQuery SelectorWildcards in the jQuery Selector
1. Selector
(1) wildcard:
$ ("Input [id ^ = 'code']"); // all input tags whose id attribute starts with code
$ ("Input [id $ = 'code']"); // all input tags whose id attribute ends with
Js implementation method similar to the animation effect in jquery
This instance allows you to move the mouse up. The width changes first, the height changes, the transparency changes, and the mouse moves out.
Key Aspect 1:
1 2 3 4 5 6
How js achieves buffering motion effect
The specific analysis is as follows:
The instance can be quickly started and then slowed down until it is stopped.
Key points:
1
Var speed = (target-box.offsetLeft)/8;
The
Js Implementation of the sliding effect of sharing to Page scrolling
The page scroll up and down, and the shared module slides.
Key points:
The Code is as follows:Var scrtop upload document.doc umentElement. scrollTop | document. body.
Tips about & | expressions in javascript
If you are a newbie and have read all these skills and each skill is used after work, you will write more concise and efficient JavaScript programs.
Indeed, JavaScript experts have used these techniques to
Implement Cookie-based storage instances using JavaScript
The specific analysis is as follows:
Through this JS class, you can use cookies like session, which is very simple!
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 2
Block-level and intra-row Elements
Block-level element list
Define address
Define table title
Define entries in the list
Define partitions or sections in the document
Definition
My blog CSS and blog CSS
Blog skin Selection: M disabled template default CSS, add code, OK.
@ Charset "UTF-8";/* CSS Document * // * By cnblogs.com/blogg/* */body {font-family: Arial, "", \ 5B8B \ 4F53, sans-serif; background-image: url
MaterialUp, materialdesign
MaterialUp is a place that shows the best material design apps, websites, and concepts, updated every day. Each design is carefully selected to demonstrate the great work of talented designers. The core value of
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