firefox extension console log
When you are debugging your javascript code(so called page script) of your website, you may use console.log to write the value of a variable to console. You can press F12, […]
admin
timing of some early events when loading a web page
When browser starts to load a web page, document.readyState===loading. When DOM is constructed, document.readyState==interactive. When page is fully loaded, i.e., the images/css are all loaded, document.readyState===complete. After document.readyState becomes interactive, […]
Understanding javascript eventPhase
When you click somewhere on a web page, the system will create a click event. You should realize that you are probably not clicking on single DOM node although you […]
How to interpret the information about an event listener shown by Firefox in devtools?
To get the event listeners bound to an element in Firefox, just right-click on the element, click the “Inspect” menu item, then click the “event” badge next to the element […]
How to load personal Firefox extensions permanently?
After writing your favorite Firefox extension, you must know how to load it into Firefox: Type “about:debugging” in the address bar of your Firefox browser and press enter. Click “This […]
class name before function arguments
I often see some “programming gurus” use strange advanced syntax such as this one: somefunction(\WP_Query $query) { …. } This is a piece of php code. You know, usually php […]
difference between class and pseudo-class in css
The differences between pseudo-class and ordinary class are: We can use any string for a class but we cannot use any string for a pseudo-class. Pseudo-classes are predefined. They are: […]
preventDefault, cancelBubble=true, return false, and returnValue=false
We’ve talked about the event model of javascript. Related to this topic is the usage of preventDefault(),stopPropagation , return false, returnValue=false, cancelBubble=true, which is very confusing. Among these, preventDefault() is […]
Difference between onclick attribute and onclick property
You may have known quite a few methods to bind a handler to the click event on an element, two of which are using the onclick attribute and the onclick […]
Are http headers case sensitive?
An http header is like: header-name:header-value The header-name is immediately followed by a colon. There can be one or more spaces between the header-value and the colon. There can be […]