Search completed in 1.94 seconds.
MIME types (IANA media types) - HTTP
the internet assigned numbers authority (iana) is responsible for all official mime
types, and you can find the most up-to-date and complete list at their media
types page.
... each type has its own set of possible sub
types, and a mime type always has both a type and a subtype, never just one or the other.
... mime
types are case-insensitive but are traditionally written in lowercase, with the exception of parameter values, whose case may or may not have specific meaning.
...And 25 more matches
TypeScript support in Svelte - Learn web development
we will now learn how to use
typescript in svelte applications.
... first we'll learn what
typescript is and what benefits it can bring us.
... then we'll see how to configure our project to work with
typescript files.
...And 124 more matches
Using js-ctypes
before you can use js-c
types, you need to import the c
types.jsm code module.
... this is as simple as including the following line of code in the desired javascript scope: components.utils.import("resource://gre/modules/c
types.jsm") loading a native library once you've imported the code module, you can call the c
types.open() method to load each native library you wish to use.
... on windows, for example, you might load the system user32 library like this: var lib = c
types.open("user32.dll"); on mac os x, you can load the core foundation library from the core foundation framework like this: var corefoundation = c
types.open("/system/library/frameworks/corefoundation.framework/corefoundation"); the returned object is a library object that you use to declare functions and data
types for use with the loaded library.
...And 21 more matches
Using Objective-C from js-ctypes
objective-c has its own syntax, it cannot be written directly with js-c
types.
... this guide explains how to convert objective-c code into js-c
types code.
... converting objective-c code to c code to convert objective-c code to js-c
types, we need to convert it to c code first.
...And 18 more matches
Declaring types
the c
types object offers a number of constructor methods that let you declare
types.
... every type is represented by a ctype object, which, in turn, provides a constructor method you can call to define values of those
types.
... each type you declare using js-c
types corresponds to a compatible c declaration.
...And 17 more matches
ctypes
the c
types object contains methods and predefined data
types used to create and manage a library.
... method overview ctype arraytype(type[, length]); cdata cast(data, type); ctype functiontype(abi, returntype[, argtype1, ...]); cdata int64(n); string libraryname(name); library open(libspec); ctype pointertype(
typespec); ctype structtype(name[, fields]); cdata uint64(n); properties property type description errno number the value of the latest system error.
...these functions' names are automatically mangled for you by js-c
types.
...And 17 more matches
Properly configuring server MIME types - Learn web development
background by default, many web servers are configured to report a mime type of text/plain or application/octet-stream for unknown content
types.
... as new content
types are invented or added to web servers, web administrators may fail to add the new mime
types to their web server's configuration.
... this is a major source of problems for users of gecko-based browsers, which respect the mime
types as reported by web servers and web applications.
...And 16 more matches
js-ctypes reference
c
types reference the c
types object is the base of the c
types api.
... it is obtained by by loading the c
types module: components.utils.import("resource://gre/modules/c
types.jsm"); you can use the c
types object to load libraries, construct
types, and perform miscellaneous tasks such as type casting.
... the c
types object also provides numerous predefined
types that correspond to primitives and common typedefs in c.
...And 15 more matches
NSPR Types
this chapter describes the most common nspr
types.
... other chapters describe more specialized
types when describing the functions that use them.
... calling convention
types are used for externally visible functions and globals.
...And 13 more matches
Using COM from js-ctypes
com is c++ and it cannot be written directly with js-c
types.
... this documentaion explains how to convert the com c++ code into js-c
types code.
... basis and reference for this article bugzilla :: bug 738501 - implement ability to create windows shortcuts from javascript - comment 4 relavent topic bugzilla :: bug 505907 - support c++ calling from jsc
types converting com code to c code to convert com code to js-c
types, we need to write c++ vtable pointers in c.
...And 12 more matches
Recommended Drag Types - Web APIs
the html drag and drop api supports dragging various
types of data, including plain text, urls, html code, files, etc.
... the document describes best practices for common draggable data
types.
... it is recommended to always add data of the text/plain type as a fallback for applications or drop targets that do not support other
types, unless there is no logical text alternative.
...And 11 more matches
The "codecs" parameter in common media types - Web media technologies
however, many media
types—especially those that support video tracks—can benefit from the ability to more precisely describe the format of the data within them.
... however, each of these mime
types is vague.
... all of these file
types support a variety of codecs, and those codecs may have any number of profiles, levels, and other configuration factors.
...And 11 more matches
Media container formats (file types) - Web media technologies
the mime
types and extensions for each are listed.the most commonly used containers for media on the web are probably mpeg-4 (mp4), quicktime movie (mov), and the wavefile audio file format (wav).
...not all of these are broadly supported by browsers, however; some combinations of container and codec are sometimes given their own file extensions and mime
types as a matter of convenience, or because of their ubiquity.
... index of media container formats (file
types) to learn more about a specific container format, find it in this list and click through to the details, which include information about what the container is typically useful for, what codecs it supports, and which browsers support it, among other specifics.
...And 10 more matches
DataTransfer.types - Web APIs
the datatransfer.
types read-only property returns an array of the drag data formats (as strings) that were set in the dragstart event.
...some values that are not mime
types are special-cased for legacy reasons (for example "text").
... syntax datatransfer.
types; return value an array of the data formats used in the drag operation.
...And 8 more matches
Link types - HTML: Hypertext Markup Language
in html, link
types indicate the relationship between two documents, in which one links to the other using an <a>, <area>, <form>, or <link> element.
... list of the defined link
types and their significance in html link type description allowed in these elements not allowed in these elements alternate if the element is <link> and the rel attribute also contains the stylesheet type, the link defines an alternative style sheet; in that case the title attribute must be present and not be the empty string.
... otherwise, the link defines an alternative page, of one of these
types: for another medium, like a handheld device (if the media attribute is set) in another language (if the hreflang attribute is set), in another format, such as a pdf (if the type attribute is set) a combination of these <a>, <area>, <link> <form> archives defines a hyperlink to a document that contains an archive link to this one.
...And 8 more matches
The HTML5 input types - Learn web development
now we'll look at the functionality of newer form controls in detail, including some new input
types, which were added in html5 to allow collection of specific
types of data.
...if you want more detail on browser support, you should consult our html forms element reference, and in particular our extensive <input>
types reference.
...see the firefox for android keyboard screenshot below for an example: note: you can find examples of the basic text input
types at basic input examples (see the source code also).
...And 7 more matches
js-ctypes
js-c
types allows application and extension code to call back and forth to native code written in c.
... c++ support is possible through vtable pointers see using com from js-c
types.
...other work made possible by js-c
types is jni, this is elaborated on in the jni.jsm section and not the js-c
types section due to the jsm abstracting away all of the js-c
types.
...And 7 more matches
Object prototypes - Learn web development
previous overview: objects next proto
types are the mechanism by which javascript objects inherit features from one another.
... objective: to understand javascript object proto
types, how prototype chains work, and how to add new methods onto the prototype property.
... in javascript, a link is made between the object instance and its prototype (its __proto__ property, which is derived from the prototype property on the constructor), and the properties and methods are found by walking up the chain of proto
types.
...And 6 more matches
Grammar and types - JavaScript
« previousnext » this chapter discusses javascript's basic grammar, variable declarations, data
types and literals.
... const my_array = ['html','css']; my_array.push('javascript'); console.log(my_array); //logs ['html','css','javascript']; data structures and
types data
types the latest ecmascript standard defines eight data
types: seven data
types that are primitives: boolean.
... and object although these data
types are relatively few, they enable you to perform useful functions with your applications.
...And 6 more matches
WebGL types - Web APIs
the following
types are used in webgl interfaces.
... webgl 1 these
types are used within a webglrenderingcontext.
... webgl 2 these
types are used within a webgl2renderingcontext.
...And 5 more matches
JavaScript data types and data structures - JavaScript
variables in javascript are not directly associated with any particular value type, and any variable can be assigned (and re-assigned) values of all
types: let foo = 42; // foo is now a number foo = 'bar'; // foo is now a string foo = true; // foo is now a boolean data and structure
types the latest ecmascript standard defines nine
types: six data
types that are primitives, checked by typeof operator: undefined : typeof instance === "undefined" boolean : typeof instance === "boolean" number : typeof instance === "num...
... primitive values all
types except objects define immutable values (that is, values which can't be changed).
...we refer to values of these
types as "primitive values".
...And 5 more matches
mimeTypes.rdf corruption - SVG: Scalable Vector Graphics
this page explains a problem that can cause svg to stop working in mozilla due to the way mozilla maps filename extensions to media
types.
...for files loaded locally, it first looks in a cache of filename extension to media type mappings (stored in a mozilla profile file called mime
types.rdf), and if it doesn't find a media type there, it asks the operating system.
...first, certain actions can cause the media
types cache in mime
types.rdf to associate a filename extension with the wrong media type.
...And 5 more matches
Visual typescript game engine - Game development
project : visual
typescript game engine version: sunshine - 2019 2d canvas game engine based on matter.js 2d physics engine for the web.
... written in
typescript current version 3.1.3.
...*/ private addson: addson = [ { name: "cache", enabled: true, scriptpath: "externals/cacheinit.ts", }, { name: "hackertimer", enabled: true, scriptpath: "externals/hack-timer.js", }, { name: "dragging", enabled: true, scriptpath: "externals/drag.ts", }, ]; /** * @description this is main coordinary
types of positions * can be "diametric-fullscreen" or "frame".
...And 4 more matches
JavaScript-DOM Prototypes in Mozilla
both proto
types would look identical, but they would be two different jsobject's.
... this sharing of proto
types lets users do cool things like modify how all instances of a given class works by modifying the prototype of one instance.
... so far so good; we have shared proto
types, and xpconnect gives us most of this automatically.
...And 4 more matches
I/O Types
this chapter describes the most common nspr
types, enumerations, and structures used with the functions described in i/o functions and network addresses.
... these include the
types used for system access, normal file i/o, and socket (network) i/o.
...
types unique to a particular function are described with the function itself.
...And 3 more matches
ctypes.open
at the heart of js-c
types is the c
types.open() function.
... int add(int a, int b) { return a + b; } to make this a shared library, a native file which can be loaded and used from js-c
types, compile it with these commands: gcc -fpic -c mycfuntionsforunix.c gcc -shared -o mycfuntionsforunix.so mycfuntionsforunix.o a file named mycfuntionsforunix.so is successfully created.
... this native file can be placed in any folder of an addon and then loaded from js-c
types.
...And 3 more matches
CSP: plugin-types - HTTP
the http content-security-policy (csp) plugin-
types directive restricts the set of plugins that can be embedded into a document by limiting the
types of resources which can be loaded.
... instantiation of an <embed>, <object> or <applet> element will fail if: the element to load does not declare a valid mime type, the declared type does not match one of specified
types in the plugin-
types directive, the fetched resource does not match the declared type.
... syntax one or more mime
types can be set for the plugin-
types policy: content-security-policy: plugin-
types <type>/<subtype>; content-security-policy: plugin-
types <type>/<subtype> <type>/<subtype>; <type>/<subtype> a valid mime type.
...And 3 more matches
MediaRecorder.isTypeSupported - Web APIs
the mediarecorder.is
typesupported() static method returns a boolean which is true if the mime type specified is one the user agent should be able to successfully record.
... syntax var canrecord = mediarecorder.is
typesupported(mimetype) parameters mimetype the mime media type to check.
... example var
types = ["video/webm", "audio/webm", "video/webm\;codecs=vp8", "video/webm\;codecs=daala", "video/webm\;codecs=h264", "audio/webm\;codecs=opus", "video/mpeg"]; for (var i in
types) { console.log( "is " +
types[i] + " supported?
...And 2 more matches
SVGUnitTypes - Web APIs
the svgunit
types interface defines a commonly used set of constants used for reflecting gradientunits, patterncontentunits and other similar attributes.
... <div id="interfacediagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveaspectratio="xminymin meet"><a xlink:href="/docs/web/api/svgunit
types" target="_top"><rect x="1" y="1" width="120" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="61" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgunit
types</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_unit_type_unknown 0 the t...
...ype is not one of predefined
types.
...And 2 more matches
CSP: trusted-types - HTTP
the http content-security-policy (csp) trusted-
types directive instructs user agents to restrict usage of known dom xss sinks to a predefined set of functions that only accept non-spoofable, typed values in place of strings.
...this directive declares a white-list of trusted type policy names created with trusted
types.createpolicy from trusted
types api.
... syntax content-security-policy: trusted-
types; content-security-policy: trusted-
types <policyname>; content-security-policy: trusted-
types <policyname> <policyname> 'allow-duplicates'; <domstring> any string can be a trusted type policy name.
...And 2 more matches
How Mozilla determines MIME Types
this should allow reliable detection of all image
types mozilla supports.
...(on unix, this means checking mime.
types.) if that fails, a user-supplied helper app is searched for by extension, and the specified mime type will be used.
...the list in edit/preferences/helper applications) if that failed, a list of "extra" mime
types is searched for an extension match.
...the data source is the mime
types.rdf file in the profile directory.
JS_InitCTypesClass
this article covers features introduced in spidermonkey 1.8.5 initialize the c
types object on a global object.
... the c
types object will be frozen.
... syntax jsbool js_initc
typesclass(jscontext *cx, jsobject *global); name type description cx jscontext * the context.
... description c
types capability is disabled in a build by default.
BasicCardRequest.supportedTypes - Web APIs
the obsolete supported
types property of the basiccardrequest dictionary can optionally be provided to specify an array of domstrings representing the card
types that the retailer supports (e.g.
... syntax basiccardrequest.supported
types = [cardtype1...cardtypen]; value an array containing one or more domstrings, which describe the card
types the retailer supports.
... legal values are defined in basiccardtype enum, and are currently: credit debit prepaid example the following example shows a sample definition of the first parameter of the paymentrequest() constructor, the data property of which contains supportednetworks and supported
types properties.
... var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supported
types: ['credit', 'debit'] } }]; var details = { ...
DataTransfer.mozTypesAt() - Web APIs
the datatransfer.moz
typesat() method returns a list of the format
types that are stored for an item at the specified index.
... syntax nsivariant datatransfer.moz
typesat(index); arguments index a unsigned long that is the index of the data for which to retrieve the
types.
... example this example shows the use of the moz
typesat() method in a drop event handler.
... function drop_handler(event) { var dt = event.datatransfer; var count = dt.mozitemcount; output("items: " + count + "\n"); for (var i = 0; i < count; i++) { output(" item " + i + ":\n"); var
types = dt.moz
typesat(i); for (var t = 0; t <
types.length; t++) { output(" " +
types[t] + ": "); try { var data = dt.mozgetdataat(
types[t], i); output("(" + (typeof data) + ") : <" + data + " >\n"); } catch (ex) { output("<>\n"); dump(ex); } } } } specifications this method is not defined in any web standard.
MediaSource.isTypeSupported() - Web APIs
the mediasource.is
typesupported() static method returns a boolean value which is true if the given mime type is likely to be supported by the current user agent.
... syntax var isitsupported = mediasource.is
typesupported(mimetype); parameters mimetype the mime media type that you want to test support for in the current browser.
... example the following snippet is from an example written by nick desaulniers (view the full demo live, or download the source for further investigation.) var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourceb...
...ddsourcebuffer(mimecodec); fetchab(asseturl, function (buf) { sourcebuffer.addeventlistener('updateend', function (_) { mediasource.endofstream(); video.play(); //console.log(mediasource.readystate); // ended }); sourcebuffer.appendbuffer(buf); }); }; specifications specification status comment media source extensionsthe definition of 'is
typesupported()' in that specification.
Common MIME types - HTTP
here is a list of mime
types, associated by type of documents, ordered by their common extensions.
... two primary mime
types are important for the role of default
types: text/plain is the default value for textual files.
... iana is the official registry of mime media
types and maintains a list of all the official mime
types.
... this table lists some important mime
types for the web: extension kind of document mime type .aac aac audio audio/aac .abw abiword document application/x-abiword .arc archive document (multiple files embedded) application/x-freearc .avi avi: audio video interleave video/x-msvideo .azw amazon kindle ebook format application/vnd.amazon.ebook .bin any kind of binary data application/octet-stream .bmp windows os/2 bitmap graphics image/bmp .bz bzip archive application/x-bzip .bz2 bzip2 archive application/x-bzip2 .csh c-shell script application/x-csh .css cascading style sheets (css) text/css .csv comma-...
Typesetting a community school homepage - Learn web development
give your headings and other element
types appropriate font-sizes defined using a suitable relative unit.
...your post should include: a descriptive title such as "assessment wanted for
typesetting a community school homepage".
... previous overview: styling text in this module fundamental text and font styling styling lists styling links web fonts
typesetting a community school homepage ...
ClipboardItem.types - Web APIs
the read-only
types property of the clipboarditem interface returns an array of mime
types available within the clipboarditem syntax var
types = clipboarditem.
types; value an array of available mime
types.
...then checking the
types property for available
types before utilizing the clipboarditem.gettype() method to return the blob object.
... async function getclipboardcontents() { try { const clipboarditems = await navigator.clipboard.read(); for (const clipboarditem of clipboarditems) { for (const type of clipboarditem.
types) { const blob = await clipboarditem.gettype(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
Media Session action types - Web APIs
the following strings identify the currently available
types of media session action: nexttrack advances playback to the next track.
... audio.currenttime = math.max(audio.currenttime - skiptime, 0); }); supporting multiple actions in one handler function you can also, if you prefer, use a single function to handle multiple action
types, by checking the value of the mediasessionactiondetails object's action property: let skiptime = 7; navigator.mediasession.setactionhandler("seekforward", handleseek); navigator.mediasession.setactionhandler("seekbackward", handleseek); function handleseek(details) { switch(details.action) { case "seekforward": audio.currenttime = math.min(audio.currenttime + skiptime, ...
... specifications specification status comment media session standardthe definition of 'media session action
types' in that specification.
NavigatorPlugins.mimeTypes - Web APIs
returns a mimetypearray object, which contains a list of mimetype objects representing the mime
types recognized by the browser.
... syntax var mime
types[] = navigator.mime
types; mime
types is a mimetypearray object which has a length property as well as item(index) and nameditem(name) methods.
... example function isjavapresent() { return 'application/x-java-applet' in navigator.mime
types; } function getjavaplugindescription() { var mimetype = navigator.mime
types['application/x-java-applet']; if (mimetype === undefined) { // no java plugin present return undefined; } return mimetype.enabledplugin.description; } specifications specification status comment html living standardthe definition of 'navigatorplugins.mime
types' in that specification.
StorageQuota.supportedTypes - Web APIs
the supported
types read-only property of the storagequota interface returns a list of the available storage
types.
... syntax var storage
types = storagequota.supported
types value a frozen array of available storage
types.
... specifications specification status comment quota management apithe definition of 'supported
types' in that specification.
CSS data types - CSS: Cascading Style Sheets
css data
types define typical values (including keywords and units) accepted by css properties and functions.
... in formal syntax, data
types are denoted by a keyword placed between the inequality signs "<" and ">".
... index the data
types defined by the set of css specifications include the following: <angle> <angle-percentage> <angular-color-hint> <angular-color-stop> <attr-fallback> <attr-name> <basic-shape> <blend-mode> <calc-product> <calc-sum> <calc-value> <color> <color-stop> <color-stop-angle> <counter-style> <custom-ident> <dimension> <filter-function> <flex> <frequency> <frequency-percentage> <gradient> <ident> <image> <integer> <length> <length-percentage> <number> <number-percentage> <percentage> <position> <quote> <ratio> <resolution> <shape-box> <shape-radius> <string> <time> <time-percentage> <timing-function> <toggle-value> <transform-function> <type-or-unit> <url> <url-modifier> <zero> specifications specification status c...
initDataTypes - Web APIs
the mediakeysystemconfiguration.initdata
types read-only property returns a list of supported initialization data type names.
... syntax var data
types[] = mediasystemconfiguration.initdata
types; specifications specification status comment encrypted media extensionsthe definition of 'initdata
types' in that specification.
Index - Web APIs
below is a list of all the apis and interfaces (object
types) that you may be able to use while developing your web app or site.
... 16 abstractrange api, abstract, abstract interface, abstractrange, dom, dom api, interface, range, reference the abstractrange abstract interface is the base class upon which all dom range
types are defined.
... 22 abstractworker api, abstract, abstractworker, interface, reference, sharedworker, web workers, web workers api, worker the abstractworker interface of the web workers api is an abstract interface that defines properties and methods that are common to all
types of worker, including not only the basic worker, but also serviceworker and sharedworker.
...And 68 more matches
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
the html <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of
types of input data and control widgets are available, depending on the device and user agent.
... the <input> element is one of the most powerful and complex in all of html due to the sheer number of combinations of input
types and attributes.
... <input>
types how an <input> works varies considerably depending on the value of its type attribute, hence the different
types are covered in their own separate reference pages.
...And 37 more matches
Standard OS Libraries
this article gives the names of standard libraries that can be accessed with js-c
types.
... these libraries are what enable js-c
types to work.
... the alternative to standard libraries is creating your own dll (for windows) or so (for linux) file with c functions that can be called from your add-on with js-c
types.
...And 32 more matches
Working with data
creating cdata objects data
types for use with js-c
types are represented by ctype objects.
... if type is c
types.void_t, a typeerror is thrown.
... example: creating an array let arraytype = c
types.arraytype(c
types.int32_t); let myarray = new arraytype(5); at this point, myarray.length is 5; there are 5 entries in the array.
...And 28 more matches
Add to iPhoto
this extension for mac os x serves as a demonstration of how to use js-c
types to call mac os x carbon, core foundation, and other system frameworks from an extension written entirely in javascript.
...this extension uses a number of methods and data
types, as well as constants, from three system frameworks.
... for the sake of organization, i chose to implement each system framework (and, mind you, i only declare the apis i actually use, not all of them) as a javascript object containing all the
types and methods that framework's api.
...And 27 more matches
WebIDL bindings
these can be inline, virtual, have any calling convention, and so forth, as long as they have the right argument
types and return
types.
...the return type and argument
types are determined as described below.
...non-static methods that use certain webidl
types like any or object will get a jscontext* argument prepended to the argument list.
...And 25 more matches
Index - Learn web development
15 how can we design for all
types of users?
...at this point you should understand javascript object and oop basics, proto
types and prototypal inheritance, how to create classes (constructors) and object instances, add features to classes, and create subclasses that inherit from other classes.
... 69 object proto
types article, beginner, codingscripting, constructor, javascript, learn, oojs, oop, object, prototype, prototype chaining, create(), l10n:priority this article has covered javascript object proto
types, including how prototype object chains allow objects to inherit features from one another, the prototype property and how it can be used to add methods to constructors, and other related topics...
...And 23 more matches
XPIDL
writing xpidl interface files xpidl closely resembles omg idl, with extended syntax to handle iids and additional
types.
...at the top level, we can define typedefs, native
types, or interfaces.
...
types there are three ways to make
types: a typedef, a native, or an interface.
...And 23 more matches
HTML documentation index - HTML: Hypertext Markup Language
16 dropzone deprecated, global attributes, html, reference the dropzone global attribute is an enumerated attribute indicating what
types of content can be dropped on an element, using the html drag and drop api.
... 37 html attribute: accept accept, attribute, file, input, reference the accept attribute takes as its value a comma-separated list of one or more file
types, or unique file type specifiers, describing which file
types to allow.
...valid for the email and file input
types and the <select>, the manner by which the user opts for multiple values depends on the form control.
...And 21 more matches
nsIMsgDBView
to create an instance, use: var dbview = components.classes[@mozilla.org/messenger/msgdbview;1?type=] .createinstance(components.interfaces.nsimsgdbview); where type designates different
types of view's available.
... available in the mozilla codebase are
types "quicksearch", "threadswithunread", "watchedthreadswithunread", "xfvf" (virtual folders), "search", "group", and "threaded" each with their own implementation of nsimsgdbview that provides a different sorting/view of the data.
...sort
types are defined in nsmsgviewsorttype.
...And 19 more matches
AddonManager
to do so many methods of the addonmanager take the add-on
types as parameters.
... the existing add-on
types are defined in xpiprovider.jsm and are, at this time, the following: extension, theme, locale, multipackage, dictionary and experiment.
...getinstallsby
types(in string
types[], in installlistcallback?
...And 18 more matches
NSS API Guidelines
the public headers is a list of header files that contain
types, and functions, that are publicly available to higer-level apis.
... library description layer directory public headers certdb provides all certificate handling functions and
types.
... high cert lib/certhigh ocsp.h, ocspt.h crmf provides functions, and data
types, to handle certificate management message format (cmmf) and certificate request message format (crmf, see rfc 2511) data.
...And 18 more matches
Index - Archive of obsolete content
37 two
types of scripts no summary!
... 186 finding window handles add-ons, code snippets, extensions, xpcom, js-c
types no summary!
... 301 supporting search suggestions in search plugins add-ons, opensearch, search, search plugins firefox supports search suggestions in opensearch plugins; as the user
types in the search bar, firefox queries the url specified by the search plugin to fetch live search suggestions.
...And 17 more matches
Bytecode Descriptions
format: jof_atom, jof_prop, jof_
typeset, jof_ic getelem, callelem stack: obj, key ⇒ obj[key] get the value of the property obj[key].
...format: jof_elem, jof_
typeset, jof_ic length operands: (uint32_t nameindex) stack: obj ⇒ obj.length push the value of obj.length.
...format: jof_atom, jof_prop, jof_
typeset, jof_ic setprop operands: (uint32_t nameindex) stack: obj, val ⇒ val non-strict assignment to a property, obj.name = val.
...And 17 more matches
nsIApplicationCache
each entry in the cache can be marked with a set of
types, specified in the constants section.
...method overview void activate(); void addnamespaces(in nsiarray namespaces); void discard(); void gatherentries(in pruint32 typebits, out unsigned long count, [array, size_is(count)] out string keys); nsiapplicationcachenamespace getmatchingnamespace(in acstring key); unsigned long get
types(in acstring key); void initashandle(in acstring groupid, in acstring clientid); void markentry(in acstring key, in unsigned long typebits); void unmarkentry(in acstring key, in unsigned long typebits); attributes attribute type description active boolean true if the cache is the active cache for this group, otherwise false.
...gatherentries() returns a list of entries in the cache whose type matches one or more of the specified
types.
...And 16 more matches
Drag Operations - Web APIs
during the drag, in an event listener for the dragenter and dragover events, you use the data
types of the data being dragged to check whether a drop is allowed.
... the drag data's
types property returns a list of mime-type like domstrings, such as text/plain or image/jpeg.
... you can also create your own
types.
...And 16 more matches
Type conversion
implicit convert in js-c
types, data could be converted implicitly when passing to or returning from a functiontype call, or setting pointer content, an array element or a struct field.
... var buffer = c
types.char.array(10)(); var somecfunction = library.declare("somecfunction", c
types.default_abi, c
types.void_t, c
types.char.ptr); somecfunction(buffer); // here c
types.char.array(10)() is converted to c
types.char.ptr type implicit conversion can be tested in the following way: var mystruct = c
types.structtype("mystructtype", [ { "v": c
types.bool } ])(); mystruct.v = 1; console.log(mystruct.v.tostring()); // 'true' boolean type target type source converted value c
types.bool js boolean src js number (0 or 1) if src == 0: false if src == 1: true var mystruct = c
types.structtype("mystructtype", [ { "v": c
types.bool } ])(); mystruct.v = true; console.log(mystruct.v.tostring()); // 'true' mystruct.v = false; console...
....log(mystruct.v.tostring()); // 'false' mystruct.v = 1; console.log(mystruct.v.tostring()); // 'true' mystruct.v = 0; console.log(mystruct.v.tostring()); // 'false' mystruct.v = 10; // throws error mystruct.v = "a"; // throws error integer
types target type source converted value c
types.char16_t js string (only if its length == 1) src.charcodeat(0) any integer
types js number (only if fits to the size) src js boolean if src == true: 1 if src == false: 0 var mystruct = c
types.structtype("mystructtype", [ { "v": c
types.char16_t } ])(); mystruct.v = 0x41; console.log(mystruct.v.tostring()); // "a" mystruct.v = true; console.log(mystruct.v.tostring()); // "\x01" mystruct.v = "x"; console.log(mystruct.v...
...And 15 more matches
Finding window handles - Archive of obsolete content
os specific examples using javascript (js-c
types) nsibasewindow -> nativehandle in all of the examples below, the native handle to the most recent navigator:browser is obtained and then it is focused.
... .getinterface(ci.nsiwebnavigation) .queryinterface(ci.nsidocshelltreeitem) .treeowner .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsibasewindow); var hwndstring = basewindow.nativehandle; components.utils.import('resource://gre/modules/c
types.jsm'); var user32 = c
types.open('user32.dll'); /* http://msdn.microsoft.com/en-us/library/ms633539%28v=vs.85%29.aspx * bool winapi setforegroundwindow( * __in_ hwnd hwnd * ); */ var setforegroundwindow = user32.declare('setforegroundwindow', c
types.winapi_abi, c
types.bool, // return bool c
types.voidptr_t // hwnd ); var hwnd = c
types.voidptr_t(c
types.uint64(hwndstring)); var rez_s...
... .getinterface(ci.nsiwebnavigation) .queryinterface(ci.nsidocshelltreeitem) .treeowner .queryinterface(ci.nsiinterfacerequestor) .getinterface(ci.nsibasewindow); var nswindowstring = basewindow.nativehandle; components.utils.import('resource://gre/modules/c
types.jsm'); var objc = c
types.open(c
types.libraryname('objc')); //
types let id = c
types.voidptr_t; let sel = c
types.voidptr_t; // constants let nil = c
types.voidptr_t(0); //common functions let sel_registername = objc.declare('sel_registername', c
types.default_abi, sel, c
types.char.ptr); let objc_msgsend = objc.declare('objc_msgsend', c
types.default_abi, id, id, sel, '...'); /* https://developer...
...And 14 more matches
Index
jss also provides a pure java interface for asn.1
types and ber/der encoding.
... /* nspr headers */ #include <prprf.h> #include <pr
types.h> #include <plgetopt.h> #include <prio.h> #include <prprf.h> /* nss headers */ #include <secoid.h> #include <secmodt.h> #include <sechash.h> typedef struct { const char *hashname; secoidtag oid; } nametagpair; /* the hash algorithms supported */ static const nametagpair hash_names[] = { { "md2", sec_oid_md2 }, { "md5", sec_oid_md5 }, { "sha1", sec_oid_sh...
...possible
types are: 0 - sec_krl_type, 1 - sec_crl_type.
...And 14 more matches
Basic native form controls - Learn web development
next we will look at the functionality of the different form controls, or widgets, in detail — studying all the different options available to collect different
types of data.
...this article covers: the common input
types button, checkbox, file, hidden, image, password, radio, reset, submit, and text.
...if you want a more advanced reference, you should consult our html forms element reference, and in particular our extensive <input>
types reference.
...And 13 more matches
XPCOM array guide
introduction array
types mozilla has many array classes because each array is optimized for a particular usage pattern.
... nstarray<t> - a c++ class which provides a
typesafe container for objects or primitive
types (pointers, integers, and so on).
...note that this class differs from the other array
types by using unsigned indices.
...And 12 more matches
Plug-in Basics - Plugins
with the plug-in api, you can create dynamically loaded plug-ins that can: register one or more mime
types draw into a part of a browser window receive keyboard and mouse events obtain data from the network using urls post data to urls add hyperlinks or hotspots that link to new urls draw into sections on an html page communicate with javascript/dom from native code you can see which plug-ins are installed on your system and have been properly associated with the browser by consulting the ins...
...the installed plug-ins page lists each installed plug-in along with its mime type or
types, description, file extensions, and the current state (enabled or disabled) of the plug-in for each mime type assigned to it.
... understanding the runtime model plug-ins are dynamic code modules that are associated with one or more mime
types.
...And 12 more matches
Dehydra Object Reference - Archive of obsolete content
introduction dehydra represents c++
types and variables as javascript objects.
...for example, class
types and typedefs are declared and will have a .loc property.
... intrinsic
types such as "int" are not declared and will not have a .loc.
...And 11 more matches
Plug-in Development Overview - Gecko Plugin API Reference
it determines which plug-ins are installed and which
types they support through a combination of user preferences that are private to the browser, the contents of the plug-ins directory, or the registry on windows.
...for more information about mime
types, see these mime rfcs: rfc-2045: "multipurpose internet mail extensions (mime) part one: format of internet message bodies" rfc-2046: "multipurpose internet mail extensions (mime) part two: media
types" rfc-4288: "media type specifications and registration procedures" there are some variations to how plug-ins are handled on different platforms.
... to determine the mime
types and file extensions that the plug-in handles, the browser normally uses the content of the registry entries for the plug-in described below in installation using the registry.
...And 11 more matches
Following the Android Toasts Tutorial from a JNI Perspective
the java code example above can be done with privileged javascript from firefox for android with the following code: window.nativewindow.toast.show("hello, firefox!", "short"); converting java to jni.jsm the first step is to look at the java code and see all the different
types, methods, constructors, and fields that are being used.
... in the toast code we have the following:
types - context, charsequence, int, toast, and void methods - maketext, show fields - length_short no constructors are used.
... declare the
types we will start by declaring the
types needed.
...And 11 more matches
Plug-in Development Overview - Plugins
it determines which plug-ins are installed and which
types they support through a combination of user preferences that are private to the browser, the contents of the plug-ins directory, or the registry on windows.
...for more information about mime
types, see these mime rfcs: rfc-2045: "multipurpose internet mail extensions (mime) part one: format of internet message bodies" rfc-2046: "multipurpose internet mail extensions (mime) part two: media
types" rfc-4288: "media type specifications and registration procedures" there are some variations to how plug-ins are handled on different platforms.
... to determine the mime
types and file extensions that the plug-in handles, the browser normally uses the content of the registry entries for the plug-in described below in installation using the registry.
...And 11 more matches
Index - MDN Web Docs Glossary: Definitions of Web-related terms
in other programming languages different numeric
types can exist, for examples: integers, floats, doubles, or bignums.
... 36 boolean boolean, codingscripting, glossary, javascript, programming languages, data
types in computer science, a boolean is a logical data type that can have only the values true or false.
... 53 csp glossary, http, infrastructure a csp (content security policy) is used to detect and mitigate certain
types of website related attacks like xss and data injections.
...And 10 more matches
Index
100 jsexntype jsapi reference, reference, référence(2), spidermonkey these
types are part of a jserrorformatstring structure.
... 146 jspropertydescriptor jsapi reference, reference, référence(2), spidermonkey a descriptor is an object that can have the following key values 147 jspropertyop jsapi reference, spidermonkey they are also the
types of the jsclass.addproperty, getproperty, and setproperty callbacks, which are called during object property accesses.
... 149 jsprotokey jsapi reference, reference, référence(2), spidermonkey each of these
types corresponds to standard objects in javascript.
...And 10 more matches
Declaring and Using Callbacks
in these cases, js-c
types allows you to pass a regular javascript function as the callback.
...there is no concurrency logic in js-c
types, so invoking callbacks on other threads will cause things to crash.
... prerequiste understanding abi functiontype declaring callbacks a callback is declared by using c
types.functiontype.
...And 10 more matches
Index - Archive of obsolete content
4 accessibility/xul accessibility reference accessibility, xul this table is designed to show how to expose text properly for various xul element
types.
...both the button and the toolbar button elements support two special
types used for creating menu buttons.
...this will not work for other
types of trees, for example rdf-backed or ones created with dom methods.
...And 9 more matches
ABI
general details this article describes the calling conventions with respect to js-c
types while programming x86 and x86-64/x64/amd64 architectures.
... http://en.wikipedia.org/wiki/application_binary_interface os specific windows https://msdn.microsoft.com/en-us/library/k2b2ssfy.aspx https://msdn.microsoft.com/en-us/library/9b372w95.aspx details with respect to js-c
types this explains how to use it in the js-c
types scope.
... three different abis exist: c
types.default_abi, c
types.stdcall_abi, and c
types.winapi_abi.
...And 9 more matches
CSS values and units - Learn web development
prerequisites: basic computer literacy, basic software installed, basic knowledge of working with files, html basics (study introduction to html), and an idea of how css works (study css first steps.) objective: to learn about the different
types of values and units used in css properties.
... note: you'll also see css values referred to as data
types.
...you might get confused between css data
types and html elements too, as they both use angle brackets, but this is unlikely — they are used in very different contexts.
...And 8 more matches
JIT Optimization Outcomes
this can happen if the operation sees many different
types of objects, and so the type of the input to the operation cannot be resolved to a single type.
... singleton one of the
types present in the
typeset was a singleton type, preventing the optimization from being enabled.
...singleton
types are assigned to objects that are "one of a kind", such as global objects, literal objects declared in the global scope, and top-level function objects.
...And 8 more matches
Working with ArrayBuffers
introductory reading the pointer
types section of the type conversion page explains the fundamentals of this operation.
...the js-c
types equivalent is a c
types.uint8_t.array(###) (c
types.unsigned_char are also c
types.uint8_t).
... this feature is based on the following work: //github.com/realityripple/uxp/blob/master/js/src/c
types/c
types.cpp#3080 //github.com/realityripple/uxp/blob/master/js/src/vm/arraybufferobject.cpp#1301 example 1 - image data the following example illustrates how to transfer a byte array pointed by c
types.uint8_t.ptr to imagedata of canvas.
...And 8 more matches
CType
all data
types declared using the js-c
types api are represented by ctype objects.
... these objects have assorted methods and properties that let you create objects of these
types, find out information about them, and so forth.
... there are several kinds of
types: primitive
types these are typical unstructured data, such as the predefined
types listed in predefined data
types.
...And 8 more matches
A re-introduction to JavaScript (JS tutorial) - JavaScript
overview javascript is a multi-paradigm, dynamic language with
types and operators, standard built-in objects, and methods.
...javascript supports object-oriented programming with object proto
types, instead of classes (see more about prototypical inheritance and es2015 classes).
... let's start off by looking at the building blocks of any language: the
types.
...And 8 more matches
Classes and Inheritance - Archive of obsolete content
we will show how to define classes using constructors, and how to use proto
types to efficiently define member functions on each instance.
... classical inheritance can be implemented in javascript using constructors and proto
types.
... we will show how to make inheritance work correctly with respect to constructors, proto
types, and the instanceof operator, and how to override methods in subclasses.
...And 7 more matches
Advanced form styling - Learn web development
previous overview: forms next in this article, we will see what can be done with css to style the
types of form control that are more difficult to style — the "bad" and "ugly" categories.
...in short, these are drop-down boxes, complex control
types like color and datetime-local, and feedback—oriented controls like <progress> and <meter>.
...: inherit; font-size: 100%; padding: 0; margin: 0; box-sizing: border-box; width: 100%; padding: 5px; height: 30px; } we also added some uniform shadow and rounded corners to the controls on which it made sense: input[type="text"], input[type="datetime-local"], input[type="color"], select { box-shadow: inset 1px 1px 3px #ccc; border-radius: 5px; } on other controls like range
types, progress bars, and meters they just add an ugly box around the control area, so it doesn't make sense.
...And 7 more matches
PerfMeasurement.jsm
event
types measured constant the eventsmeasured constant provides a mask indicating which event
types were recorded.
... variable type description eventsmeasured eventmask a bit mask of the event
types recorded; this can differ from the events requested if the platform doesn't support all of the event
types you specified when creating the perfmeasurement object.
... number of available event
types the num_measurable_events constant tells you how many
types of events can be measured.
...And 7 more matches
WebRequest.jsm
in particular, "blocking" may be passed to several event
types, and will make the event dispatch synchronous, so the browser will wait for the event listener to return before continuing with the request.
... filter is an object that may contain up to two properties: urls and
types.
...
types array of strings.
...And 7 more matches
nsIWebNavigationInfo
introduced gecko 1.8 inherits from: nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) implemented by: @mozilla.org/webnavigation-info;1 as a service: var webnavigationinfo = components.classes["@mozilla.org/webnavigation-info;1"] .getservice(components.interfaces.nsiwebnavigationinfo); method overview unsigned long is
typesupported(in acstring atype, in nsiwebnavigation awebnav); constants support type constants constant value description unsupported 0 returned by is
typesupported() to indicate lack of support for a type.
... note: this is guaranteed not to change, so that boolean tests can be done on the return value if is
typesupported to detect whether a type is supported at all.
... image 1 returned by is
typesupported() to indicate that a type is supported as an image.
...And 7 more matches
Dragging and Dropping Multiple Items - Web APIs
these are methods that mirror the
types property as well as the getdata(), setdata() and cleardata() methods, however, they take an additional argument that specifies the index of the item to retrieve, modify or remove.
...mozsetdataat("text/plain", "url2", 1); dt.mozsetdataat("text/uri-list", "url3", 2); dt.mozsetdataat("text/plain", "url3", 2); // [item1] data=url1, index=0 // [item2] data=url2, index=1 // [item3] data=url3, index=2 after you added three items in two different formats, dt.mozcleardataat("text/uri-list", 1); dt.mozcleardataat("text/plain", 1); you've removed the second item clearing all
types, then the old third item becomes new second item, and its index decreases.
... function ondrop(event) { var files = []; var dt = event.datatransfer; for (var i = 0; i < dt.mozitemcount; i++) files.push(dt.mozgetdataat("application/x-moz-file", i)); } you may also wish to check if the desired format exists using the moz
typesat method.
...And 7 more matches
<input type="file"> - HTML: Hypertext Markup Language
additional attributes in addition to the common attributes shared by all <input> elements, inputs of type file also support the following attributes: attribute description accept one or more unique file type specifiers describing file
types to allow capture what source to use for capturing image or video data files a filelist listing the chosen files multiple a boolean which, if present, indicates that the user may choose more than one file accept the accept attribute value is a string that defines the file
types the file input should accept.
...hat accepts word files might use an <input> like this: <input type="file" id="docpicker" accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"> capture the capture attribute value is a string that specifies which camera to use for capture of image or video data, if the accept attribute indicates that the input should be of one of those
types.
... limiting accepted file
types often you won't want the user to be able to pick any arbitrary type of file; instead, you often want them to select files of a specific type or
types.
...And 7 more matches
Basic math in JavaScript — numbers and operators - Learn web development
types of numbers in programming, even the humble decimal number system that we all know so well is more complicated than you might think.
... we use different terms to describe different
types of decimal numbers, for example: integers are whole numbers, e.g.
... we even have different
types of number systems!
...And 6 more matches
Client-side tooling overview - Learn web development
objective: to understand what
types of client-side tooling there are, and how to find tools and get help with them.
... a few very common safety net tool
types you will find being used by developers are as follows.
... linters linters are tools that check through your code and tell you about any errors that are present, what error
types they are, and what code lines they are present on.
...And 6 more matches
JIT Optimization Strategies
unique (or "singleton")
types are assigned to certain kinds of objects, like global objects, top-level functions, and object literals declared at the top-level of a script.
...if the
types observed at the property access are polymorphic (more than one type), this optimization cannot succeed.
... getprop_commongetter optimizes access to properties which are implemented by a getter function, where the getter is shared between multiple
types.
...And 6 more matches
JSAPI reference
ecallback added in spidermonkey 17 js_newcompartmentandglobalobject added in spidermonkey 1.8.1 obsolete since jsapi 16 js_entercrosscompartmentcall added in spidermonkey 1.8.1 obsolete since jsapi 18 js_leavecrosscompartmentcall added in spidermonkey 1.8.1 obsolete since jsapi 18 locale callbacks: struct jslocalecallbacks js_getlocalecallbacks js_setlocalecallbacks locale callback
types: jslocaletouppercase jslocaletolowercase jslocalecompare jslocaletounicode scripts just running some javascript code is straightforward: class js::compileoptions added in spidermonkey 17 class js::owningcompileoptions added in spidermonkey 31 class js::readonlycompileoptions added in spidermonkey 31 class js::sourcebufferholder added in spidermonkey 31 js::evaluate added in spider...
..._clearpendingexception js_throwstopiteration added in spidermonkey 1.8 js_isstopiteration added in spidermonkey 31 typedef jsexceptionstate js_saveexceptionstate js_restoreexceptionstate js_dropexceptionstate these functions translate errors into exceptions and vice versa: js_reportpendingexception js_errorfromexception js_throwreportederror obsolete since jsapi 29 values and
types typedef jsval js::value js::value constructors: js::nullvalue added in spidermonkey 24 js::undefinedvalue added in spidermonkey 24 js::booleanvalue added in spidermonkey 24 js::truevalue added in spidermonkey 24 js::falsevalue added in spidermonkey 24 js::numbervalue added in spidermonkey 24 js::int32value added in spidermonkey 24 js::doublevalue added in spidermonkey 24 js::fl...
...js_convertarguments obsolete since jsapi 38 js_convertargumentsva obsolete since jsapi 38 js_pusharguments obsolete since javascript 1.8.5 js_pushargumentsva obsolete since javascript 1.8.5 js_poparguments obsolete since javascript 1.8.5 js_addargumentformatter obsolete since jsapi 18 js_removeargumentformatter obsolete since jsapi 18 the following functions convert js values to various
types.
...And 6 more matches
WebReplayRoadmap
doing this well will require some experimentation, but in many cases the buggy recording should hit different locations in the source or exhibit different
types from the normal recording.
... static type integration (not yet implemented) static type systems like flow and
typescript are great and really useful for managing an app's codebase, but they are unsound by design, and it is pretty easy to satisfy the type system and yet have different
types in practice.
... a recording can be analyzed for the
types that appear in practice.
...And 6 more matches
Using the Frame Timing API - Web APIs
an application can register a performanceobserver for "frame" performance entry
types and the observer will have data about the duration of each frame event.
... frame observers the performance observer interfaces allow an application to register an observer for specific performance event
types.
... when one of those event
types is added to the browser's performance timeline, the application is notified of the event via the observer's callback function that was specified when the observer was created.
...And 6 more matches
CSS values and units - CSS: Cascading Style Sheets
there are a common set of data
types -- values and units -- that css properties accept.
... below is an overview of most of these data
types.
... textual data
types <custom-ident> pre-defined keywords as an <ident> <string> <url> text data
types are either <string>, a quoted series of characters, or an <ident>, a "css identifier" which is an unquoted string.
...And 6 more matches
Using media queries - CSS: Cascading Style Sheets
note: the examples on this page use css's @media for illustrative purposes, but the basic syntax remains the same for all
types of media queries.
...queries involving unknown media
types are always false.
... media
types media
types describe the general category of a device.
...And 6 more matches
HTTP Index - HTTP
9 mime
types (iana media
types) content-type, guide, http, mime
types, meta, request header, response header, application/javascript, application/json, application/xml a media type (also known as a multipurpose internet mail extensions or mime type) is a standard that indicates the nature and format of a document, file, or assortment of bytes.
... 10 incomplete list of mime
types audio, file
types, files, http, mime, mime
types, php, reference, text,
types, video here is a list of mime
types, associated by type of documents, ordered by their common extensions.
... 16 content security policy (csp) csp, content security policy, reference, security content security policy (csp) is an added layer of security that helps to detect and mitigate certain
types of attacks, including cross site scripting (xss) and data injection attacks.
...And 6 more matches
Media type and format guide: image, audio, and video content - Web media technologies
the modern web has powerful features to support the presentation and manipulation of media, with several media-related apis supporting various
types of content.
... this guide provides an overview of the media file
types, codecs, and algorithms that may comprise media used on the web.
... it also provides browser support information for various combinations of these, and suggestions for prioritization of formats, as well as which formats excel at specific
types of content.
...And 6 more matches
Understanding WebAssembly text format - WebAssembly
the locals are like vars in javascript, but with explicit
types declared.
... each parameter has a type explicitly declared; wasm currently has four available number
types (plus reference
types; see the reference
types) section below): i32: 32-bit integer i64: 64-bit integer f32: 32-bit float f64: 64-bit float a single parameter is written (param i32) and the return type is written (result i32), hence a binary function that takes two 32-bit integers and returns a 64-bit float would be written like this: (func (param i32) (param i32) (result f64) ...
...you could swap out the i32 for any of the other available
types, and change the value of the const to whatever you like (here we’ve set the value to 42).
...And 6 more matches
XUL Structure - Archive of obsolete content
how xul is handled in mozilla, xul is handled in much the same way as html or other
types of content are handled.
... in fact, in mozilla, all document
types, whether they are html or xul, or even svg, are all handled by the same underlying code.
... document
types: html xml xul css mozilla uses a distinctly different kind of document object (dom) for html and xul, although they share much of the same functionality.
...And 5 more matches
Client-side form validation - Learn web development
different
types of client-side validation there are two different
types of client-side validation that you'll encounter on the web: built-in form validation uses html5 form validation features, which we've discussed in many places throughout this module.
... minlength and maxlength: specifies the minimum and maximum length of textual data (strings) min and max: specifies the minimum and maximum values of numerical input
types type: specifies whether the data needs to be a number, an email address, or some other specific preset type.
... note: some <input> element
types don't need a pattern attribute to be validated against a regular expression.
...And 5 more matches
Framework main features - Learn web development
angular apps often make heavy use of
typescript.
...
typescript is not concerned with the writing of user interfaces, but it is a domain-specific language, and has significant differences to vanilla javascript.
... given this handlebars template: <header> <h1>hello, {{subject}}!</h1> </header> and this data: { subject: "world" } handlebars will build html like this: <header> <h1>hello, world!</h1> </header>
typescript
typescript is a superset of javascript, meaning it extends javascript — all javascript code is valid
typescript, but not the other way around.
...And 5 more matches
Deployment and next steps - Learn web development
previous overview: client-side javascript frameworks in the previous article we learning about svelte's
typescript support, and how to use it to make your application more robust.
... note that our application is fully functional and porting it to
typescript is completely optional.
... there are different opinions about it, and in this chapter we will talk briefly about the pros and cons of using
typescript.
...And 5 more matches
ssltyp.html
upgraded documentation may be found in the current nss reference selected ssl
types and structures chapter 3 selected ssl
types and structures this chapter describes some of the most important
types and structures used with the functions described in the rest of this document, and how to manage the memory used for them.
... additional
types are described with the functions that use them or in the header files.
...
types and structures managing secitem memory
types and structures these
types and structures are described here: certcertdbhandle certcertificate pk11slotinfo secitem seckeyprivatekey secstatus additional
types used by a single function only are described with the function's entry in each chapter.
...And 5 more matches
SpiderMonkey 1.8.5
many jsapi
types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
... previous versions of spidermonkey supported two
types of native functions: jsnative and jsfastnative.
...spidermonkey 1.8.5 also ships with js-c
types, a foreign-function interface for privileged javascript.
...And 5 more matches
SpiderMonkey 1.8.8
many jsapi
types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
... a significant number of typedefs of built-in
types, or of
types which are now standardized, have been removed.
...typedef changes many
types have been removed from the jsapi and replaced with simpler alternatives.
...And 5 more matches
SpiderMonkey 17
many jsapi
types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
... a significant number of typedefs of built-in
types, or of
types which are now standardized, have been removed.
...typedef changes many
types have been removed from the jsapi and replaced with simpler alternatives.
...And 5 more matches
Index
8 generating guids add-ons, developing mozilla, developing_mozilla:tools, extensions, tools, xpcom guids are used in mozilla programming for identifying several
types of entities, including xpcom interfaces (this type of guids is callled iid), components (cid), and legacy add-ons—like extensions and themes—that were created prior to firefox 1.5.
... 95 xpcom category image-sniffing-services add-ons, extensions, needscontent in versions of firefox prior to firefox 3, extensions could add decoders for new image
types.
... however, such decoders relied on servers sending correct mime
types; images sent with incorrect mime
types would not be correctly displayed.
...And 5 more matches
FunctionType
argtypen zero or more ctype objects indicating the
types of each of the parameters passed into the c function.
...the equivalent c function type declaration would be: returntype (*) ([argtype1, ..., argtypen]); exceptions thrown typeerror abi is not a valid abi constants, or returntype or any of the argument
types are not valid ctype objects.
... arg
types ctype[] a sealed array of the argument
types.
...And 5 more matches
StructType
each field descriptor contains the field's name and its type, such as {'serialnumber': c
types.int}.
... a complete field descriptor list might look like this: [ {'serialnumber': c
types.int}, {'username': c
types.char.ptr} ] properties property type description fields ctype[] a sealed array of field descriptors.
... for primitive
types, this is just the name of the corresponding c type.
...And 5 more matches
StringView - Archive of obsolete content
6": fputoutptcode = stringview.pututf16charcode; fgetoutptchrsize = stringview.getutf16charlength; ftaview = uint16array; break encswitch; case "utf-32": ftaview = uint32array; ntranscrtype &= 14; break encswitch; default: /* case "ascii", or case "binarystring" or unknown cases */ ftaview = uint8array; ntranscrtype &= 14; }
typeswitch: switch (typeof vinput) { case "string": /* the input argument is a primitive string: a new buffer will be created.
... */ ntranscrtype &= 7; break
typeswitch; case "object": classswitch: switch (vinput.constructor) { case stringview: /* the input argument is a stringview: a new buffer will be created.
... */ ntranscrtype &= 3; break
typeswitch; case string: /* the input argument is an objectified string: a new buffer will be created.
...And 4 more matches
Textbox (XPFE autocomplete) - Archive of obsolete content
autofill obsolete since gecko 1.9.1 type: boolean note: applies to: thunderbird and seamonkeyif set to true, the best match will be filled into the textbox as the user
types.
... autofill new in thunderbird 3 requires seamonkey 2.0 type: boolean if set to true, the best match will be filled into the textbox as the user
types.
... completedefaultindex new in thunderbird 3 requires seamonkey 2.0 type: boolean if true, the best match value will be filled into the textbox as the user
types.
...And 4 more matches
The First Install Problem - Archive of obsolete content
example: [hkey_local_machine\software\mozillaplugins\@mycompany.com/myapplication,version=5.01] version=5.01 mime
types -- this is a subkey and contains individual mime
types as further subkeys.
... hkey_local_machine\software\mozillaplugins\@mycompany.com/myapplication,version=5.01/mime
types/somemime
typesubkey/ the mime
types subkey contains further subkeys based on an application's actual mime
types.
... examples: [hkey_local_machine\software\mozillaplugins\@mycompany.com/myapplication,version=5.01\mime
types\application/x-myapp] there can be more than one such subkey, depending on how many mime
types an application wishes to handle (or advertise that it handles).
...And 4 more matches
LiveConnect Overview - Archive of obsolete content
note: because java is a strongly typed language and javascript is weakly typed, the javascript runtime engine converts argument values into the appropriate data
types for the other language when you use liveconnect.
...note: because java is a strongly typed language and javascript is weakly typed, the javascript runtime engine converts argument values into the appropriate data
types for the other language when you use liveconnect.
...data type conversions because java is a strongly typed language and javascript is weakly typed, the javascript runtime engine converts argument values into the appropriate data
types for the other language when you use liveconnect.
...And 4 more matches
Gecko info for Windows accessibility vendors
role_client xul: <browser> html: <frame> or <iframe> role_menupopup dhtml: role="wairole:menu" fires event_menupopupstart, event_menupopupend role_menuitem xul: menuitem dhtml: role="wairole:menuitem" sets state_checked for radio or checkbox menuitem
types accelerator key comes in accname after a \t (tab) character.
...another [in] parameter, usealternativemediaproperties, indicates whether you want style information for the default media type (usually screen), or a set of alternative media
types specified in nsisimpledomdocument::set_alternateviewmediatype(media
typestring) .
... hresult get_computedstyle( /* [in] */ unsigned short maxstyleproperties, /* [in] */ boolean usealternateview, // if true, returns properties for media // as set in nsidomdocument::set_alternateviewmedia
types /* [out] */ bstr *styleproperties, /* [out] */ bstr *stylevalues, /* [out] */ unsigned short *numstyleproperties); a variation on this method is get_computedstyleforproperties, which lets turns the styleproperties array into an [in] parameter, letting you specify only those style properties you're interested in.
...And 4 more matches
IPDL Tutorial
ipdl supports built-in and custom primitive
types, as well as unions and arrays.
... the built-in simple
types include the c++ integer
types (bool, char, int, double) and xpcom string
types (nsstring, nscstring).
... ipdl imports these automatically because they are common, and because the base ipc library knows how to serialize and deserialize these
types.
...And 4 more matches
nss tech note1
if kind is the sec_asn1_choice modifier, you must also specify additional templates in a null terminated array to list the various possible
types that this component can have.
...this field does not apply to all template
types.
... it is only needed if the template instructs the decoder to save some data, such as for primitive component
types, or for some modifiers where noted.when needed, it tells the decoder where in the target data to save the current component.
...And 4 more matches
nss tech note3
there are 8 key usages: cert_sign crl_sign data_encipherment digital_signature govt_approved key_agreement key_encipherment non_repudiation there are 9 cert
types: email email_ca object_signing object_signing_ca ssl_ca ssl_client ssl_server status_responder time_stamp for the cert being checked, the requirements are: cert usage requried key usage required cert type -------------------- -------------------- ----------------------- sslclient: digital_signature; ssl_client; sslserver: key_agreement or key_encipherment; ssl_server; ...
...for other
types of keys, it is key_agreement.
... the cert type extension has bits in it that correspond directly to the cert
types named above.
...And 4 more matches
SpiderMonkey 1.8.7
many jsapi
types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
...spidermonkey 1.8.5 also ships with js-c
types, a foreign-function interface for privileged javascript.
... to enable js-c
types in your embedding, you must configure with the --enable-c
types option and choose one of the configuration options to enable nspr (e.g.
...And 4 more matches
SpiderMonkey 24
many jsapi
types, functions, and callback signatures have changed, though most of them still have the same names and do the same things.
... many of the garbage collector changes require type signature changes to jsapi methods: specifically introducing js::rooted, js::handle, and js::mutablehandle
types.
... these
types, with the appropriate parametrizations, can roughly be substituted for plain
types of gc things (values, string/object pointers, etc.).
...And 4 more matches
Mozilla internal string guide
functions taking strings as parameters should generally take one of these four
types.
... there are a number of additional string classes: classes which exist primarily as constructors for the other
types, particularly nsdependent[c]string and nsdependent[c]substring.
... these
types are really just convenient notation for constructing an ns[c]s[ubs]tring with a non-default ownership mode; they should not be thought of as different
types.
...And 4 more matches
ArrayType
for primitive
types, this is just the name of the corresponding c type.
... for structure and opaque pointer
types, this is simply the string that was passed to the constructor.
... for other function, pointer, and array
types, this should be a valid c type expression.
...And 4 more matches
PointerType
examples creating a type "pointer to 32-bit integer" looks like this: var intptrtype = new c
types.pointertype(c
types.int32_t); properties property type description targettype ctype the type of object the pointer points to.
... for primitive
types, this is just the name of the corresponding c type.
... for structure and opaque pointer
types, this is simply the string that was passed to the constructor.
...And 4 more matches
DataTransfer - Web APIs
it may hold one or more data items, each of one or more data
types.
... datatransfer.effectallowed provides all of the
types of operations that are possible.
... datatransfer.
types read only an array of strings giving the formats that were set in the dragstart event.
...And 4 more matches
PerformanceObserver.observe() - Web APIs
the observe() method of the performanceobserver interface is used to specify the set of performance entry
types to observe.
... the performance entry
types are specified as an array of domstring objects, each naming one entry type; the type names are documented in performance entry type names in performanceentry.entrytype.
... syntax observer.observe(options); parameters options a performanceobserverinit dictionary with the following possible members: entry
types: an array of domstring objects, each specifying one performance entry type to observe.
...And 4 more matches
Geometry and reference spaces in WebXR - Web APIs
the currently available reference space
types, which are defined by the xrreferencespacetype enumeration, are shown below.
...the "interface" column in the table below indicates which of the two
types is returned for each reference space type constant..
... reference space descriptors the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...And 4 more matches
Value definition syntax - CSS: Cascading Style Sheets
component value
types keywords generic keywords a keyword with a predefined meaning appears literally, without quotation marks.
... data
types basic data
types some kind of data are used throughout css, and are defined once for all values in the specification.
... called basic data
types, they are represented with their name surrounded by the symbol '<' and '>': <angle>, <string>, … non-terminal data
types less common data
types, called non-terminal data
types, are also surrounded by '<' and '>'.
...And 4 more matches
Constraint validation - Developer guides
html5 introduced new mechanisms for forms: it added new semantic
types for the <input> element and constraint validation to ease the work of checking the form content on the client side.
... semantic input
types the intrinsic constraints for the type attribute are: input type constraint description associated violation <input type="url"> the value must be an absolute url, as defined in the url living standard.
... typemismatch constraint violation for both of these input
types, if the multiple attribute is set, several values can be set, as a comma-separated list, for this input.
...And 4 more matches
Layout System Overview - Archive of obsolete content
in the case of the html-specific elements, the frame
types that correspond to the element are hard-coded, but in the more general case where the display type is needed, the layout system must determine that display type by using the style system.
...consider a text entry field: the user
types text into a form on the web.
... as the user
types a new character it is inserted into the content model.
...And 3 more matches
Migrate apps from Internet Explorer to Mozilla - Archive of obsolete content
mime
types (when css files are not applied) the most common css-related issue is that css definitions inside referenced css files are not applied.
...i'll discuss more about doc
types in the next section.
... doc
types (short for document type declarations) look like this: <!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> the section in blue is called the public identifier, the green part is the system identifier, which is a uri.
...And 3 more matches
Box Objects - Archive of obsolete content
unless you change the style for an element, most xul elements will usually use the box layout object or one of its sub
types.
... recall that all xul elements are
types of boxes, that is the box is the base of all displayed xul elements.
... however, there are a number of sub
types, about 25 or so, for specific xul elements.
...And 3 more matches
Mozilla XForms User Interface - Archive of obsolete content
used for most data
types, especially text data.
... checkbox - used for boolean instance data datepicker - default representation for date data
types.
... calendar - used for date data
types when appearance = 'full'.
...And 3 more matches
Mobile accessibility - Learn web development
responsive design responsive design is the practice of making your layouts and other features of your apps dynamically change depending on factors such as screen size and resolution, so they are usable and accessible to users of different device
types.
...you can see a simple example of this idea in action in common-job-
types.html (see the common jobs example live).
... it is also worth considering the use of html5 form input
types such as the date on mobile platforms as they handle them well — both android and ios, for example, display usable widgets that fit well with the device experience.
...And 3 more matches
Server-side web frameworks - Learn web development
the model specifies the field
types to be stored, which may provide field-level validation on what information can be stored (e.g.
...templates are often used to create html, but can also create other
types of document.
...— other factors include: framework purpose/origin: some web frameworks were initially created to solve certain
types of problems, and remain better at creating web apps with similar constraints.
...And 3 more matches
Handling common HTML and CSS problems - Learn web development
html5 form elements also exhibit fallback qualities — html5 introduced some special <input>
types for inputting specific information into forms, such as times, dates, colors, numbers, etc.
...supporting platforms provide special ui widgets when these input
types are used, such as a calendar widget for entering dates.
...usage of prefixes by browser vendors has declined recently precisely because of these
types of problems, but there are still some that need attention.
...And 3 more matches
nsIDOMWindowUtils
"basic" is unaccelerated; other
types are accelerated.
...the event
types supported are: keydown, keyup, keypress.
...the event
types supported are: mousedown, mouseup, mousemove, mouseover, mouseout, contextmenu.
...And 3 more matches
nsIWindowsRegKey
this interface is not restricted to using only these access
types.
...the microsoft documentation should be consulted for the exact meaning of these value
types.
... this interface is somewhat restricted to using only these value
types.
...And 3 more matches
Using C struct and pointers
in this example, we show how to use c structs and pointers with js-c
types.
... declaring a js-c
types struct matching a c struct if we have a c structure like this: struct st_t { void *self; char *str; size_t buff_size; int i; float f; char c; }; we can use it in javascript by writing something like this: var st_t = new c
types.structtype("st_t", [ { "self": c
types.pointertype(c
types.void_t) }, { "str": c
types.pointertype(c
types.char) }, { "buff_size": c
types.size_t }, { "i": c
types.int }, { "f": c
types.float }, { "c": c
types.char } ]); here we are using the structtype() factory method of the c
types object to create a ctype object that represents the c struct named st_t.
... using c strings with js-c
types a pointer to char in javascript is declared as follows: var str = c
types.pointertype(c
types.char); now imagine you call a c function that returns a c string and you want to modify the contents of this string.
...And 3 more matches
Examples
these examples demonstrate how to use js-c
types.
... general using c struct and pointers an example on how to use basic c data
types with js-c
types.
... using objective-c from js-c
types an example how to use objective-c from js-c
types, by converting objective-c code into c code.
...And 3 more matches
CData
note: this is never c
types.void_t or an array type with an unspecified length.
... methods available on all cdata objects address() returns a cdata object of the pointer type c
types.pointertype(dataobject.constructor) whose value points to the c object referred to by the object.
... return value a cdata object of the pointer type c
types.pointertype(dataobject.constructor) whose value points to the c object referred to by the object.
...And 3 more matches
Library
the library object represents a native library loaded by the c
types open() method.
... cdata declare( name[, abi, returntype argtype1, ...] ); parameters name the name of the symbol exported by the native library that is to be declared as usable from javascript abi the abi used by the exported function; this will be c
types.default_abi for most libraries, except for windows libraries, which will be c
types.winapi_abi or c
types.stdcall_abi.
... exceptions thrown c
types ctype functiontype abi typeerror the return type was specified as an array.
...And 3 more matches
Mozilla
continuous integration when you push a commit to mozilla-central or a related repository, it initiates a large chain of builds and tests across multiple
types of infrastructure.
... how mozilla determines mime
types all data handling in mozilla is based on the mime type of the content.
... javascript tips javascript-dom proto
types in mozilla when a dom node is accessed from javascript in mozilla, the native c++ dom node is wrapped using xpconnect and the wrapper is exposed to javascript as the javascript representation of the dom node.
...And 3 more matches
MediaSessionActionDetails - Web APIs
see media action
types below for possible values.
...this property is not present for other action
types.
... media action
types a media session action's type is specified using a string from the mediasessionaction enumerated type.
...And 3 more matches
WebGL constants - Web APIs
data
types constant name value description byte 0x1400 unsigned_byte 0x1401 short 0x1402 unsigned_short 0x1403 int 0x1404 unsigned_int 0x1405 float 0x1406 pixel formats constant name value description depth_component 0x1902 ...
... alpha 0x1906 rgb 0x1907 rgba 0x1908 luminance 0x1909 luminance_alpha 0x190a pixel
types constant name value description unsigned_byte 0x1401 unsigned_short_4_4_4_4 0x8033 unsigned_short_5_5_5_1 0x8034 unsigned_short_5_6_5 0x8363 shaders constants passed to webglrenderingcontext.createshader() or webglrenderingcontext.getshaderparameter() constant name value description fragment_shader 0x8b30 passed to createshader to define a fragment shader.
... repeat 0x2901 clamp_to_edge 0x812f mirrored_repeat 0x8370 uniform
types constant name value description float_vec2 0x8b50 float_vec3 0x8b51 float_vec4 0x8b52 int_vec2 0x8b53 int_vec3 0x8b54 int_vec4 0x8b55 bool 0x8b56 bool_vec2 0x8b57 bool_vec3 0x8b58 bool_vec4 0x8b59 flo...
...And 3 more matches
Content-Security-Policy - HTTP
directives fetch directives fetch directives control the locations from which certain resource
types may be loaded.
... plugin-
types restricts the set of plugins that can be embedded into a document by limiting the
types of resources which can be loaded.
... require-trusted-
types-for enforces trusted
types at the dom xss injection sinks.
...And 3 more matches
Rosetta - Archive of obsolete content
it relies on the fact that unrecognized mime
types will be simply ignored: this allows us to manually parse them.
...sedocument () { for ( var ascripts = document.getelementsbytagname("script"), nidx = 0; nidx < ascripts.length; parsescript(ascripts[nidx++]) ); } var odicts = {}, rignoremimes = /^\s*(?:text\/javascript|text\/ecmascript)\s*$/; this.translatescript = parsescript; this.translateall = parsedocument; this.appendcompiler = function (vmime
types, fcompiler) { if (arguments.length < 2) { throw new typeerror("rosetta.appendcompiler() \u2013 not enough arguments"); } if (typeof fcompiler !== "function") { throw new typeerror("rosetta.appendcompiler() \u2013 second argument must be a function"); } if (!array.isarray(vmime
types)) { odicts[(vmime
types).tostring()] = fcompiler; return true; } ...
... for (var nidx = 0; nidx < vmime
types.length; nidx++) { odicts[(vmime
types[nidx]).tostring()] = fcompiler; } return true; }; })(); now, imagine you need a compiler for scripts written in c (mime type: text/x-c).
...And 2 more matches
XPCOM Objects - Archive of obsolete content
this is done for certain value
types that are not valid as return values in idl, such as typed arrays.
... some commonly used xpcom methods require other xpcom
types as parameters.
... } }; finally, here's a table summarizing the
types you will most likely encounter in xpcom interfaces, and how to handle them: js type idl
types notes strings autf8string, string, wstring, char*, others historically there have been several string
types in xpcom.
...And 2 more matches
Popup Menus - Archive of obsolete content
creating a popup menu xul has three different
types of popups, described below.
... all three
types of popups differ in the way that the user invokes them.
... you could associate multiple popups with the same element by putting more attributes of different
types on an element.
...And 2 more matches
nsIContentPolicy - Archive of obsolete content
implementations of this interface can be used to control the loading of various
types of out-of-line content, or the processing of certain
types of inline content.
...ntentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetypeguess, in nsisupports aextra, in nsiprincipal arequestprincipal); short shouldprocess(in unsigned long acontenttype, in nsiuri acontentlocation, in nsiuri arequestorigin, in nsisupports acontext, in acstring amimetype, in nsisupports aextra, in nsiprincipal arequestprincipal); constants content
types constant value description type_other 1 indicates content whose type is unknown, or is not interesting outside a limited use case.
...these
types are mapped to type_subdocument before being passed into the implementation of the content policy and should not be used outside gecko code.
...And 2 more matches
Implementation Status - Archive of obsolete content
data
types section title status notes bugs 5.1 xml schema built-in data
types partial whitespace facet not supported.
... 5.2.1 additional xforms data
types to allow empty content unsupported 5.2.2 xforms:listitem supported 5.2.3 xforms:listitems supported 5.2.4 xforms:daytimeduration supported 5.2.5 xforms:yearmonthduration supported 5.2.6 xforms:email unsupported 5.2.7 xforms:card-number unsupported supported
types: string, normalized string, token, language, boolean, gday, gmonth, gyear, gyearmonth, gmonthday, date, time, datetime, duration, integer, nonpositiveinteger, negativeinteger, posit...
...model item properties section title status notes bugs 6.1.1 type partial limited to
types mentioned above 6.1.2 readonly supported 6.1.3 required supported 6.1.4 relevant partial relevancy applied via a bind to an element fails to apply to child attributes 342319; 6.1.5 calculate supported 6.1.6 constraint supported 6.1.7 p3ptype ...
...And 2 more matches
Index - Game development
mozilla's a-frame framework provides a markup language allowing us to build 3d vr landscapes using a system familiar to web developers, which follows game development coding principles; this is useful for quickly and successfully building proto
types and demos, without having to write a lot of javascript or glsl.
...there are two
types of shaders: vertex shaders and fragment (pixel) shaders.
... 41 tutorials canvas, games, javascript, web, workflows this page contains multiple tutorial series that highlight different workflows for effectively creating different
types of web games.
...And 2 more matches
Web fonts - Learn web development
in the web-font-start.css file, you'll find some minimal css to deal with the basic layout and
typesetting of the example.
...there are generally three
types of sites where you can obtain fonts: a free font distributor: this is a site that makes free fonts available for download (there may still be some license conditions, such as crediting the font creator).
...you can find an assessment to verify that you've retained this information at the end of the module — see
typesetting a community school homepage.
...And 2 more matches
Other form controls - Learn web development
previous overview: forms next we now look at the functionality of non-<input> form elements in detail, from other control
types such as drop-down lists and multi-line text fields, to other useful form features such as the <output> element (which we saw in action in the previous article), and progress bars.
... note: you can find examples of all the drop-down box
types on github at drop-down-content.html (see it live also).
... for example, in browsers that support <datalist> on range input
types, a small tick mark will be displayed above the range for each datalist <option> value.
...And 2 more matches
Video and audio content - Learn web development
as we talked about before, different browsers support different video and audio formats, and different container formats (like mp3, mp4, and webm, which in turn can contain different
types of video and audio).
...for example, for some
types of audio, a codec's data is often stored without a container, or with a simplified container.
...see choosing the right container in media container formats (file
types) for help selecting the container file format best suited for your needs; similarly, see choosing a video codec in web video codec guide and choosing an audio codec in web audio codec guide for help selecting the first media codecs to use for your content and your target audience.
...And 2 more matches
Inheritance in JavaScript - Learn web development
object member summary to summarize, you've got four
types of property/method to worry about: those defined inside a constructor function that are given to object instances.
...proto
types and inheritance represent some of the most complex aspects of javascript, but a lot of javascript's power and flexibility comes from its object structure and inheritance, and it is worth understanding how it works.
...if you find yourself starting to create a number of objects that have similar features, then creating a generic object type to contain all the shared functionality and inheriting those features in more specialized object
types can be convenient and useful.
...And 2 more matches
Object-oriented JavaScript for beginners - Learn web development
specialist classes in this case we don't want generic people — we want teachers and students, which are both more specific
types of people.
... in oop, we can create new classes based on other classes — these new child classes can be made to inherit the data and code features of their parent class, so you can reuse functionality common to all the object
types rather than having to duplicate it.
... note: the fancy word for the ability of multiple object
types to implement the same functionality is polymorphism.
...And 2 more matches
JNI.jsm
the jni.jsm javascript code module abstracts all of the js-c
types required for writing jni code.
... jni.jsm contains all the js-c
types needed to communicate with the jni libraries.
... the js-c
types is abstracted away while all the underlying data is all ctype data.
...And 2 more matches
Mozilla DOM Hacking Guide
in javascript, there is no knowledge of
types, like there is in c++.
...it does a lot of different things: fill the blanks in the sclassinfodata array, initialize the sxpconnect and ssecman data members, create a new javascript context, define the jsstring data members, and register class names and class proto
types.
... when should domclassinfo be used to add a new interface to an existing dom object to expose a new dom object to javascript to add a new js external constructor, like "new image()" to bypass the default behavior of xpconnect to implement a "replaceable" property to mess with the proto
types of dom objects example of functionality implemented using domclassinfo: constructors of dom objects in the global scope (e.g.
...And 2 more matches
NSPR API Reference
introduction to nspr nspr naming conventions nspr threads thread scheduling setting thread priorities preempting threads interrupting threads nspr thread synchronization locks and monitors condition variables nspr sample code nspr
types calling convention
types algebraic
types 8-, 16-, and 32-bit integer
types signed integers unsigned integers 64-bit integer
types floating-point integer type native os integer
types miscellaneous
types size type pointer difference
types boolean
types status type for return values threads threading
types and constants threading functions creating, joining, and identifying threads controlling thread priorities contro...
...oncurrency getting a thread's scope process initialization identity and versioning name and version constants initialization and cleanup module initialization locks lock type lock functions condition variables condition variable type condition variable functions monitors monitor type monitor functions cached monitors cached monitor functions i/o
types directory type file descriptor
types file info
types network address
types types used with socket options functions type used with memory-mapped i/o offset interpretation for seek functions i/o functions functions that operate on pathnames functions that act on file descriptors directory i/o functions socket manipulation functions converting between host and network addresses m...
...emory-mapped i/o functions anonymous pipe function polling functions pollable events manipulating layers network addresses network address
types and constants network address functions atomic operations pr_atomicincrement pr_atomicdecrement pr_atomicset interval timing interval time type and constants interval functions date and time
types and constants time parameter callback functions functions memory management operations memory allocation functions memory allocation macros string operations pl_strlen pl_strcpy pl_strdup pl_strfree floating point number to string conversion pr_strtod pr_dtoa pr_cnvtf long long (64-bit) integers bitmaps formatted printing linked lists linked list
types prclist linked list macros pr_...
...And 2 more matches
Scripting Java
being able to view the parameters and return type of java methods is particularly useful in exploratory programming where we might be investigating a method and are unsure of the parameter or return
types.
... js> f.name test.txt js> f.directory false calling overloaded methods the process of choosing a method to call based upon the
types of the arguments is called overload resolution.
...for example, if we call overload's method g with two integers we get an error because neither form of the method is closer to the argument
types than the other: js> o.g(3,4) js:"<stdin>", line 2: the choice of java method overload.g matching javascript argument
types (number,number) is ambiguous; candidate methods are: class java.lang.string g(java.lang.string,int) class java.lang.string g(int,java.lang.string) see java method overloading and liveconnect 3 for a more precise definition of overloading semantics.
...And 2 more matches
GC Rooting Guide
the main
types of gc thing pointer are: js::value jsobject* jsstring* jsscript* jsid note that js::value and jsid can contain pointers internally even though they are not a normal pointer type, hence their inclusion in this list.
... if you use these
types directly, or create classes, structs or arrays that contain them, you must follow the rules set out in this guide.
... there are typedefs available for the main
types.
...And 2 more matches
64-bit Compatibility
the following
types or typedefs are always 64-bit on 64-bit platforms, and 32-bit on 32-bit platforms: pointers uintptr_t, intptr_t, ptrdiff_t, (probably) size_t jsval jsuword, jsword length of a string, though the actual length cannot exceed 30 bits jsuintptr, jsintptr, jsptrdiff, jsuptrdiff, jssize, jsuword, jsword (let's not use these, kthx) the following
types are 32-bit on 32-bit platforms.
...the best way to fix this is to make
types explicit, such as: const uintptr_t pointer_tagbits = 3 or by using a cast inside the macro.
...builtins and calls when passing arguments to lirwriter::inscall(), there are four
types: argsize_f - floating point value argsize_i - 32-bit integer argsize_q - 64-bit integer argsize_p - 32-bit integer on 32-bit platforms, 64-bit integer on 64-bit platforms.
...And 2 more matches
JS_ConvertArguments
converts a series of js values, passed in an argument array, to their corresponding js
types.
...(the purpose is to ensure gc safety.) format const char * null-terminated string describing the
types of the out parameters and how to convert the values in argv.
...(if conversion creates a new gc thing, the corresponding jsval is written back to argv, which is rooted.) description js_convertarguments provides a convenient way to translate a series of js values into their corresponding js
types with a single function call.
...And 2 more matches
jsint
aliases for c/c++ integer
types.
...uintn; // following
types are still provides in js/public/legacyint
types.h, // but should not use them.
...uint64; description jsint and jsuint are 32-bit integer
types.
...And 2 more matches
An Overview of XPCOM
the nsisupports interface is shown below: the nsisupports interface class sample: public nsisupports { private: nsrefcnt mrefcnt; public: sample(); virtual ~sample(); ns_imethod queryinterface(const nsiid &aiid, void **aresult); ns_imethod_(nsrefcnt) addref(void); ns_imethod_(nsrefcnt) release(void); }; the various
types used in the interface are described in the xpcom
types section below.
... xpcom
types there are many xpcom declared
types and simple macros that we will use in the following samples.
... most of these
types are simple mappings.
...And 2 more matches
nsIDBChangeListener
the typedef of nsmsgkey is given in mailnews
types2.idl.
...the typedef of nsmsgkey is given in mailnews
types2.idl.
...the typedef of nsmsgkey is given in mailnews
types2.idl.
...And 2 more matches
nsIMessenger
see #constants for available
types.
...available
types are defined as constants in nsimessenger.
...see #constants for available
types.
...And 2 more matches
DataTransfer.items - Web APIs
example this example shows the use of the items and
types properties.
... <!doctype html> <html lang=en> <title>examples of datatransfer.{
types,items} properties</title> <meta content="width=device-width"> <style> div { margin: 0em; padding: 2em; } #target { border: 1px solid black; } </style> <script> function dragstart_handler(ev) { console.log("dragstart: target.id = " + ev.target.id); // add this element's id to the drag payload so the drop handler will // know which element to add to its tree ev.datatransfer.setdata("text/plain", ev.target.id); ev.datatransfer.effectallowed = "move"; } function drop_handler(ev) { console.log("drop: target.id = " + ev.target.id); ev.preventdefault(); // get the id of the target and add the moved element to the target's dom var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.
...getelementbyid(data)); // print each format type if (ev.datatransfer.
types != null) { for (var i=0; i < ev.datatransfer.
types.length; i++) { console.log("...
...And 2 more matches
Frame Timing API - Web APIs
an application can register a performanceobserver for "frame" performance entry
types.
... performance frames the performanceframetiming interface extends the following performanceentry properties (for "frame" performance entry
types) by qualifying and constrainting the properties as follows: performanceentry.entrytype set to "frame".
... frame observers the performance observer interfaces allow an application to register an observer for specific performance event
types.
...And 2 more matches
Basic concepts - Web APIs
for the reference documentation on the indexeddb api, refer back to the main indexeddb api article and its subpages, which document the
types of objects used by indexeddb.
... big concepts if you have assumptions from working with other
types of databases, you might get thrown off when working with indexeddb.
... in a traditional relational data store, you would have a table that stores a collection of rows of data and columns of named
types of data.
...And 2 more matches
MediaDevices.getUserMedia() - Web APIs
the mediadevices.getusermedia() method prompts the user for permission to use a media input which produces a mediastream with tracks containing the requested
types of media.
... that stream can include, for example, a video track (produced by either a hardware or virtual video source such as a camera, video recording device, screen sharing service, and so forth), an audio track (similarly, produced by a physical or virtual audio source like a microphone, a/d converter, or the like), and possibly other track
types.
... syntax var promise = navigator.mediadevices.getusermedia(constraints); parameters constraints a mediastreamconstraints object specifying the
types of media to request, along with any requirements for each type.
...And 2 more matches
MediaSession.setActionHandler() - Web APIs
further details on the action
types can be found below under media session actions.
... the action handler receives as input a single parameter: an object conforming to the mediasessionactiondetails dictionary, which provides both the action type (so the same function can handle multiple action
types), as well as data needed in order to perform the action.
...the following strings identify the currently available
types of media session action: nexttrack advances playback to the next track.
...And 2 more matches
Microdata DOM API - Web APIs
it returns a nodelist containing the items with the specified
types, or all
types if no argument is specified.
...getitems( [
types ] ) returns a nodelist of the elements in the document that create items, that are not part of other items, and that are of the
types given in the argument, if any are listed.
... the
types argument is interpreted as a space-separated list of
types.
...And 2 more matches
Using Performance Timeline - Web APIs
= pelist[0]; if (pe.tojson === undefined) { log ("performanceentry.tojson() is not supported"); return; } // print the performanceentry object var json = pe.tojson(); var s = json.stringify(json); log("performanceentry.tojson = " + s); } performance observers the performance observer interfaces allow an application to register an observer for specific performance event
types, and when one of those event
types is recorded, the application is notified of the event via the observer's callback function that was specified at the time, the observer was created.
...that is, the list only contains entries for the event
types that were specified when the observer's observe() method was invoked.
... the following example shows how to register two observers: the first one registers for several event
types and the second observer only registers for one event type.
...And 2 more matches
Fundamentals of WebXR - Web APIs
this is directly related to how many
types of movement the webxr hardware configuration is capable of recognizing and reproducing into the virtual scene.
... there are two basic
types of ar device: devices which use cameras to capture the world in front of the user, render the webxr content atop that image, then display the image on a screen.
... both
types of device should be capable of also presenting vr sessions.
...And 2 more matches
Using XMLHttpRequest - Web APIs
function reqlistener () { console.log(this.responsetext); } var oreq = new xmlhttprequest(); oreq.addeventlistener("load", reqlistener); oreq.open("get", "http://www.example.org/example.txt"); oreq.send();
types of requests a request made via xmlhttprequest can fetch the data in one of two ways, asynchronously or synchronously.
...a detailed discussion and demonstrations of these two
types of requests can be found on the synchronous and asynchronous requests page.
...it starts with "xml" because when it was created the main format that was originally used for asynchronous data exchange were xml handling responses there are several
types of response attributes defined by the living standard specification for the xmlhttprequest() constructor.
...And 2 more matches
HTML attribute: accept - HTML: Hypertext Markup Language
the accept attribute takes as its value a comma-separated list of one or more file
types, or unique file type specifiers, describing which file
types to allow.
....docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"> whereas if you're accepting a media file, you may want to be include any format of that media type: <input type="file" id="soundfile" accept="audio/*"> <input type="file" id="videofile" accept="video/*"> <input type="file" id="imagefile" accept="image/*"> the accept attribute doesn't validate the
types of the selected files; it simply provides hints for browsers to guide users towards selecting the correct file
types.
... it is still possible (in most cases) for users to toggle an option in the file chooser that makes it possible to override this and select any file they wish, and then choose incorrect file
types.
...And 2 more matches
<link>: The External Resource Link element - HTML: Hypertext Markup Language
as you'll see from our link
types reference, there are many different kinds of relationship.
... there are a number of other common
types you'll come across.
... for example, a link to the site's favicon: <link rel="icon" href="favicon.ico"> there are a number of other icon rel values, mainly used to indicate special icon
types for use on various mobile platforms, e.g.: <link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-icon-114.png" type="image/png"> the sizes attribute indicates the icon size, while the type contains the mime type of the resource being linked.
...And 2 more matches
Details of the object model - JavaScript
« previousnext » javascript is an object-based language based on proto
types, rather than being class-based.
...the rest of this chapter describes the details of using javascript constructors and proto
types to create an object hierarchy and compares this to how you would do it in java.
...an object of these
types has properties of all the objects above it in the chain.
...And 2 more matches
Introduction - JavaScript
in contrast to java's compile-time system of classes built by declarations, javascript supports a runtime system based on a small number of data
types representing numeric, boolean, and string values.
...variables, parameters, and function return
types are not explicitly typed.
...no distinction between
types of objects.
...And 2 more matches
Inheritance and the prototype chain - JavaScript
// so when p inherits the function m of o, // 'this.a' means p.a, the property 'a' of p using proto
types in javascript let's look at what happens behind the scenes in a bit more detail.
... bad practice: extension of native proto
types one misfeature that is often used is to extend object.prototype or one of the other built-in proto
types.
...while used by popular frameworks such as prototype.js, there is still no good reason for cluttering built-in
types with additional non-standard functionality.
...And 2 more matches
TypedArray - JavaScript
instead, there are a number of different global properties, whose values are typed array constructors for specific element
types, listed below.
... additionally, all typed array proto
types (typedarray.prototype) have %typedarray%.prototype as their [[prototype]].
...these objects all have a common syntax for their constructors: new typedarray(); new typedarray(length); new typedarray(typedarray); new typedarray(object); new typedarray(buffer [, byteoffset [, length]]); where typedarray is a constructor for one of the concrete
types.
...And 2 more matches
JavaScript typed arrays - JavaScript
typed array views typed array views have self-descriptive names and provide views for all the usual numeric
types like int8, uint32, float64 and so forth.
...this is useful when dealing with different
types of data, for example.
...you can do this with any view
types.
...And 2 more matches
Image file type and format guide - Web media technologies
in this guide, we'll cover the image file
types generally supported by web browsers, and provide insights that will help you select the most appropriate formats to use for your site's imagery.
... common image file
types there are many image file formats in the world.
... image file type details the following sections provide a brief overview of each of the image file
types supported by web browsers.
...And 2 more matches
Web video codec guide - Web media technologies
for each codec, the containers (file
types) that can support them are also listed.
...generally speaking, any configuration option that is intended to reduce the output size of the video will probably have a negative impact on the overall quality of the video, or will introduce certain
types of artifacts into the video.
... images from wikipedia there are two general
types of motion compensation: global motion compensation and block motion compensation.
...And 2 more matches
SVG documentation index - SVG: Scalable Vector Graphics
3 compatibility sources svg the following sources are used for the compatibility tables on svg elements and attributes: 4 content type needstechnicalreview, svg,
types, data
types svg makes use of a number of data
types.
... this article lists these
types along with their syntax and descriptions of what they're used for.
... 279 other content in svg intermediate, svg, svg:tutorial apart from graphic primitives like rectangles and circles, svg offers a set of elements to embed other
types of content in images as well.
...And 2 more matches
simple-prefs - Archive of obsolete content
attribute description type the type of preference, as defined in the "preference
types" section below.
... type-specific attributes these are settings that are only applicable to certain preference
types.
... they are documented along with the preference
types themselves.
... preference
types the setting
types map to the inline settings
types used by the add-on manager.
Dialogs and Prompts - Archive of obsolete content
buttons in <dialog> predefined there are six button
types you can use in the buttons attribute of dialog.
...er/gatekeeper/there.is.only.xul" id="..." buttons="accept,cancel,extra1" ondialogaccept="onaccept();" ondialogextra1="onapply();" buttonlabelextra1="apply" buttonaccesskeyextra1="a"> <!-- content --> </dialog> you can even get the element object for any of predefined buttons with gdialog.getbutton(dlgtype);, where gdialog is the <dialog> element and dlgtype is one of the six button
types listed above.
...valid values for dlgtype are the six button
types listed above.
... nsipromptservice is an xpcom interface available to c++ and chrome javascript code (not to web pages' js), that provides methods for displaying a few simple
types of dialogs.
Preferences - Archive of obsolete content
: // get the root branch var prefs = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefbranch); // get the "extensions.myext." branch var prefs = components.classes["@mozilla.org/preferences-service;1"] .getservice(components.interfaces.nsiprefservice); prefs = prefs.getbranch("extensions.myext."); simple
types there are three
types of preferences: string, integer, and boolean.
... each entry in the preferences database (prefs.js) has one of those
types.
...var value = prefs.getboolpref("typeaheadfind"); // get a pref (accessibility.typeaheadfind) prefs.setboolpref("typeaheadfind", !value); // set a pref (accessibility.typeaheadfind) complex
types as noted in the previous section, each entry in the preferences database (prefs.js) must have a string, an integer, or a boolean value.
... however, there is a concept of complex
types, which makes it easier for developers to save and load nsilocalfile and nsisupportsstring objects in preferences (as strings — note that from the preferences system's point of view, complex values have a nsiprefbranch.pref_string type.) there are two nsiprefbranch methods implementing the concept — setcomplexvalue() and getcomplexvalue().
Chapter 3: Introduction to XUL—How to build a more intuitive UI - Archive of obsolete content
in this section, we’ll look at three typical
types of root element: the window, page, and dialog elements.
...as shown in table 1, there are four
types of buttons that can be displayed, and you can set the names of the buttons you want to display as a comma-delimited list in the value of the buttons attribute.
... table 1:
types of buttons that can be displayed in the dialog element additionally, there are two special button names, extra1 and extra2.
... flex -moz-box-flex -moz-box-flex: 1; ordinal -moz-box-ordinal-group -moz-box-ordinal-group: 2 table 4: css properties corresponding to xul attributes tabbrowser .tabbrowser-strip { -moz-box-ordinal-group: 2; } tabbrowser tabpanels { -moz-box-ordinal-group: 1; } listing 28: a user stylesheet that locates the tab bar at the bottom icons corresponding to file
types firefox allows you to use a special uri scheme, moz-icon, that produces filetype icons that are standard for whatever platform it is running on.
Adding menus and submenus - Archive of obsolete content
="&xulschoolhello.greet.long.label;" oncommand="xulschoolchrome.greetingdialog.greetinglong(event);" /> <menuseparator /> <menuitem label="&xulschoolhello.greet.custom.label;" oncommand="xulschoolchrome.greetingdialog.greetingcustom(event);" /> </menupopup> </menu> </menubar> </toolbox> this code displays a simple menu with options for 3 different
types of greetings, a menuseparator, and finally an option to show a custom greeting.
... the separator is usually displayed as a horizontal line that creates a logical division between different
types of menuitem elements, keeping everything more organized.
...--> </menupopup> </menu> </menupopup> now let's look at some specialized
types of menu items.
... menu
types checkbox menu items you can make a menuitem "checkable" to allow the user to enable/disable options using the menu.
The Essentials of an Extension - Archive of obsolete content
you can read about different possible
types in the install.rdf specification.
...you only need to change namespace declarations when you mix different
types of content in the same document, such as xul with html or svg.
... locale there are two
types of locale files: dtd and properties, and in this example we use them both.
...also have a look at the plurals and localization article, that covers a localization feature in firefox that allows you to further refine this last example to handle different
types of plural forms that are also language-dependent.
Popup Guide - Archive of obsolete content
popups and menus there are various
types of popups and menus that may be created.
... popup
types xul provides a number of different
types of elements which may be used to create popup menus or other
types of popup widgets, which vary based on the manner in which they are attached to an element and the manner in which they are opened.
... in this guide, the term 'popup' refers to all
types of popups, whereas the term 'menu' refers to a specific type of popup.
... specifically, the first two
types in the list below are menus.
textbox (Toolkit autocomplete) - Archive of obsolete content
completedefaultindex new in thunderbird 3 requires seamonkey 2.0 type: boolean if true, the best match value will be filled into the textbox as the user
types.
...the timer starts after the user
types a character.
... if the user
types another character, the timer resets.
... timed this textbox will fire a command event after the user
types characters and a certain time has passed.
Dialogs in XULRunner - Archive of obsolete content
certain
types of dialogs are used so frequently that the os can provide a default implementation.
... buttonlabelaccept label for the accept button; similar attributes exist for the other button
types.
... buttonaccesskeyaccept access key for the accept button; similar attributes exist for the other button
types.
... ondialogaccept javascript to execute if the accept button is pressed; similar attributes exist for the other button
types.
Gecko Compatibility Handbook - Archive of obsolete content
correct any incorrect server mime
types.
...we will have more to say about doc
types later in this article, but essentially the doctype is supposed to indicate to a browser what version of html is used in the page.
... <!---- this is an invalid html comment accepted in quirks comment parsing ----> <!-- this is a valid html comment accepted in stricts comment parsing --> for the exact rules on which doc
types invoke quirks vs.
... web server configuration problems incorrectly specified mime
types many web servers have incorrectly specified mime
types for files.
display-outside - Archive of obsolete content
table-cell and table-caption are layout-specific leaf
types; the rest are layout-specific internal
types.
... ruby-base and ruby-text are layout-specific leaf
types; ruby-base-container and ruby-text-container are layout-specific internal
types.
... layout-specific internal
types these display
types require their parent and children to be of particular display
types.
... layout-specific leaf
types these display
types require their parent to be of a particular display type, but can accept any display-inside value.
XForms Custom Controls - Archive of obsolete content
custom data
types - existing xforms controls are not able to work properly with your data type advanced xforms controls - you need your controls to be able to do more things than traditional xforms controls can do new host language - you'd like to support xforms in host languages other than xhtml or xul custom presentation the mozilla xforms extension cannot anticipate all of the possible use cases that will evol...
...xf|output[mediatype^="image"] { -moz-binding: url('chrome://xforms/content/xforms-xhtml.xml#xformswidget-output-mediatype-anyuri'); } custom data
types if you define a new schema data type or you use a built-in data type and find the current xforms control for this type to be insufficient, then you should write a new custom control.
...in mozilla, every bound xforms control has a typelist attribute of moztype namespace that contains the inheritance chain of data
types that we detected.
...so if you want an input bound to an instance node of type integer (and all
types derived from integer), you would use: @namespace xf url(http://www.w3.org/2002/xforms); @namespace moztype url(http://www.mozilla.org/projects/xforms/2005/type); xf|input[moztype|typelist~="http://www.w3.org/2001/xmlschema#integer"] { -moz-binding: url('chrome://xforms/content/input-xhtml.xml#xformswidget-input-integer'); } advanced xforms controls there may be times where you need a control ...
XForms Input Element - Archive of obsolete content
mozilla extensions labelposition - only for boolean
types: show the label before or after the checkbox (see below) type restrictions the input element can be bound to a node containing simple content of any data type except xsd:base64binary, xsd:hexbinray or any data type derived from these.
... representations the xforms input element can be represented by the following widgets for the spcified data
types (or
types derived from these data
types): text field - the default widget when no type is specified or the data is of type xsd:string (xhtml/xul) checkbox - used for xsd:boolean instance data.
...for several of the schema data
types that inherit from xsd:decimal, this numberfield widget will allow the user to only type those values that are allowed by the type.
... these inheriting
types are: xsd:integer xsd:nonpositiveinteger xsd:negativeinteger xsd:long xsd:int xsd:short xsd:byte xsd:nonnegativeinteger xsd:unsignedlong xsd:unsignedint xsd:unsignedshort xsd:unsignedbyte xsd:positiveinteger analogous widget is <xul:textbox type="number"/> (will be available in fx 3.0) specific handling of attributes incremental - if "true", the bound instance node will be updated when the user clicks on the up or down spin buttons or directly edits the field and then sets focus elsewhere.
HTML forms in legacy browsers - Learn web development
and html5 <input>
types don't fail when not supported: they fall back to type=text.
... html input
types the input
types added in html5 are all useable, even in ancient browsers, because the way they degrade is highly predictable.
... input { /* this rule turns off the default rendering for the input
types that have a border, including buttons defined with an input element */ border: 1px solid #ccc; } input[type="button"] { /* this does not restore the default rendering */ border: none; } input[type="button"] { /* these don't either!
... it's generally a good idea to not alter the default appearance of form control because altering one css property value may alter some input
types but not others.
How to structure a web form - Learn web development
this form will contain a number of control
types that you may not yet understand.
...these newer input
types are reintroduced in the html5 input
types.
...we will cover many of the features introduced here in the next few articles, with the next article looking in more detail at using all the different
types of form widgets you'll want to use to collect information from your users.
... see also a list apart: sensible forms: a form usability checklist previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input
types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
CSS property compatibility table for form controls - Learn web development
text fields see the text, search, and password input
types.
... buttons see the button, submit, and reset input
types and the <button> element.
... border-radius no no box-shadow no no check boxes and radio buttons see the checkbox and radio input
types.
... date pickers see the date and time input
types.
What’s in the head? Metadata in HTML - Learn web development
there are a lot of different
types of <meta> elements that can be included in your page's <head>, but we won't try to explain them all at this stage, as it would just get too confusing.
... other
types of metadata as you travel around the web, you'll find other
types of metadata, too.
...ormat (most browsers will support favicons in more common formats like .gif or .png, but using the ico format will ensure it works as far back as internet explorer 6.) adding the following line into your html's <head> block to reference it: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> here is an example of a favicon in a bookmarks panel: there are lots of other icon
types to consider these days as well.
... don't worry too much about implementing all these
types of icon right now — this is a fairly advanced feature, and you won't be expected to have knowledge of this to progress through the course.
Getting started with Vue - Learn web development
these options let you configure things like
typescript, linting, vue-router, testing, and more.
...this allows you to use tools like babel,
typescript, scss and more to create more sophisticated components.
... helloworld } }; note: if you want to use
typescript syntax, you need to set the lang attribute on the <script> tag to signify to the compiler that you're using
typescript — <script lang="ts">.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Understanding client-side JavaScript frameworks - Learn web development
typescript support in svelte we will now learn how to use
typescript in svelte applications.
... first we'll learn what
typescript is and what benefits it can bring us.
... then we'll see how to configure our project to work with
typescript files.
... finally we will go over our app and see what modifications we have to make to fully take advantage of
typescript features.
Multiprocess on Windows
com metadata midl outputs two different
types of metadata: "fast format strings" (also known as oicf) and (optionally, if a library statement is included in the idl) type libraries (also known as typelib).
...both metadata
types must be shipped with firefox.
...both
types of metadata are then made available from within the same dll.
...the mscom library provides a set of smart pointers that are aware of com apartments: mscom smart pointer
types pointer type release semantics stauniqueptr<t> forces reference to be released on the main thread.
ChromeWorker
summary if you're developing privileged code, and would like to create a worker that can use js-c
types to perform calls to native code, you can do so by using chromeworker instead of the standard worker object.
... it works exactly like a standard worker, except that it has access to js-c
types via a global c
types object available in the global scope of the worker.
... examples of chromeworker's using js-c
types are availabe on github and are linked to from the see also section below.
... see also using web workers using workers in javascript code modules worker sharedworker web workers specification workerglobalscope github :: chromeworker - a fully working demo addon using js-c
types from a chrome worker.
IPDL Type Serialization
all
types used in ipdl must be serializable.
...
types are serialized and deserialized from an ipc::message type declared in ipc_message.h.
...return false if deserialization failed } }; } // namespace ipc the standard ipdl
types (integers, floats, and xpcom strings) already have serializers.
... other
types need to have serializers written for them explicitly.
JavaScript OS.Constants
this module is largely a companion to js-c
types.
...useful, for instance, to access the platform code from javascript in conjunction with js-c
types.
...useful mostly for using js-c
types to interact with the following platforms: macos x; android; linux; other variants of unix.
...useful mostly in conjunction with js-c
types.
NSS PKCS11 Functions
syntax #include <pk11pub.h> #include <pr
types.h> prbool pk11_ishw(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
...syntax #include <pk11pub.h> #include <pr
types.h> prbool pk11_ispresent(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
...syntax #include <pk11pub.h> #include <pr
types.h> prbool pk11_isreadonly(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
...syntax #include <pk11pub.h> #include <pr
types.h> void pk11_setpasswordfunc(pk11passwordfunc func); parameter this function has the following parameter: func a pointer to the callback function to set.
NSS cryptographic module
this chapter describes the data
types and functions that one can use to perform cryptographic operations with the nss cryptographic module.
...both modes of operation use the same data
types but are implemented by different functions.
...the following sections document the data
types and functions.
... pkcs #11 data
types pkcs #11 functions in the non-fips (default) mode of operation pkcs #11 functions in the fips mode of operation nsc_moduledbfunc ...
OLD SSL Reference
pkcs #11, and the default security databases setting up the certificate and key databases setting up the ca db and certificate setting up the server db and certificate setting up the client db and certificate verifying the server and client certificates building nss programs chapter 3 selected ssl
types and structures this chapter describes some of the most important
types and structures used with the functions described in the rest of this document, and how to manage the memory used for them.
... additional
types are described with the functions that use them or in the header files.
...
types and structures certcertdbhandle certcertificate pk11slotinfo secitem seckeyprivatekey secstatus managing secitem memory secitem_freeitem secitem_zfreeitem chapter 4 ssl functions this chapter describes the core ssl functions.
... nss shutdown function nss_shutdown deprecated functions ssl_enabledefault ssl_enable ssl_enablecipher ssl_setpolicy ssl_redohandshake chapter 5 certificate functions this chapter describes the functions and related
types used to work with a certificate database such as the cert7.db database provided with communicator.
pkfnc.html
syntax #include <pk11func.h> #include <pr
types.h> prbool pk11_ishw(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
... syntax #include <pk11func.h> #include <pr
types.h> prbool pk11_ispresent(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
... syntax #include <pk11func.h> #include <pr
types.h> prbool pk11_isreadonly(pk11slotinfo *slot); parameters this function has the following parameter: slot a pointer to a slot info structure.
... syntax #include <pk11func.h> #include <pr
types.h> void pk11_setpasswordfunc(pk11passwordfunc func); parameter this function has the following parameter: func a pointer to the callback function to set.
JSAPI User Guide
spidermonkey provides a few core javascript data
types—numbers, strings, arrays, objects, and so on—and a few methods, such as array.push.
...the arguments do not have native c++
types like int and float; rather, they are jsvals, javascript values.
... the native function uses js_convertarguments to convert the arguments to c++
types and store them in local variables.
...how can a statically typed language, like c or c++, in which all variables have
types, interact with javascript?
JS_PushArguments
format const char * null-terminated string holding a list of format
types to convert the following arguments to.
... this function also takes in consideration any additional custom
types defined in cx using js_addargumentformatter.
...their
types must be jsbool, jsdouble, jsobject *, and jsbool.
...to perform the opposite conversion, converting an array of jsvals to various native c
types, use js_convertarguments.
SpiderMonkey 31
this entailed changing the vast majority of the jsapi from raw
types, such as js::value or js::value*, to js::handle and js::mutablehandle template
types that encapsulate access to the provided value/string/object or its location.
...many jsapi
types, functions, and callback signatures have changed, though most functions that have changed still have the same names and implement essentially unchanged functionality.
...here is a list of the most significant changes: many of the garbage collector changes require type signature changes to jsapi methods: specifically introducing js::rooted, js::handle, and js::mutablehandle
types.
... these
types, with the appropriate parametrizations, can roughly be substituted for plain
types of gc things (values, string/object pointers, etc.).
Component Internals
there are two
types of manifests that xpcom uses to track components: component manifests when xpcom first starts up, it looks for the component manifest, which is a file that lists all registered components, and stores details on exactly what each component can do.
... to register, unregister, load and manage various component
types, xpcom abstracts the interface between the xpcom component and xpcom with the component loader.
... xpconnect, for example, provides a component loader that makes the various
types, including the interfaces and their parameters, available to javascript.
... xpcom string classes the base string
types that xpcom uses are nsastring and nsacstring.
Starting WebLock
as a strongly typed and implementation-agnostic language, xpidl requires that you be quite specific about the apis, the list of parameters, their order, and their
types.
... when you want to pass primitive data
types like numbers, strings, characters, void *, and others, the solution is to use one of the nsisupportsprimitive interfaces.
... these interfaces wrap primitive data
types and derive from nsisupports.
... this allows
types like the strings that represent urls in the weblock component to be passed though methods that take an nsisupports interface pointer.
XPCOM Stream Guide
primitive streams there are streams for several different
types of data storage.
... the following stream
types are known to implement nsiseekablestream: nsstorageinputstream nsstringinputstream nsmultiplexinputstream nspipeinputstream nsfileinputstream nsbufferedinputstream nsfileoutputstream nsbufferedoutputstream complex stream
types several stream
types leverage primitive stream
types to do specialized work.
... complex input stream
types type purpose native class contract id interface how to bind to a primitive input stream multiplex concatenate multiple input streams into one.
... nsmimeinputstream @mozilla.org/network/mime-input-stream;1 nsimimeinputstream .setdata(stream) similarly, there are complex output streams which build from primitive output streams: complex output stream
types type purpose native class contract id interface how to bind to a primitive output stream buffered store data in a buffer until the buffer is full or the stream closes.
nsIAnnotationService
for other
types, only c++ consumers may use the type-specific methods.
...for other
types, only c++ consumers may use the type-specific methods.
...for other
types, only c++ consumers may use the type-specific methods.
...for other
types, only c++ consumers may use the type-specific methods.
nsIDOMMozNetworkStatsManager
ional] in jsval options /* networkstatsalarmoptions */); nsidomdomrequest getallalarms([optional] in nsisupports network); nsidomdomrequest removealarms([optional] in long alarmid); nsidomdomrequest clearstats(in nsisupports network); nsidomdomrequest clearallstats(); nsidomdomrequest getavailablenetworks(); nsidomdomrequest getavailableservice
types(); attributes attribute type description samplerate long minimum time in milliseconds between samples stored in the database.
... getavailableservice
types() returns available service
types that used to be saved in the database.
... nsidomdomrequest getavailableservice
types(); parameters none.
...if successful, the result field of the domrequest holds an array of the currently available service
types.
nsITelemetry
constants histogram
types constant value description histogram_exponential 0 buckets increase exponentially.
... scalar
types constant value description scalar_type_count 0 for storing a numeric value.
... dataset
types constant value description dataset_release_channel_optout 0 the basic dataset that is on-by-default on all channels.
... see also bug 649502 - expose histograms to js bug 585196 - telemetry infrastructure bug 668312 - report only probes defined in histograms.json bug 1069874 - add keyed histogram
types bug 1426453 - documentation of nsitelemetry not up to date ...
Reference Manual
nscomptr<nsifoo> foo = bar; // ns_assertion: "queryinterface needed" // ...even assuming you can get the line to compile // (either by casting, or because the
types are related by c ) this invariant is relaxed for nscomptr<nsisupports>.
...because a few key routines are factored out into a common non-template base class, the actual underlying pointer is stored as an nsisupports* (except in debug builds where nscap_feature_debug_ptr_
types is turned on).
...when nscap_feature_debug_ptr_
types is turned on, instead of holding its underlying pointer in a variable of type nsisupports*, the nscomptr holds it in a pointer matching the underlying type.
...this implies that the entire application must be compiled with the same setting of nscap_feature_debug_ptr_
types, else some parts will be expecting a base class and others will not.
Index - Firefox Developer Tools
53 throttling 110n:priority, debugging, dev tools, firefox, guide, networking, tools the network monitor allows you to throttle your network speed to emulate various connection speeds so you can see how your app will behave under different connection
types.
... 105 storage inspector cookies, dev tools, firefox, guide, indexeddb, local storage, session storage, storage, tools the storage inspector enables you to inspect various
types of storage that a web page can use.
... currently it can be used to inspect the following storage
types: 106 cache storage cache storage, devtools, firefox, guide, storage, storage inspector, tools, l10n:priority under the cache storage type within the storage inspector you can see the contents of any dom caches created using the cache api.
...you can use the up and down arrows to move through the list, and return to open the file you want: 128 set a breakpoint javascript, tools, breakpoint, column breakpoint, conditional breakpoint there are many different
types of breakpoint that can be set in the debugger; this article covers standard (unconditional) breakpoints and conditional breakpoints.
Storage Inspector - Firefox Developer Tools
the storage inspector enables you to inspect various
types of storage that a web page can use.
... currently it can be used to inspect the following storage
types: cache storage — any dom caches created using the cache api.
... storage inspector user interface the storage inspector ui is split into three main components: storage tree table widget sidebar storage tree the storage tree lists all the storage
types that the storage inspector can inspect: under each type, objects are organized by origin.
... under "cache storage", objects are organized by origin and then by the name of the cache: indexeddb objects are organized by origin, then by database name, then by object store name: with the cookies, local storage, and session storage
types, there's only one level in the hierarchy, so stored items are listed directly under each origin: you can click on each item in the tree to expand or collapse its children.
ClipboardItem - Web APIs
the benefit of having the clipboarditem interface to represent data, is that it enables developers to cope with the varying scope of file
types and data easily.
...
types read only returns an array of mime
types available within the clipboarditem.
...then utilizing the clipboarditem.
types property to set the gettype() argument and return the corresponding blob object.
... async function getclipboardcontents() { try { const clipboarditems = await navigator.clipboard.read(); for (const clipboarditem of clipboarditems) { for (const type of clipboarditem.
types) { const blob = await clipboarditem.gettype(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
DataTransfer.clearData() - Web APIs
if this method is called with no arguments or the format is an empty string, the data of all
types will be removed.
... this method does not remove files from the drag operation, so it's possible for there still to be an entry with the type "files" left in the object's datatransfer.
types list if there are any files included in the drag.
...if this parameter is an empty string or is not provided, the data for all
types is removed.
...agoverhandler); dropable.addeventlistener('dragleave', dragleavehandler); dropable.addeventlistener('drop', drophandler); function dragstarthandler (event) { status.innerhtml = 'drag in process'; // change target element's border to signify drag has started event.currenttarget.style.border = '1px dashed blue'; // start by clearing existing clipboards; this will affect all
types since we // don't give a specific type.
DataTransfer.setData() - Web APIs
if data for the given type does not exist, it is added at the end of the drag data store, such that the last item in the
types list will be the new type.
...that is, the order of the
types list is not changed when replacing data of the same type.
... example data
types are text/plain and text/uri-list.
...sfer.setdata("text/plain", ev.target.id); } function dragover_handler(ev) { console.log("dragover"); ev.preventdefault(); } function drop_handler(ev) { console.log("drop"); ev.preventdefault(); // get the data, which is the id of the drop target var data = ev.datatransfer.getdata("text"); ev.target.appendchild(document.getelementbyid(data)); // clear the drag data cache (for all formats/
types) ev.datatransfer.cleardata(); } </script> <body> <h1>examples of <code>datatransfer</code>: <code>setdata()</code>, <code>getdata()</code>, <code>cleardata()</code></h1> <div> <p id="source" ondragstart="dragstart_handler(event);" draggable="true"> select this element, drag it to the drop zone and then release the selection to move the element.</p> </div> <div id="target" ondrop="drop...
The HTML DOM API - Web APIs
the html dom api is made up of the interfaces that define the functionality of each of the elements in html, as well as any supporting
types and interfaces they rely upon.
...the corresponding
types, htmlaudioelement and htmlvideoelement, are both based upon the common type htmlmediaelement, which in turn is based upon htmlelement and so forth.
...in addition, the html dom api includes a few interfaces and
types to support the html element interfaces.
... customelementregistry miscellaneous and supporting interfaces these supporting object
types are used in a variety of ways in the html dom api.
Media Capabilities API - Web APIs
different browsers support different media
types and new media
types are always being developed.
... the media capabilities api provide more powerful features than say mediarecorder.is
typesupported() or htmlmediaelement.canplaytype(), which only address general browser support, not performance.
... mediadecodingconfiguration defines the valid values for allowed
types of media when the media configuration is submitted as the parameter for mediacapabilities.decodinginfo().
... mediaencodingconfiguration defines the valid values for allowed
types of media when the media configuration is submitted as the parameter for mediacapabilities.encodinginfo().
PerformanceObserverEntryList.getEntries() - Web APIs
the list's members are determined by the set of entry
types specified in the call to the observe() method.
...the valid entry
types are listed in the performanceentry.entrytype method.
... example function print_perf_entry(pe) { console.log("name: " + pe.name + "; entrytype: " + pe.entrytype + "; starttime: " + pe.starttime + "; duration: " + pe.duration); } // create observer for all performance event
types var observe_all = new performanceobserver(function(list, obs) { var perfentries; // print all entries perfentries = list.getentries(); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries named "begin" with type "mark" perfentries = list.getentriesbyname("begin", "mark"); for (var i=0; i < perfentries.length; i++) { print_perf...
..._entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event
types observe_all.observe({entry
types: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to frame event only observe_frame.observe({entry
types: ['frame']}); specifications specification status comment performance timeline level 2the definition of 'getentries()' in th...
PerformanceObserverEntryList.getEntriesByName() - Web APIs
the list's members are determined by the set of entry
types specified in the call to the observe() method.
...the valid entry
types are listed in performanceentry.entrytype.
... example function print_perf_entry(pe) { console.log("name: " + pe.name + "; entrytype: " + pe.entrytype + "; starttime: " + pe.starttime + "; duration: " + pe.duration); } // create observer for all performance event
types var observe_all = new performanceobserver(function(list, obs) { var perfentries; // print all entries perfentries = list.getentries(); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries named "begin" with type "mark" perfentries = list.getentriesbyname("begin", "mark"); for (var i=0; i < perfentries.length; i++) { print_perf...
..._entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event
types observe_all.observe({entry
types: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'frame' event observe_frame.observe({entry
types: ['frame']}); specifications specification status comment performance timeline level 2the definition of 'getentriesbyn...
PerformanceObserverEntryList.getEntriesByType() - Web APIs
the list's members are determined by the set of entry
types specified in the call to the observe() method.
...the valid entry
types are listed in performanceentry.entrytype.
... example function print_perf_entry(pe) { console.log("name: " + pe.name + "; entrytype: " + pe.entrytype + "; starttime: " + pe.starttime + "; duration: " + pe.duration); } // create observer for all performance event
types var observe_all = new performanceobserver(function(list, obs) { var perfentries; // print all entries perfentries = list.getentries(); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } // print entries named "begin" with type "mark" perfentries = list.getentriesbyname("begin", "mark"); for (var i=0; i < perfentries.length; i++) { print_perf...
..._entry(perfentries[i]); } // print entries with type "mark" perfentries = list.getentriesbytype("mark"); for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to all performance event
types observe_all.observe({entry
types: ['frame', 'mark', 'measure', 'navigation', 'resource', 'server']}); var observe_frame = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); // should only have 'frame' entries for (var i=0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); } }); // subscribe to only the 'frame' event observe_frame.observe({entry
types: ['frame']}); specifications specification status comment performance timeline level 2the definition of 'getentriesbyt...
Performance Timeline - Web APIs
(some performance entry
types have no concept of duration and this value is set to '0' for such
types.) this interface includes a tojson() method that returns the serialization of the performanceentry object.
... performance observers the performance observer interfaces allow an application to register an observer for specific performance event
types, and when one of those event
types is recorded, the application is notified of the event via the observer's callback function that was specified when the observer was created.
...that is, the list contains entries only for the event
types that were specified when the observer's observe() method was invoked.
... besides the performanceobserver's interface's observe() method (which is used to register the entry
types to observe), the performanceobserver interface also has a disconnect() method that stops an observer from receiving further events.
Pointer events - Web APIs
however, since many devices support other
types of pointing input devices, such as pen/stylus and touch surfaces, extensions to the existing pointing device event models are needed.
...consequently, pointer event
types are intentionally similar to mouse event
types.
... interfaces the primary interface is the pointerevent interface which has a constructor plus several event
types and associated global event handlers.
... event
types and global event handlers pointer events have ten event
types, seven of which have similar semantics to their mouse event counterparts (down, up, move, over, out, enter, and leave).
SVGGradientElement - Web APIs
e-width="2px" /><text x="391" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggradientelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_spreadmethod_unknown 0 the type is not one of predefined
types.
...takes one of the constants defined in svgunit
types.
...one of the spread method
types defined on this interface.
... candidate recommendation removed inheritance of svgexternalresourcesrequired, svgstylable, and svgunit
types scalable vector graphics (svg) 1.1 (second edition)the definition of 'svggradientelement' in that specification.
SVGMarkerElement - Web APIs
th = 2 normative document svg 1.1 (2nd edition) constants orientation name value description svg_marker_orient_unknown 0 the marker orientation is not one of predefined
types.
... units name value description svg_markerunits_unknown 0 the marker unit type is not one of predefined
types.
...one of the marker unit
types defined on this interface.
...one of the marker orientation
types defined on this interface.
Signaling and video calling - Web APIs
the server supports several message
types to handle tasks, such as registering new users, setting usernames, and sending public chat messages.
...we'll have to allow directing messages to one specific user instead of broadcasting to all connected users, and ensure unrecognized message
types are passed through and delivered, without the server needing to know what they are.
... as the existing code allows the sending of arbitrary message
types, no additional changes are required.
... our clients can now send messages of unknown
types to any specific user, letting them send signaling messages back and forth as desired.
Inputs and input sources - Web APIs
by combining these two
types of input with the changing of viewing position and/or orientation through the headset or other mechanisms, you can create an interactive simulated environment.
... input device
types webxr supports a variety of different
types of devices to handle targeting and action inputs.
...there are currently two
types of primary action: the primary action is the action which is activated when the user activates the primary or "select" input on their controller.
... these
types of input actions are described in more detail below.
Lighting a WebXR setting - Web APIs
this is the foundation for much of what's involved in shading a scene, and comes into play in terms of how different
types of light source behave.
...
types of light source there are four fundamental
types of light source.
...for the most part, any real-world light source can be simulated using one or more of these light source
types.
...performing the shading for each of these light source
types is more computationally demanding than the one before it; so ambient light is the least expensive to apply, followed by directional light sources, point lights, and finally spotlights.
Advanced techniques: Creating and sequencing audio - Web APIs
t sine wave: let lfo = audioctx.createoscillator(); lfo.type = 'square'; lfo.frequency.value = 30; connecting the graph the key here is connecting the graph correctly, and also starting both oscillators: lfo.connect(amp.gain); osc.connect(amp).connect(audioctx.destination); lfo.start(); osc.start(); osc.stop(audioctx.currenttime + pulsetime); note: we also don't have to use the default wave
types for either of these oscillators we're creating — we could use a wavetable and the periodic wave method as we did before.
... note: the web audio api comes with two
types of filter nodes: biquadfilternode and iirfilternode.
... for the most part a biquad filter will be good enough — it comes with different
types such as lowpass, highpass, and bandpass.
...different
types of biquad filters have different properties — for instance setting the frequency on a bandpass type adjusts the middle frequency, however on a lowpass it would set the top frequency.
XRReferenceSpace - Web APIs
reference space
types the reference space returned by xrsession.requestreferencespace() is either xrreferencespace or xrboundedreferencespace.
... the "interface" column in the table below indicates which of the two
types is returned for each reference space type constant..
... reference space descriptors the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...otherwise, typically, one of the other reference space
types will be used more often.
XRReferenceSpaceType - Web APIs
the xrreferencespacetype enumerated type defines the strings which identify the
types of reference spaces supported by webxr.
...the "interface" column in the table below indicates which of the two
types is returned for each reference space type constant..
... reference space descriptors the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...otherwise, typically, one of the other reference space
types will be used more often.
@media - CSS: Cascading Style Sheets
description media
types media
types describe the general category of a device.
... deprecated media
types: css2.1 and media queries 3 defined several additional media
types (tty, tv, projection, handheld, braille, embossed, and aural), but they were deprecated in media queries 4 and shouldn't be used.
...<mf-value>where <mf-name> = <ident><mf-value> = <number> | <dimension> | <ident> | <ratio> examples testing for print and screen media
types @media print { body { font-size: 10pt; } } @media screen { body { font-size: 13px; } } @media screen, print { body { line-height: 1.2; } } @media only screen and (min-width: 320px) and (max-width: 480px) and (resolution: 150dpi) { body { line-height: 1.4; } } introduced in media queries level 4 is a new range syntax that allows for less verbose media queries when testing for...
... deprecates all media
types except for screen, print, speech, and all.
list-style-type - CSS: Cascading Style Sheets
syntax /* partial list of
types */ list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: decimal; list-style-type: georgian; list-style-type: trad-chinese-informal; list-style-type: kannada; /* <string> value */ list-style-type: '-'; /* identifier matching an @counter-style rule */ list-style-type: custom-counter-style; /* keyword value */ list-style-type: none; /* global values */ list-s...
... note that: some
types require a suitable font installed to display as expected.
... non-standard extensions a few more predefined
types are provided by mozilla (firefox), blink (chrome and opera) and webkit (safari) to support list
types in other languages.
... defines using @counter-style the usual style
types: hebrew, cjk-ideographic, hiragana, hiragana-iroha, katakana, katakana-iroha, japanese-formal, japanese-informal, simp-chinese-formal, trad-chinese-formal, simp-chinese-formal, trad-chinese-formal,korean-hangul-formal, korean-hanja-informal, korean-hanja-formal, cjk-decimal, ethiopic-numeric, disclosure-open and disclosure-closed.
Event developer guide - Developer guides
events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different
types.
... the overview page provides an introduction to the design pattern and a summary of the
types of incidents which are defined and reacted to by modern web browsers.
... the custom events page describes how the event code design pattern can be used in custom code to define new event
types emitted by user objects, register listener functions to handle those events, and trigger the events in user code.
...the different
types of user interaction-driven events include: the original 'click' event, mouse events, mouse gesture events, and both touch events and the earlier mozilla experimental touch events, now deprecated.
HTML attribute: readonly - HTML: Hypertext Markup Language
the readonly attribute is supported by text, search, url, tel, email, password, date, month, week, time, datetime-local, and number<input>
types and the <textarea> form control elements.
... if present on any of these input
types and elements, the :read-only pseudo class will match.
... the attribute is not supported or relevant to <select> or input
types that are already not mutable, such as checkbox and radio or cannot, by definition, start with a value, such as the file input type.
...nor is it supported on any of the button
types, including image.
HTML attribute: required - HTML: Hypertext Markup Language
the required attribute is supported by text, search, url, tel, email, password, date, month, week, time, datetime-local, number, checkbox, radio, file, <input>
types along with the <select> and <textarea> form control elements.
... if present on any of these input
types and elements, the :required pseudo class will match.
...nor is it supported on any of the button
types, including image.
... in the case of a same named group of checkbox input
types, only the checkboxes with the required attribute are required.
HTML attribute: step - HTML: Hypertext Markup Language
valid for the numeric input
types, including the date, month, week, time, datetime-local, number and range
types, the step attribute is a number that specifies the granularity that the value must adhere to or the keyword any.
... the step sets the stepping interval when clicking up and down spinner buttons, moving a slider left and right on a range, and validating the different date
types.
... if not explicitly included, step defaults to 1 for number and range, and 1 unit type (minute, week, month, day) for the date/time input
types.
...time 60 (seconds) <input type="time" min="09:00" step="900"> datetime-local 1 (day) <input type="datetime-local" min="019-12-25t19:30" step="7"> number 1 <input type="number" min="0" step="0.1" max="10"> range 1 <input type="range" min="0" step="2" max="10"> if any is not explicity set, valid values for the number, date/time input
types, and range input
types are equal to the basis for stepping - the min value and increments of the step value, up to the max value, if specified.
<video>: The Video Embed element - HTML: Hypertext Markup Language
here is a <a href="myvideo.mp4">link to the video</a> instead.</p> </video> we offer a substantive and thorough guide to media file
types and the guide to the codecs supported for video.
... some media file
types let you provide more specific information using the codecs parameter as part of the file's type string.
...to do this, edit the "mime.
types" file in "/etc/apache" or use the "addtype" configuration directive in httpd.conf.
... addtype video/ogg .ogm addtype video/ogg .ogv addtype video/ogg .ogg if you serve your videos as webm, you can fix this problem for the apache web server by adding the extension used by your video files (".webm" is the most common one) to the mime type "video/webm" via the "mime.
types" file in "/etc/apache" or via the "addtype" configuration directive in httpd.conf.
X-Content-Type-Options - HTTP
the x-content-type-options response http header is a marker used by the server to indicate that the mime
types advertised in the content-type headers should not be changed and be followed.
... this is a way to opt out of mime type sniffing, or, in other words, to say that the mime
types are deliberately configured.
... this header was introduced by microsoft in ie 8 as a way for webmasters to block content sniffing that was happening and could transform non-executable mime
types into executable mime
types.
... header type response header forbidden header name no syntax x-content-type-options: nosniff directives nosniff blocks a request if the request destination is of type: "style" and the mime type is not text/css, or "script" and the mime type is not a javascript mime type enables cross-origin read blocking (corb) protection for the mime-
types: text/html text/plain text/json, application/json or any other type with a json extension: */*+json text/xml, application/xml or any other type with an xml extension: */*+xml (excluding image/svg+xml) specifications specification status comment fetchthe definition of 'x-content-type-options definition' in that specification.
Expressions and operators - JavaScript
operators javascript has the following
types of operators.
...these operators do not attempt to convert the operands to compatible
types before checking equality.
... every syntactically valid expression resolves to some value but conceptually, there are two
types of expressions: with side effects (for example: those that assign value to a variable) and those that in some sense evaluate and therefore resolve to a value.
... new you can use the new operator to create an instance of a user-defined object type or of one of the built-in object
types.
Error - JavaScript
see below for standard built-in error
types.
... error
types besides the generic error constructor, there are seven other core error constructors in javascript.
...you can handle the error using the try...catch construct: try { throw new error('whoops!') } catch (e) { console.error(e.name + ': ' + e.message) } handling a specific error you can choose to handle only specific error
types by testing the error type with the error's constructor property or, if you're writing for modern javascript engines, instanceof keyword: try { foo.bar() } catch (e) { if (e instanceof evalerror) { console.error(e.name + ': ' + e.message) } else if (e instanceof rangeerror) { console.error(e.name + ': ' + e.message) } // ...
... etc } custom error
types you might want to define your own error
types deriving from error to be able to throw new myerror() and use instanceof myerror to check the kind of error in the exception handler.
Intl.Locale.prototype.collation - JavaScript
below is a table with the available collation
types, taken from the unicode collation specification.
... valid collation
types collation type description big5han pinyin ordering for latin, big5 charset ordering for cjk characters (used in chinese) compat a previous version of the ordering, for compatibility dict dictionary style ordering (such as in sinhala) the direct collation type has been deprected.
... adding a collation type via the locale string in the unicode locale string spec, collation
types are locale key "extension subtags".
... let stringcoll = new intl.locale("en-latn-us-u-co-emoji"); console.log(stringcoll.collation); // prints "emoji" adding a collation type via the configuration object argument the intl.locale constructor has an optional configuration object argument, which can contain any of several extension
types, including collation
types.
Strict equality (===) - JavaScript
unlike the equality operator, the strict equality operator always considers operands of different
types to be different.
... if the operands are of different
types, return false.
... the most notable difference between this operator and the equality (==) operator is that if the operands are of different
types, the == operator attempts to convert them to the same type before comparing.
... examples comparing operands of the same type console.log("hello" === "hello"); // true console.log("hello" === "hola"); // false console.log(3 === 3); // true console.log(3 === 4); // false console.log(true === true); // true console.log(true === false); // false console.log(null === null); // true comparing operands of different
types console.log("3" === 3); // false console.log(true === 1); // false console.log(null === undefined); // false comparing objects const object1 = { name: "hello" } const object2 = { name: "hello" } console.log(object1 === object2); // false console.log(object1 === object1); // true specifications specification ecmascript (ecma-262)the definition o...
Content type - SVG: Scalable Vector Graphics
svg makes use of a number of data
types.
... this article lists these
types along with their syntax and descriptions of what they're used for.
... svg supports all of the syntax alternatives for <color> defined in css2 syntax and basic data
types, and (depend on the implementation) in the future css color module level 3.
...for example, to fill a rectangle with a linear gradient, you first define a <lineargradient> element and give it an id, as in: <lineargradient xml:id="mygradient">...</lineargradient> you then reference the linear gradient as the value of the fill attribute for the rectangle, as in the following example: <rect fill="url(#mygradient)"/> svg supports two
types of iri references: local iri references, where the iri reference does not contain an <absoluteiri> or <relativeiri> and thus only contains a fragment identifier (i.e., #<elementid> or #xpointer(id<elementid>)).
Mixed content - Web security
types of mixed content there are two categories for mixed content: mixed passive/display content and mixed active content.
... passive content list this section lists all
types of http requests which are considered passive content: <img> (src attribute) <audio> (src attribute) <video> (src attribute) <object> subresources (when an <object> performs http requests) mixed active content mixed active content is content that has access to all or parts of the document object model of the https page.
... active content examples this section lists some
types of http requests which are considered active content: <script> (src attribute) <link> (href attribute) (this includes css stylesheets) <iframe> (src attribute) xmlhttprequest requests fetch() requests all cases in css where a <url> value is used (@font-face, cursor, background-image, and so forth).
... <object> (data attribute) navigator.sendbeacon (url attribute) other resource
types like web fonts and workers may be considered active mixed content, as they are in chrome.
Securing your site - Web security
for certain
types of data, you may wish to disable this feature.
... content security properly configuring server mime
types there are several ways incorrect mime
types can cause potential security problems with your site.
... this article explains some of those and shows how to configure your server to serve files with the correct mime
types.
... content security policy an added layer of security that helps to detect and mitigate certain
types of attacks, including cross site scripting (xss) and data injection attacks.
Introduction to using XPath in JavaScript - XPath
specifying the return type the returned variable xpathresult from document.evaluate can either be composed of individual nodes (simple
types), or a collection of nodes (node-set
types).
... simple
types when the desired result type in resulttype is specified as either: number_type - a double string_type - a string boolean_type - a boolean we obtain the returned value of the expression by accessing the following properties respectively of the xpathresult object.
... node-set
types the xpathresult object allows node-sets to be returned in 3 principal different
types: iterators snapshots first nodes iterators when the specified result type in the resulttype parameter is either: unordered_node_iterator_type ordered_node_iterator_type the xpathresult object returned is a node-set of matched nodes which will behave as an iterator, allowing us to access the indivi...
... it could be any of the simple
types (number_type, string_type, boolean_type), but, if the returned result type is a node-set then it will only be an unordered_node_iterator_type.
WebAssembly Concepts - WebAssembly
(note that webassembly has the high-level goal of supporting languages with garbage-collected memory models in the future.) with the advent of webassembly appearing in browsers, the virtual machine that we talked about earlier will now load and run two
types of code — javascript and webassembly.
... the different code
types can call each other as required — the webassembly javascript api wraps exported webassembly code with javascript functions that can be called normally, and webassembly code can import and synchronously call normal javascript functions.
... using assemblyscript which looks similar to
typescript and compiles to webassembly binary.
... by itself, webassembly cannot currently directly access the dom; it can only call javascript, passing in integer and floating point primitive data
types.
clipboard - Archive of obsolete content
the following
types are supported: text (plain text) html (a string of html) image (a base-64 encoded png) if no data type is provided, then the module will detect it for you.
... properties currentflavors data on the clipboard is sometimes available in multiple
types.
...this property is an array contains all
types in which the data currently on the clipboard is available.
test/assert - Archive of obsolete content
notdeepequal(actual, expected, message) tests that two objects do not have a deep equality relation, using the negation of the test for deep equality: assert.notdeepequal({ a: "foo" }, object.create({ a: "foo" }), "object's inherit from different proto
types"); parameters actual : object the actual result.
... strictequal(actual, expected, message) tests that two objects are equal, using the strict equality operator ===: // this test will pass, because "==" will perform type conversion exports["test coercive equality"] = function(assert) { assert.equal(1, "1", "test coercive equality between 1 and '1'"); } // this test will fail, because the
types are different exports["test strict equality"] = function(assert) { assert.strictequal(1, "1", "test strict equality between 1 and '1'"); } parameters actual : object the actual result.
... notstrictequal(actual, expected, message) tests that two objects are not equal, using the negation of the strict equality operator ===: // this test will fail, because "==" will perform type conversion exports["test coercive equality"] = function(assert) { assert.notequal(1, "1", "test coercive equality between 1 and '1'"); } // this test will pass, because the
types are different exports["test strict equality"] = function(assert) { assert.notstrictequal(1, "1", "test strict equality between 1 and '1'"); } parameters actual : object the actual result.
ui/button/toggle - Archive of obsolete content
toggle buttons emit two
types of event, "click" and "change".
...toggle buttons emit two
types of event, "click" and "change".
...toggle buttons emit two
types of event, "click" and "change".
Enhanced Extension Installation - Archive of obsolete content
item type the extension system in firefox 1.0 supports only two item
types, extensions and themes.
...
types are defined in nsiupdateservice.idl on the nsiupdateitem interface.
... the
types at the time of writing include: 2 - extension 4 - theme 8 - locale for backward compatibility the extension system will continue to assume an item is an extension by default, and a theme if the item has a <em:internalname> property, but extension and theme authors should be good citizens and upgrade their install manifests to include the type.
Adding Toolbars and Toolbar Buttons - Archive of obsolete content
toolbar buttons there are several
types of buttons and elements you can add to a toolbar depending on your needs.
...the menu and menu-button
types allow you to create buttons that open popup menus beneath them.
...the other
types, checkbox and radio are useful when you have buttons that change state when the user clicks on them.
JXON - Archive of obsolete content
the algorithms proposed here (see: #1, #2, #3, #4) will consider only the following
types of nodes and their attributes: document (only as function argument), documentfragment (only as function argument), element, text (never as function argument), cdatasection (never as function argument), attr (never as function argument).
... this is a good and standardized compromise for a javascript usage, since all of the information of an xml document is contained in these node
types.
...so any child element node, if exists, will be nested in these
types of objects.
Introduction to XUL - Archive of obsolete content
in fact, it is just xml with specific meaning defined for a few element
types, and into which html can be scattered.
... a word on case and namespaces, and file
types xml is of course case sensitive.
...but xul defines several element
types unique to itself, which add functionality to the window.
Introduction - Archive of obsolete content
several
types of datasources are supported by default, rdf, xml and sqlite databases, however, processors may be written to support other
types of datasources.
...only the built-in rdf type supports this mechanism; the xml and sqlite
types do not.
...this special uri will also work even for non-rdf
types, so feel free to use it when needed.
Anonymous Content - Archive of obsolete content
the resulting content would be: <menu class="dropbox"> <menupopup> <menuitem label="1000"/> <menuitem label="2000"/> </menupopup> <textbox flex="1"/> <button src="chrome://global/skin/images/dropbox.jpg"/> </menu> includes attribute in some cases, you may wish to only include specific
types of content and not others.
... or, you may wish to place different
types of content in different places.
...you can place multiple children elements in a binding to place different
types of content in different places.
Open and Save Dialogs - Archive of obsolete content
the second is a filter that indicates the list of file
types that are displayed in the dialog.
...to add filters, call the appendfilters() function to set the file
types that you wish to have displayed.
...the user will only be able to select those
types of files.
Skinning XUL Files by Hand - Archive of obsolete content
the following table shows the basic format for these two common
types of style definitions: class id element.class { attribute: value; } element#id { attribute: value; } menu.baseline { border: 0px; font-size: 9pt; } menu#edit { color: red; } other style subgroups contextualsubgroups -- elements appearing within other elements, such as italicized text anywhere within a <p> element or a <div> -...
...in general, these are the
types of styles that should be defined only in the global skin of an application, since these are the styles that give an application a certain overall look, or skin.
... here is a very short (but complete!) cascading stylesheet that might be referenced and used by a xul file: toolbar.nav-bar { background-image: url("chrome://navigator/skin/navbar-bg.gif"); padding: 0px; padding-bottom: 2px; } box#navbar { background-color: lightblue; } a:link { color: #fa8072; } this stylesheet exhibits three of the different
types of style definitions described above.
Stacks and Decks - Archive of obsolete content
there are a number of elements that are specialized
types of boxes, such as toolbars and tabbed panels.
...however, the specialized
types of boxes work just like regular boxes in the way they orient the elements inside them, but they have additional features.
...they are all special
types of boxes and allow all of the attributes of boxes on them.
textbox - Archive of obsolete content
the timer starts after the user
types a character.
... if the user
types another character, the timer resets.
... timed this textbox will fire a command event after the user
types characters and a certain time has passed.
NP_GetMIMEDescription - Archive of obsolete content
on windows you have to define supported mime
types in the dll resource file.
... one mime type // example inside http://mxr.mozilla.org/mozilla-central/source/modules/plugin/sdk/samples/basic/unix/plugin.cpp #define mime_type_description "application/basic-plugin:bsp:basic example plug-in for mozilla" const char* np_getmimedescription(void) { return(mime_
types_description); } two mime
types const char* np_getmimedescription(void) { return "application/basic-example-plugin:xmp1:example 1;application/basic-example2-plugin:xmp2, xm2p:example 2"; } gnome integration if you use gnome vfs (gnome-vfs-2.0), you can get the mime type description with a function.
... #include <gio/gio.h> const char* desc = g_content_type_get_description("audio/ogg"); javascript inside a web page, you can retrieve these informations with this code: var mimetype = navigator.mime
types['application/basic-example-plugin']; if (mimetype) { alert(mimetype.type + ':' + mimetype.suffixes + ':' + mimetype.description); } ...
Adobe Flash - Archive of obsolete content
<script type="text/javascript">identifyflash();</script> typically, javascript code that determines what version of the plugin is installed looks at the mime
types array that is part of the navigator object.
...an algorithmic approach to detecting flash plugin version might be: var plugin = navigator.mime
types["application/x-shockwave-flash"].enabledplugin; var description = plugin.description; // 1.
...the example below shows both
types of communication in action: example 3: javascript to flash communication and fscommands -- flash to javascript communication the example is missing.
TCP/IP Security - Archive of obsolete content
data link layer controls for dedicated circuits are most often provided by specialized hardware devices known as data link encryptors; data link layer controls for other
types of connections, such as dial-up modem communications, are usually provided through software.
... transport layer protocols such as ssl are most commonly used to provide security for communications with individual http-based applications, although they are also used to provide protection for communication sessions of other
types of applications such as smtp, point of presence (pop), internet message access protocol (imap), and file transfer protocol (ftp).
... depending on how ssl is implemented and configured, it can provide any combination of the following
types of protection: confidentiality.
Object.observe() - Archive of obsolete content
oldvalue: only for "update" and "delete"
types.
... acceptlist the list of
types of changes to be observed on the given object for the given callback.
... examples logging all six different
types var obj = { foo: 0, bar: 1 }; object.observe(obj, function(changes) { console.log(changes); }); obj.baz = 2; // [{name: 'baz', object: <obj>, type: 'add'}] obj.foo = 'hello'; // [{name: 'foo', object: <obj>, type: 'update', oldvalue: 0}] delete obj.baz; // [{name: 'baz', object: <obj>, type: 'delete', oldvalue: 2}] object.defineproperty(obj, 'foo', {writable: false}); // [{name: 'foo', object: <obj>, type: 'reconfigure'}] object.setprototypeof(obj, {}...
Game distribution - Game development
web and native stores you can also upload and publish your game directly to different
types of stores, or marketplaces.
...see marketplaces — distribution platforms for more details of what marketplace
types are available.
... if you're looking for more information about the different
types of app stores you can check the list of mobile software distribution platforms article on wikipedia.
Building up a basic demo with Three.js - Game development
there are other
types of camera available (cube, orthographic), but the simplest is perspective.
... lights there are various
types of light sources available in three.js.
...you should check the documentation for other
types of lights, like ambient, directional, hemisphere, or spot.
Implementing controls using the Gamepad API - Game development
the game encapsulates two totally different
types of "change" — good food vs.
...{}, disconnect: function() {}, update: function() {}, buttonpressed: function() {}, buttons: [], buttonscache: [], buttonsstatus: [], axesstatus: [] }; the buttons array contains the xbox 360 button layout: buttons: [ 'dpad-up','dpad-down','dpad-left','dpad-right', 'start','back','axis-left','axis-right', 'lb','rb','power','a','b','x','y', ], this can be different for other
types of gamepads like the ps3 controller (or a no-name, generic one), so you have to be careful and not just assume the button you're expecting will be the same button you'll actually get.
...o check the single press if(!hold) { // loop through the cached states from the previous frame for(var j=0,p=gamepadapi.buttonscache.length; j<p; j++) { // if the button was already pressed, ignore new press if(gamepadapi.buttonscache[j] == button) { newpress = false; } } } } } return newpress; }, there are two
types of action to consider for a button: a single press and a hold.
Visual-js game engine - Game development
( + server engine tools + server part of web apps ) -3d part : webgl based on three.js engine -3d part : webgl2 based on glmatrix 2.0 -2d part (new): this is
typescript based game engine (client part ts).
... online demo examples at : https://jsfiddle.net/user/zlatnaspirala/fiddles/ demo slot mashine basic demo at : https://jsfiddle.net/zlatnaspirala/7d0d8v6d/ help about new 2d part - implementation of matter.js based
typescript .
... npm install
typescript npm i clean-webpack-plugin --save-dev npm i html-webpack-plugin --save-dev possible fix : npm i webpack --save-dev npm i extract-text-webpack-plugin --save-dev fix code format : tslint -c tslint.json 'src/**/*.ts' --fix download project link : download link from bitbucket.
Images, media, and form elements - Learn web development
styling text input elements elements that allow for text input, such as <input type="text">, specific
types such as <input type="email">, and the <textarea> element are quite easy to style and tend to behave just like other boxes on your page.
...we are using attribute selectors to target the different input
types.
... as explained in the lessons on form styling in the html part of this course, many of the more complex input
types are rendered by the operating system and are inaccessible to styling.
CSS selectors - Learn web development
in this article and its sub-articles we'll run through the different
types in great detail, seeing how they work.
... h1, ..special { color: blue; }
types of selectors there are a few different groupings of selectors, and knowing which type of selector you might need will help you to find the right tool for the job.
...the following for example selects paragraphs that are direct children of <article> elements using the child combinator (>): article > p { } next steps you can take a look at the reference table of selectors below for direct links to the various
types of selectors in this learn section or on mdn in general, or continue on to start your journey by finding out about type, class, and id selectors.
The box model - Learn web development
block and inline boxes in css we broadly have two
types of boxes — block boxes and inline boxes.
... aside: inner and outer display
types at this point, we'd better also explain inner and outer display
types.
... examples of different display
types let's move on and have a look at some examples.
Beginner's guide to media queries - Learn web development
media
types the possible
types of media you can specify are: all print screen speech the following media query will only set the body to 12pt if the page is printed.
... note: there were a number of other media
types defined in the level 3 media queries specification; these have been deprecated and should be avoided.
... note: media
types are optional; if you do not indicate a media type in your media query then the media query will default to being for all media
types.
Fundamental text and font styling - Learn web development
after doing that, you can easily size the different
types of text in your document to what you want.
...you can find an assessment to verify that you've retained this information at the end of the module — see
typesetting a community school homepage.
... overview: styling text next in this module fundamental text and font styling styling lists styling links web fonts
typesetting a community school homepage ...
Styling links - Learn web development
<li> elements are normally block by default (see
types of css boxes for a refresher), meaning that they will sit on their own lines.
...you can find an assessment to verify that you've retained this information at the end of the module — see
typesetting a community school homepage.
... previous overview: styling text next in this module fundamental text and font styling styling lists styling links web fonts
typesetting a community school homepage ...
Styling lists - Learn web development
the <dd> elements have margin-left of 40px (2.5em.) the <p> elements we've included for reference have a top and bottom margin of 16px (1em), the same as the different list
types.
... rules 2 and 3 set relative font sizes for the headings, different list
types (the children of the list elements inherit these), and paragraphs.
... feel free to play with the list example as much as you like, experimenting with bullet
types, spacing, or whatever else you can find.
Getting started with HTML - Learn web development
note: the terms block and inline, as used in this article, should not be confused with the
types of css boxes that have the same names.
...when html was young (1991-1992), doc
types were meant to act as links to a set of rules that the html page had to follow to be considered good html.
... doc
types used to look something like this: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> more recently, the doctype is a historical artifact that needs to be included for everything else to work right.
What is JavaScript? - Learn web development
the updatename() code block (these
types of reusable code blocks are called "functions") asks the user for a new name, and then inserts that name into the paragraph to update the display.
... there are advantages to both
types of language, but we won't discuss them right now.
...there are two
types: a single line comment is written after a double forward slash (//), e.g.
Introduction to client-side frameworks - Learn web development
angular uses
typescript, a superset of javascript that we’ll look at in a little more detail in the next chapter.
... framework browser support preferred dsl supported dsls angular ie9+
typescript html-based;
typescript react modern (ie9+ with polyfills) jsx jsx;
typescript vue ie9+ html-based html-based, jsx, pug ember modern (ie9+ in ember version 2.18) handlebars handlebars,
typescript note: dsls we've described as "html-based" do not have official names.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Getting started with Svelte - Learn web development
note: recently svelte has added official
typescript support, one of its most requested features.
...currently should only contain setup
typescript.js, a script that sets up
typescript support in svelte.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Working with Svelte stores - Learn web development
in the next article we will learn how add
typescript support to our svelte application.
... to take advantage of all its features, we will also port our entire application to
typescript.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Adding a new todo form: Vue events, methods, and models - Learn web development
v-model works across all the various input
types, including check boxes, radios, and select inputs.
...however, the exact event and attribute combination varies depending on input
types and will take more code than just using the v-model shortcut.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Tools and testing - Learn web development
working out what tools you should be using can be a difficult process, so we have written this set of articles to inform you of what
types of tool are available, what they can do for you, and how to make use of the current industry favourites.
... modules understanding client-side web development tools client-side tooling can be intimidating, but this series of articles aims to illustrate the purpose of some of the most common client-side tool
types, explain the tools you can chain together, how to install them using package managers, and control them using the command line.
...what users, browsers and devices do you most need to worry about?), how to go about testing, the main issues that you'll face with different
types of code and how to fix/mitigate those, what tools are most useful in helping you test and fix problems, and how to use automation to speed up testing.
Accessibility API cross-reference
all accessibility apis to date define a list of possible object roles, or general
types, such as button, menu item, text, etc.
...all accessibility apis to date define a list of possible object roles, or general
types, such as button, menu item, text, etc.
...a paragraph generally encloses distinct portions of content that are not otherwise specified with other block level structure element
types such as heading, table or list elements.
Accessibility/LiveRegionDevGuide
event
types the table for web page mutation event
types lists the two major event
types associated with live regions, namely text-changed and object changed events.
...in iaccessible2, there are two separate event
types, namely event_object_show and event_object_hide.
...in iaccessible2, there are two distinct event
types - ia2_event_text_removed and ia2_event_text_inserted.
Chrome-only API reference
it currently works in (privileged) chrome code on firefox desktop (version 47 and above).chromeworkerif you're developing privileged code, and would like to create a worker that can use js-c
types to perform calls to native code, you can do so by using chromeworker instead of the standard worker object.
... it works exactly like a standard worker, except that it has access to js-c
types via a global c
types object available in the global scope of the worker.
... examples of chromeworker's using js-c
types are availabe on github and are linked to from the see also section below.
IME handling guide
for example, if a user
types "watasinonamaehanakanodesu", it's converted to hiragana characters, "わたしのなまえはなかのです", automatically (in the following screenshots, the composition string has a wavy underline and the only one clause is called "raw input clause").
... selection
types of each clause of composition string or caret nsiselectioncontroller mozilla::selectiontype mozilla::textrangetype caret selection_normal enormal ecaret raw text typed by the user selection_ime_raw_input eimerawclause erawclause selected clause of raw text typed by the user selection_ime_selectedrawtext eimeselectedrawclause...
...this affects all
types of clauses.
AddonType
add-on
types hold useful information about each type of add-on that may be installed.
... they are mostly used to help the ui know how to display the different
types of add-on.
... uipriority integer a number used to determine the order of
types displayed in the user interface.
CustomizableUI.jsm
customizableui is aware of two
types of areas: toolbars and the menu panel.
... there are three main
types of widgets: 'legacy' xul widgets, which are the way customizableui represents widgets whose dom representation is present (or overlaid) into a window; api-style widgets, which are the new widgets customizableui can create and manage for you.
... these come in 3
types themselves: button which are simple toolbar buttons which do something when clicked view which are toolbar buttons with a 'view' of further options.
Mozilla Framework Based on Templates (MFBT)
functionality
types and type manipulation standardinteger.h implements the <stdint.h> interface.
...this header also provides a useful "hook" for embeddings that must customize the
types underlying the fixed-size integer
types.)
types.h includes standardinteger.h and further provides size_t.
... core
types.h further provides macros to define imported and exported c symbols.
Mozilla Style System Documentation
these three
types of style contexts correspond to the three ways of creating a style context: nsiprescontext::resolvestylecontextfor, nsiprescontext::resolvepseudostylecontextfor, and.nsiprescontext::resolvestylecontextfornonelement there is also a fourth method, nsiprescontext::probepseudostylecontextfor, which creates a style context only if there are style rules that match the pseudo-element.
...ast(const nsstyledisplay*, sc->getstyledata(estylestruct_display)); there is also a (non-virtual) method on nsiframe to get the style data from a frame's style context (saving the refcounting needed to get the style context): const nsstyledisplay *display; frame->getstyledata(estylestruct_display, (const nsstylestruct*&)display); however, there are similar
typesafe global function templates that (should) compile to the same thing but use the type of the template parameter to pass the correct nsstylestructid parameter.
...this leads to (or perhaps three, depending on how you count) two
types of sharing.
Date and Time
nspr provides
types and constants for both representations, and functions to convert time values between the two.
... macros for time unit conversion
types and constants time parameter callback functions functions macros for time unit conversion macros for converting between seconds, milliseconds, microseconds, and nanoseconds.
... pr_msec_per_sec pr_usec_per_sec pr_nsec_per_sec pr_usec_per_msec pr_nsec_per_msec
types and constants
types and constants defined for nspr dates and times are: prtime prtimeparameters prexplodedtime time parameter callback functions in some geographic locations, use of daylight saving time (dst) and the rule for determining the dates on which dst starts and ends have changed a few times.
Network Addresses
this chapter describes the nspr
types and functions used to manipulate network addresses.
... network address
types and constants network address functions the api described in this chapter recognizes the emergence of internet protocol version 6 (ipv6).
... network address
types and constants prhostent prprotoent pr_netdb_buf_size network address functions initializing a network address pr_initializenetaddr facilitates the use of prnetaddr, the basic network address structure, in a polymorphic manner.
PR_EXTERN
used to define the proto
types for functions or variables that are to be exported from a shared library.
... syntax #include <pr
types.h> pr_extern(type)prototype description pr_extern is used to define externally visible routines and globals.
... for syntax details for each platform, see pr
types.h.
NSS_3.12_release_notes.html
bug 402114: fix the incorrect function proto
types of ssl handshake callbacks bug 402308: fix miscellaneous compiler warnings in nss/cmd bug 402777: lib/util can't be built stand-alone.
...nsions to certutil bug 390973: add long option names to secu_parsecommandline bug 161326: need api to convert dotted oid format to/from octet representation bug 376737: cert_importcerts routinely sets valid_peer or valid_ca override trust flags bug 390381: libpkix rejects cert chain when root ca cert has no basic constraints bug 391183: rename libpkix error string number type to pkix error number
types bug 397122: nss 3.12 alpha treats a key3.db with no global salt as having no password bug 405966: unknown signature oid 1.3.14.3.2.29 causes sec_error_bad_signature, 3.11 ignores it bug 413010: cert_comparerdn may return a false match bug 417664: false positive crl revocation test on ppc/ppc64 nss_enable_pkix_verify=1 bug 404526: glibc detected free(): invalid pointer bug 300929: certificate poli...
...ugs in freebl bug 359331: modutil -changepw strict shutdown failure bug 373367: verify ocsp response signature in libpkix without decoding and reencoding bug 390542: libpkix fails to validate a chain that consists only of one self issued, trusted cert bug 390728: pkix_pl_ocsprequest_create throws an error if it was not able to get aia location bug 397825: libpkix: ifdef code that uses user object
types bug 397832: libpkix leaks memory if a macro calls a function that returns an error bug 402727: functions responsible for creating an object leak if subsequent function code produces an error bug 402731: pkix_pl_pk11certstore_crlquery will crash if fails to acquire dp cache.
NSS 3.24 release notes
new elements this section lists and briefly describes the new functions,
types, and macros in nss 3.24.
...(see portcheaparenapool.) new
types in sslt.h sslextraservercertdata - optionally passed as an argument to ssl_configservercert.
... update sslauthtype to define a larger number of authentication key
types.
NSS Developer Tutorial
the exact-width integer
types in nspr should be used, in preference to those declared in <stdint.h> (which will be used by nspr in the future).
... universal character names are not permitted, as are wide character
types (char16_t and char32_t).
...
types structs members of an exported struct, cannot be reordered or removed.
NSS Sample Code Sample_3_Basic Encryption and MACing
sample code 3 /* nspr headers */ #include <prthread.h> #include <plgetopt.h> #include <prerror.h> #include <prinit.h> #include <prlog.h> #include <pr
types.h> #include <plstr.h> /* nss headers */ #include <keyhi.h> #include <pk11priv.h> /* our samples utilities */ #include "util.h" #define buffersize 80 #define digestsize 16 #define ptext_mac_buffer_size 96 #define ciphersize 96 #define blocksize 32 #define cipher_header "-----begin cipher-----" #define cipher_trailer "-----end cipher-----" #define enckey_header "-----begin aeskey ckaid-----" #define enckey_trailer "-----end aeskey ckaid-----" #d...
...*/ /* nspr headers */ #include <prthread.h> #include <plgetopt.h> #include <prerror.h> #include <prinit.h> #include <prlog.h> #include <pr
types.h> #include <plstr.h> /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_
typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv...
...ename, &pwdata, ascii); if (rv != secsuccess) { pr_fprintf(pr_stderr, "decryptfile : failed\n"); return secfailure; } break; } cleanup: rvshutdown = nss_shutdown(); if (rvshutdown != secsuccess) { pr_fprintf(pr_stderr, "failed : nss_shutdown()\n"); rv = secfailure; } pr_cleanup(); return rv; } </plstr.h></pr
types.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthread.h></opfilename></ipfilename></ipfilename></ipfilename></ipfilename></ipfilename></opfilename></ipfilename></noisefilename></dbpwdfile></dbpwd></dbdirpath></a|b></opfilename></ipfilename></dbpwdfile></dbpwd></noisefilename></dbdirpath></a|b></pk11priv.h></keyhi.h></plstr.h></pr
types.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthrea...
nss tech note7
data
types nss uses the following data
types to represent keys: seckeypublickey: a public key, defined in "keythi.h".
... these data
types should be used as if they were opaque structures, that is, they should only be created by some nss functions and you always pass pointers to these data
types to nss functions and never examine the members of these structures.
...citem derpubkey; seckeypublickey *pubkey; const sec_asn1template myrsapublickeytemplate[] = { { sec_asn1_sequence, 0, null, sizeof(myrsapublickey) }, { sec_asn1_integer, offsetof(myrsapublickey,m_modulus), }, { sec_asn1_integer, offsetof(myrsapublickey,m_exponent), }, { 0, } }; prarenapool *arena; /* * point inpubkey.m_modulus and m_exponent at the data, and * then set their
types to unsigned integers.
NSS tools : certutil
certutil supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... * if there are multiple key
types available, then the -k key-type argument can search a specific type of key, like rsa, dsa, or ecc.
... $ certutil -b -i /path/to/batch-file nss database
types nss originally used berkeleydb databases to store security information.
NSS tools : pk12util
pk12util supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... several
types of ciphers are supported.
... nss database
types nss originally used berkeleydb databases to store security information.
certutil
certutil supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... o if there are multiple key
types available, then the -k key-type argument can search a specific type of key, like rsa, dsa, or ecc.
... $ certutil -b -i /path/to/batch-file nss database
types nss originally used berkeleydb databases to store security information.
NSS tools : pk12util
pk12util supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... several
types of ciphers are supported.
... nss database
types nss originally used berkeleydb databases to store security information.
The JavaScript Runtime
types and values there are six fundamental
types in javascript.
... these
types are implemented with the following java
types and values: javascript fundamental type java type undefined a singleton object defined by context.getundefinedtype() null null boolean java.lang.boolean number java.lang.number, that is, any of java.lang.byte, java.lang.short, java.lang.integer, java.lang.float, or java.lang.double.
...these object
types are represented by implementing the function interface.
SpiderMonkey Internals
jsarray.*, jsbool.*, jsdate.*, jsfun.*, jsmath.*, jsnum.*, jsstr.* these file pairs implement the standard classes and (where they exist) their underlying primitive
types.
... js
types.h fundamental representation
types and utility macros.
... jslong.cpp, jslong.h 64-bit integer emulation, and compatible macros that use intrinsic c
types, like long long, on platforms where they exist (most everywhere, these days).
JSConvertOp
other
types may be passed as hints, but such behavior is deprecated.
...if you do not use the js_convertvalue method, you may omit support for other
types.
... (support for the other
types may eventually be removed.) the callback returns true to indicate success or false to indicate failure.
Parser API
all node
types implement the following interface: interface node { type: string; loc: sourcelocation | null; } the type field is a string representing the ast variant type.
... e4x this section describes node
types that are provided for e4x support.
... note: because this library uses null for optional nodes, it is recommended that user-defined data
types not use null as a representation of an ast node.
Shell global objects
the following keys' string values will be used to determine whether the corresponding
types may be serialized (value allow, the default) or not (value deny).
... if denied
types are encountered a typeerror will be thrown during cloning.
... functions available only in debug build or js_oom_breakpoint is defined oomthread
types() get the number of thread
types that can be used as an argument for oomafterallocations() and oomatallocation().
TPS History Lists
there are two
types of history asset lists, one used for adding/modiyfing/verifying history, and the other for deleting history.
...an integer value from one of the transition
types listed at https://developer.mozilla.org/en/nsinavhistoryservice#constants.
...there are three different
types: to delete all references to a specific page from history, use an object with a uri property to delete all references to all pages from a specific host, use an object with a host property to delete all history in a certain time period, use an object with begin and end properties, which should have integer values that express time since the present in hours (see date above) for example: var hist...
Redis Tips
some uses for redis data
types you may have heard of redis referred to as a nosql database.
... redis data
types include: strings hashes lists sets ordered sets (called zsets in redis) transactions publishers and subscribers this table lists some common programming tasks and data structures, and suggests some redis functions or data structures for them: dictionary lookup set, get, setnx, etc.
... creating keys: keys are like urls and should read like nice urls keys are like urls with paths separated by a colon, ':' (this is convention only) use a common prefix for all keys in your app (like a domain) be careful about possible name collisions key names should make it obvious what the values are for redis data structures are like program variables; how would you structure your data
types in your program?
Places Developer Guide
types in the bookmark system there are the four
types of items in the bookmarks system, and their identifiers in the idl: bookmark: nsinavbookmarksservice.type_bookmark folder: nsinavbookmarksservice.type_folder separator: nsinavbookmarksservice.type_separator dynamic container: nsinavbookmarksservice.type_dynamic_container identifying items in the bookmark system items in the bookmarks colle...
... if (type == ci.nsinavhistoryresultnode.result_type_uri) { var uri = childnode.uri; } else if (type == ci.nsinavhistoryresultnode.result_type_folder) { childnode.queryinterface(ci.nsinavhistorycontainerresultnode); childnode.containeropen = true; // now you can iterate over a subfolder's children } } ther available node
types are documented in the idl.
... deleting bookmark items with the bookmarks service: removeitem(aitemid) - works for all
types removefolder(aitemid) - works for folders and livemarks removefolderchildren(aitemid) - works for folders and livemarks observing bookmark events the nsinavbookmarkobserver interface is used for observing bookmarks activity such as item additions, changes and deletions.
Places utilities for JavaScript
rfeeduri(nsiuri auri); nsinavhistoryresultnode geturlsforcontainernode(nsinavhistoryresultnode anode); void opencontainernodeintabs(nsinavhistoryresultnode anode, nsidomevent aevent); void openurinodesintabs(array nsinavhistoryresultnode anodes, nsidomevent aevent); void createmenuitemfornode(nsinavhistoryresultnode anode, acontainersmap); constants mime
types type_x_moz_place_container type_x_moz_place_separator: "text/x-moz-place-separator", type_x_moz_place: "text/x-moz-place", type_x_moz_url: "text/x-moz-url", type_html: "text/html", type_unicode: "text/unicode", services there's easy access to some of the common services used in bookmarks or history navigation here.
... uri
types container
types leftpanequeries queries that appear in the library's left pane.
... placesflavors generic_view_drop_
types methods createfixeduri nsiuri createfixeduri(string aspec) takes in a spec and returns a valid uri based on it using the nsiurifixup service.
Querying Places
let options = placesutils.history.getnewqueryoptions(); // no query parameters will return everything let query = placesutils.history.getnewquery(); // execute the query let result = placesutils.history.executequery(query, options); result
types nsinavhistoryqueryoptions has a resulttype property that allows configuration of the grouping and level of detail to be returned in the results.
...a new session starts when the user
types a new url or follows a bookmark (xxx link to more details about what constitutes a session).
...most container
types populate themselves lazily, so opening a container actually corresponds to executing the given query.
Detailed XPCOM hashtable guide
client writes their own entry class which can include complex key and data
types.
...the mozilla codebase already contains hash functions for most key
types, including narrow and wide strings, pointers, and most binary data: void* (or nsisupports*) cast using ns_ptr_to_int32 char* string nscrt::hashcode() prunichar* string nsastring hashstring() nsacstring nsid& nsidhashkey::hashkey() writing a good hash function is well beyond the scope of this document, and has been discu...
...there are many different
types of hash functions.
nsIIOService
any of the content
types defined in nsicontentpolicybase.idl.
...any of the content
types defined in nsicontentpolicy.idl return value an nsichannel for the uri.
...any of the content
types defined in nsicontentpolicy.
nsITransferable
common mime
types some of these need better descriptions, especially the mozilla-specific ones.
... flavorstransferablecanexport() returns a list of flavors (mime
types as nsisupportscstring) that the transferable can export, either through intrinsic knowledge or output data converters.
... return value missing description flavorstransferablecanimport() computes a list of flavors (mime
types as nsisupportscstring) that the transferable can accept into it, either through intrinsic knowledge or input data converters.
XPCOM
here is how to make the same component in python using pyxpcom.fun with xbl and xpconnectgenerating guidsguids are used in mozilla programming for identifying several
types of entities, including xpcom interfaces (this type of guids is callled iid), components (cid), and legacy add-ons—like extensions and themes—that were created prior to firefox 1.5.
...often, compiled xpcom components are called 'binary' or 'native'.xpcom category image-sniffing-servicesin versions of firefox prior to firefox 3, extensions could add decoders for new image
types.
... however, such decoders relied on servers sending correct mime
types; images sent with incorrect mime
types would not be correctly displayed.xpcom gluethe xpcom glue is a static library which component developers and embedders can link against.
libmime content type handlers
a necessary capability of this module is to dynamically add the ability to decode and render various content
types.
... /* * this interface is implemented by content type handlers that will be * called upon by libmime to process various attachments
types.
...ister by their content type prefixed by the * following: mimecth:text/vcard * * libmime will then use nscomponentmanager::contractidtoclsid() to * locate the appropriate content type handler */ #ifndef nsimimecontenttypehandler_h_ #define nsimimecontenttypehandler_h_ typedef struct { prbool force_inline_display; } contenttypehandlerinitstruct; #include "pr
types.h" #include "nsisupports.h" #include "mimecth.h" // {20dabd99-f8b5-11d2-8ee0-00a024a7d144} #define ns_imime_content_type_handler_iid \ { 0x20dabd99, 0xf8b5, 0x11d2, \ { 0x8e, 0xe0, 0x0, 0xa0, 0x24, 0xa7, 0xd1, 0x44 } } class nsimimecontenttypehandler : public nsisupports { public: static const nsiid& getiid() { static nsiid iid = ns_imime_content_type_handler_iid; return ...
Debugging Tips
let { c
types } = components.utils.import("resource://gre/modules/c
types.jsm", {}); let i = c
types.int32_t(10); console.log(i); let point = c
types.structtype("point", [{ x: c
types.int32_t }, { y: c
types.int32_t }]) let p = point(10, 20); console.log(p); let pp = p.address(); console.log(pp); the result will be as following: cdata { value: 10 } cdata { x: 10, y: 20 } cdata { contents: cdata } to see more descriptive information, you can use .tosource().
... let { c
types } = components.utils.import("resource://gre/modules/c
types.jsm", {}); let i = c
types.int32_t(10); console.log(i.tosource()); let point = c
types.structtype("point", [{ x: c
types.int32_t }, { y: c
types.int32_t }]) let p = point(10, 20); console.log(p.tosource()); let pp = p.address(); console.log(pp.tosource()); the result will be : c
types.int32_t(10) point(10, 20) point.ptr(c
types.uint64("0x15fdafb08")) to see the complete type information, you can use .constructor.tosource(), to print the source of ctype.
... let { c
types } = components.utils.import("resource://gre/modules/c
types.jsm", {}); let i = c
types.int32_t(10); console.log(i.constructor.tosource()); let point = c
types.structtype("point", [{ x: c
types.int32_t }, { y: c
types.int32_t }]) let p = point(10, 20); console.log(p.constructor.tosource()); let pp = p.address(); console.log(pp.constructor.tosource()); the result will be as per the following: c
types.int32_t c
types.structtype("point", [{ "x": c
types.int32_t }, { "y": c
types.int32_t }]) c
types.structtype("point", [{ "x": c
types.int32_t }, { "y": c
types.int32_t }]).ptr ...
Declaring and Calling Functions
const clock = lib.declare("clock", c
types.default_abi, c
types.unsigned_long); console.log("clocks since startup: " + clock()); the clock() function requires no input parameters; it simply returns an unsigned long.
... const asctime = lib.declare("asctime", c
types.default_abi, c
types.char.ptr, struct_tm.ptr); for a more complete version of this example (including the implementation of the struct_tm type), see the structures example.
...for everything else it returns a c
types object representing the return value (including 64-bit integers).
UInt64
as javascript doesn't currently include standard support for 64-bit integer values, js-c
types offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) to use data represented using a 64-bit data type.
... arithmetic operations const uint64 = c
types.uint64; const int64 = c
types.int64; function ensureuint64(aarr) { // makes elements in aarr a uint64 if it can be made, else throws for (var i=0; i<aarr.length; i++) { var ccon = aarr[i].constructor.name; if (ccon != 'uint64') { if (['string', 'number'].indexof(ccon) > -1) { aarr[i] = uint64(aarr[i]); ...
.../ bitwise and could be applied to more than 2 operands, not sure if it's useful tho ensureuint64(uint64); var hi = uint64.hi(uint64[0]); var lo = uint64.lo(uint64[0]); for (var i=1; i<uint64.length; i++) { hi &= uint64.hi(uint64[i]); lo &= uint64.lo(uint64[i]); } return uint64.join(hi >>> 0, lo >>> 0); } see also c
types int64 ...
Drawing and Event Handling - Plugins
processes that apply to only one of these plug-in
types are described in the following sections.
...events are sent to the plug-in with a call to npp_handleevent; for a complete list of event
types, see the reference entry for npevent.
...for a list of event
types the application is responsible for delivering to the plug-in, see the npevent structure.
Blob.type - Web APIs
example this example asks the user to select a number of files, then checks each file to make sure it's one of a given set of image file
types.
... var i, fileinput, files, allowedfile
types; // fileinput is a htmlinputelement: <input type="file" multiple id="myfileinput"> fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (simliar to nodelist) files = fileinput.files; // our application only allows gif, png, and jpeg images allowedfile
types = ["image/png", "image/jpeg", "image/gif"]; for (i = 0; i < files.length; i++) { // test if file.type is an allowed file type.
... if (allowedfile
types.indexof(files[i].type) > -1) { // file type matched is one of allowed file
types.
Using the CSS Typed Object Model - Web APIs
the css typed om makes css manipulation more logical and performant by providing object features (rather than cssom string manipulation), providing access to
types, methods, and an object model for css values.
... there are other
types available: an <image> will return a cssimagevalue.
...we'll take a look at that their
types are by employing short javascript snippets outputting to console.log(): :root { --maincolor: hsl(198, 43%, 42%); --black: hsl(0, 0%, 16%); --white: hsl(0,0%,97%); --unit: 1.2rem; } button { --maincolor: hsl(198, 100%, 66%); display: inline-block; padding: var(--unit) calc(var(--unit)*2); width: calc(30% + 20px); background: no-repeat 5% center url(https://mdn.mozillademos.
Document.evaluate() - Web APIs
result
types (merge with template:xpathresultconstants?
... results of node_iterator
types contain references to nodes in the document.
... results of node_snapshot
types are snapshots, which are essentially lists of matched nodes.
Introduction to the DOM - Web APIs
window.onload = function() { // create a couple of elements in an otherwise empty html page const heading = document.createelement("h1"); const heading_text = document.createtextnode("big head!"); heading.appendchild(heading_text); document.body.appendchild(heading); } </script> </head> <body> </body> </html> fundamental data
types this reference tries to describe the various objects and
types in simple terms.
... but there are a number of different data
types being passed around the api that you should be aware of.
... the following table briefly describes these data
types.
HTML Drag and Drop API - Web APIs
during drag operations, several event
types are fired, and some events might fire many times, such as the drag and dragover events.
... function dragstart_handler(ev) { // add different
types of drag data ev.datatransfer.setdata("text/plain", ev.target.innertext); ev.datatransfer.setdata("text/html", ev.target.outerhtml); ev.datatransfer.setdata("text/uri-list", ev.target.ownerdocument.location.href); } for a list of common data
types used in drag-and-drop (such as text, html, links, and files), see recommended drag
types.
.../jsfiddle.net/9c2ef/ dragging and dropping files (all browsers): https://jsbin.com/hiqasek/ a parking project using the drag and drop api: https://park.glitch.me/ (you can edit here) specifications specification status comment html living standard living standard see also drag operations dragging and dropping multiple items recommended drag
types html5 living standard: drag and drop drag and drop interoperability data from caniuse ...
Using IndexedDB - Web APIs
this article documents the
types of objects used by indexeddb, as well as the methods of the asynchronous api (the synchronous api was removed from spec).
... transactions can receive dom events of three different
types: error, abort, and complete.
...you can open two different
types of cursors on indexes.
MediaRecorder.mimeType - Web APIs
note: the term "mime type" is officially considered to be historical; these strings are now officially known as media
types.
...for their official list of defined media type strings, see the article media
types on the iana site.
... see also media
types to learn more about media
types and how they're used in web content and by web browers.
PerformanceObserver - Web APIs
methods performanceobserver.observe() specifies the set of entry
types to observe.
... the performance observer's callback function will be invoked when a performance entry is recorded for one of the specified entry
types performanceobserver.disconnect() stops the performance observer callback from receiving performance entries.
... example function perf_observer(list, observer) { // process the "measure" event } var observer2 = new performanceobserver(perf_observer); observer2.observe({entry
types: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'performanceobserver' in that specification.
ReportingObserver() - Web APIs
the available options are:
types: an array of strings representing the
types of report to be collected by this observer.
... available
types include deprecation, intervention, and crash (although this last type usually isn't retrievable via a reportingobserver).
... examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); specifications specification status comment reporting apithe definition of 'reportingobserver()' in that specification.
ReportingObserverOptions - Web APIs
properties
types an array of strings representing the
types of report to be collected by this observer.
... available
types include deprecation, intervention, and crash.
... examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); specifications specification status comment reporting apithe definition of 'reportingobserveroptions' in that specification.
SVGFilterElement - Web APIs
takes one of the constants defined in svgunit
types.
...takes one of the constants defined in svgunit
types.
... working draft removed the inheritance from svglangspace, svgexternalresourcesrequired, svgstylable, and svgunit
types and removed the setfilterres() function scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgfilterelement' in that specification.
Streams API concepts - Web APIs
there are two
types of underlying source: push sources constantly push data at you when you’ve accessed them, and it is up to you to start, pause, or cancel access to the stream.
...a single stream can contain chunks of different sizes and
types.
...if you want another reader to start reading your stream, you typically need to cancel the first reader before you do anything else (although you can tee streams, see the teeing section below) note that there are two different
types of readable stream.
User Timing API - Web APIs
there are two
types of user defined timing event
types: the "mark" event type and the "measure" event type.
... this document provides an overview of the mark and measure performance event
types including the four user timing methods that extend the performance interface.
... for more details and example code regarding these two performance event
types and the methods, see using the user timing api.
ValidityState.typeMismatch - Web APIs
if the type attribute expects specific strings, such as the email and url
types and the value don't doesn't conform to the constraints set by the type, the typemismatch property will be true.
...the typemismatch is only one of the many possible errors and is only relevant for the email and url
types.
... when the value provided doesn't match the expected value based on the type for other input
types, you get different errors.
WebGLRenderingContext.vertexAttribPointer() - Web APIs
for
types gl.byte and gl.short, normalizes the values to [-1, 1] if true.
... for
types gl.unsigned_byte and gl.unsigned_short, normalizes the values to [0, 1] if true.
... for
types gl.float and gl.half_float, this parameter has no effect.
Matrix math for the web - Web APIs
matrices can be used to represent transformations of objects in space, and are used for performing many key
types of computation when constructing images and visualizing data on the web.
... transformation matrices there are many
types of matrices, but the ones we are interested in are the 3d transformation matrices.
...using the identity matrix it should return a matrix identical to the original, since a matrix multiplied by the identity matrix is always equal to itself: // sets identityresult to [4,3,2,1] let identityresult = multiplymatrixandpoint(identitymatrix, [4, 3, 2, 1]); returning the same point is not very useful, but there are other
types of matrices that can perform helpful operations on points.
WebRTC connectivity - Web APIs
each protocol supports a few
types of candidate, with the candidate
types defining how the data makes its way from peer to peer.
... udp candidate
types udp candidates (candidates with their protocol set to udp) can be one of these
types: host a host candidate is one for which its ip address is the actual, direct ip address of the remote peer.
... tcp candidate
types tcp candidates (that is, candidates whose protocol is tcp) can be of these
types: active the transport will try to open an outbound connection but won't receive incoming connection requests.
WebRTC API - Web APIs
media streams can consist of any number of tracks of media information; tracks, which are represented by objects based on the mediastreamtrack interface, may contain one of a number of
types of media data, including audio, video, and text (such as subtitles or even chapter names).
... connection setup and management these interfaces, dictionaries, and
types are used to set up, open, and manage webrtc connections.
...
types rtcsctptransportstate indicates the state of an rtcsctptransport instance.
WebRTC Statistics API - Web APIs
this object contains a map of named dictionaries based on rtcstats and its affiliated
types.
... rtctransportstats rtcstats specifications specification status comment identifiers for webrtc's statistics apithe definition of 'webrtc statistics
types' in that specification.
... candidate recommendation compatibility for individual statistic
types webrtc 1.0: real-time communication between browsersthe definition of 'rtcstatsreport' in that specification.
Using Web Workers - Web APIs
passing data by transferring ownership (transferable objects) google chrome 17+ and firefox 18+ contain an additional way to pass certain
types of objects (transferable objects, that is objects implementing the transferable interface) to or from a worker with high performance.
... other
types of worker in addition to dedicated and shared web workers, there are other
types of worker available: serviceworkers essentially act as proxy servers that sit between web applications, and the browser and network (when available).
... chrome workers are a firefox-only type of worker that you can use if you are developing add-ons and want to use workers in extensions and have access to js-c
types in your worker.
Web Workers API - Web APIs
in addition to dedicated workers, there are other
types of worker: shared workers are workers that can be utilized by multiple scripts running in different windows, iframes, etc., as long as they are in the same domain as the worker.
... chrome workers are a firefox-only type of worker that you can use if you are developing add-ons and want to use workers in extensions and have access to js-c
types in your worker.
...different
types of worker have scope objects that inherit from this interface and add more specific features.
XRPermissionDescriptor.optionalFeatures - Web APIs
the "interface" column in the table below indicates which of the two
types is returned for each reference space type constant..
... reference space descriptors the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...otherwise, typically, one of the other reference space
types will be used more often.
XRPermissionDescriptor.requiredFeatures - Web APIs
currently, all features are members of the xrreferencespacetype enumerated type, indicating the reference space
types that your app would like permission to use, but can operate without.
... the permitted values are: the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...otherwise, typically, one of the other reference space
types will be used more often.
XRSession.requestReferenceSpace() - Web APIs
the "interface" column in the table below indicates which of the two
types is returned for each reference space type constant..
... reference space descriptors the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...otherwise, typically, one of the other reference space
types will be used more often.
Web APIs
below is a list of all the apis and interfaces (object
types) that you may be able to use while developing your web app or site.
...vents push api rresize observer apiresource timing apisserver sent eventsservice workers apistoragestorage access apistreams ttouch eventsuurl apivvibration apivisual viewport wweb animationsweb audio apiweb authentication apiweb crypto apiweb notificationsweb storage apiweb workers apiwebglwebrtcwebvttwebxr device apiwebsockets api interfaces this is a list of all the interfaces (that is,
types of objects) that are available.
...ctelement svgrenderingintent svgsvgelement svgscriptelement svgsetelement svgsolidcolorelement svgstopelement svgstringlist svgstylable svgstyleelement svgswitchelement svgsymbolelement svgtrefelement svgtspanelement svgtests svgtextcontentelement svgtextelement svgtextpathelement svgtextpositioningelement svgtitleelement svgtransform svgtransformlist svgtransformable svgurireference svgunit
types svguseelement svgvkernelement svgviewelement svgzoomandpan screen screenorientation scriptprocessornode scrolltooptions securitypolicyviolationevent selection sensor sensorerrorevent serviceworker serviceworkercontainer serviceworkerglobalscope serviceworkermessageevent serviceworkerregistration serviceworkerstate shadowroot sharedworker sharedworkerglobalscope slottable sourcebuffer ...
Web accessibility for seizures and physical reactions - Accessibility
in the case of photosensitive epilepsy, seizures are triggered specifically by flashing lights, but other
types of reflex epilepsies may be triggered by the act of reading, or by noises.
...only a few
types of epilepsies are photosensitive though, and the vast majority of epilepsies are not." in addition to seizures brought about by photosensitivity, listening to certain pieces of music can also trigger what are called musicogenic seizures, although these
types of seizures seem to be much more rare.
...for example, the page for trace research & development center’s photosensitive epilepsy analysis tool notes that “photosensitive seizures can be provoked by certain
types of flashing in web or computer content, including mouse-overs that cause large areas of the screen to rapidly flash on and off repeatedly.” other physical reactions nausea, vertigo (or dizziness), and disorientation are very nonspecific symptoms associated with all kinds of diseases and not particularly suggestive of seizures (except maybe disorientation, which is seen in seizures).
@import - CSS: Cascading Style Sheets
description imported rules must precede all other
types of rules, except @charset rules; as it is not a nested statement, @import cannot be used inside conditional group at-rules.
... so that user agents can avoid retrieving resources for unsupported media
types, authors may specify media-dependent @import rules.
... recommendation extended the syntax to support any media query and not only simple media
types.
Using CSS gradients - CSS: Cascading Style Sheets
you can choose between three
types of gradients: linear (created with the linear-gradient() function), radial (created with radial-gradient()), and conic (created with the conic-gradient() function).
... we'll start by introducing linear gradients, then introduce features that are supported in all gradient
types using linear gradients as the example, then move on to radial, conic and repeating gradients using linear gradients a linear gradient creates a band of colors that progress in a straight line.
... declaring colors & creating effects all css gradient
types are a range of position-dependent colors.
CSS reference - CSS: Cascading Style Sheets
use this css reference to browse an alphabetical index of all of the standard css properties, pseudo-classes, pseudo-elements, data
types, and at-rules.
...ll-margin-inlinescroll-margin-inline-endscroll-margin-inline-startscroll-margin-leftscroll-margin-rightscroll-margin-topscroll-paddingscroll-padding-blockscroll-padding-block-endscroll-padding-block-startscroll-padding-bottomscroll-padding-inlinescroll-padding-inline-endscroll-padding-inline-startscroll-padding-leftscroll-padding-rightscroll-padding-topscroll-snap-alignscroll-snap-stopscroll-snap-
typescrollbar-colorscrollbar-width::selectionselector()sepia()<shape>shape-image-thresholdshape-marginshape-outsidesize (@page)skew()skewx()skewy()::slottedspeak-as (@counter-style)src (@font-face)steps()<string>@stylesetstyleset()@stylisticstylistic()suffix (@counter-style)@supports@swashswash()symbols (@counter-style)symbols()system (@counter-style)ttab-sizetable-layout:targettarget-counter()target-c...
... concepts syntax and semantics css syntax at-rules cascade comments descriptor inheritance shorthand properties specificity value definition syntax css unit and value
types values actual value computed value initial value resolved value specified value used value layout block formatting context box model containing block layout mode margin collapsing replaced elements stacking context visual formatting model dom-css / cssom major object
types documentorshadowroot.stylesheets stylesheets[i].cssrules cssrules[i].csstext (selector & style)...
Index - Developer guides
you can find compatibility information in the guide to media
types and formats on the web.
... 17 event developer guide dom, event, guide, needsupdate, events events refers both to a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page and to the naming, characterization, and use of a large number of incidents of different
types.
... 24 overview of events and handlers beginner, dom, example, javascript, needsbeginnerupdate, needsupdate, events this overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the
types of such incidents modern web browsers can handle.
HTML attribute: min - HTML: Hypertext Markup Language
valid for the numeric input
types, including the date, month, week, time, datetime-local, number and range
types, and the <meter> element, the min attribute is a number that specifies the most negative value a form control to be considered valid.
... syntax if any is not explicity set, valid values for the number, date/time input
types, and range input
types are equal to the basis for stepping - the min value and increments of the step value, up to the max value, if specified.
... if not explicitly included, step defaults to 1 for number and range, and 1 unit type (second, week, month, day) for the date/time input
types.
<input type="email"> - HTML: Hypertext Markup Language
this can help avoid cases in which the user mis
types their address, or provides an invalid address.
...then, as the user
types, the list is filtered to show only matching values.
... each typed character narrows down the list until the user makes a selection or
types a custom value.
<input type="search"> - HTML: Hypertext Markup Language
differences between search and text
types the main basic differences come in the way browsers handle them.
...this was necessary because some input
types on some browsers don't display icons placed directly after them very well.
...the following example is from firefox: different messages will be shown when you try to submit the form with different
types of invalid data contained inside the inputs; see the below examples.
<input type="time"> - HTML: Hypertext Markup Language
est time to accept, in the syntax described under time value format min the earliest time to accept as a valid input readonly a boolean attribute which, if present, indicates that the contents of the time input should not be user-editable step the stepping interval to use both for user interfaces purposes and during constraint validation unlike many data
types, time values have a periodic domain, meaning that the values reach the highest possible value, then wrap back around to the beginning again.
... using time inputs although among the date and time input
types time has the widest browser support, it is not yet approaching universal, so it is likely that you'll need to provide an alternative method for entering the date and time, so that safari users (and users of other non-supporting browsers) can still easily enter time values.
...this functionality is not supported by any other input
types.
<input type="url"> - HTML: Hypertext Markup Language
this can help avoid cases in which the user mis-
types their web site's address, or provides an invalid one.
...then, as the user
types, the list is adjusted to show only matching values.
... each typed character narrows down the list until the user makes a selection or
types a custom value.
<source>: The Media or Image Source element - HTML: Hypertext Markup Language
if the type attribute is specified, it's compared against the
types the user agent can present, and if it's not recognized, the server doesn't even get queried; instead, the next <source> element is checked at once.
...for details on the video and audio media
types, you can use, see the guide to media
types formats used on the web.
...be sure to reference our guide to media
types and formats on the web for details on what media file formats you can use and how well they're supported by browsers.
HTML: Hypertext Markup Language
a block-level element occupies the entire space of its parent element (container), thereby creating a "block." link
types in html, various link
types can be used to establish and define the relationship between two documents.
... link elements that
types can be set on include <a>, <area> and <link>.
... guide to media
types and formats on the web the <audio> and <video> elements allow you to play audio and video media natively within your content without the need for external software support.
Content Security Policy (CSP) - HTTP
content security policy (csp) is an added layer of security that helps to detect and mitigate certain
types of attacks, including cross site scripting (xss) and data injection attacks.
...your policy should include a default-src policy directive, which is a fallback for other resource
types when they don't have policies of their own (for a complete list, see the description of the default-src directive).
...there are specific directives for a wide variety of
types of items, so that each type can have its own policy, including fonts, frames, images, audio and video media, scripts, and workers.
Configuring servers for Ogg media - HTTP
this information may also be useful if you encounter other media
types your server isn't already configured to recognize.
... most servers don't by default serve ogg media with the correct mime
types, so you'll likely need to add the appropriate configuration for this.
... for apache, you can add the following to your configuration: addtype audio/ogg .oga addtype video/ogg .ogv addtype application/ogg .ogg you can find specific information about possible media file
types and the codecs used within them in our comprehensive guide to media
types and formats on the web.
Accept - HTTP
the accept request http header advertises which content
types, expressed as mime
types, the client is able to understand.
... syntax accept: <mime_type>/<mime_subtype> accept: <mime_type>/* accept: */* // multiple
types, weighted with the quality value syntax: accept: text/html, application/xhtml+xml, application/xml;q=0.9, image/webp, */*;q=0.8 directives <mime_type>/<mime_subtype> a single, precise mime type, like text/html.
...image/* will match image/png, image/svg, image/gif and any other image
types.
Clear-Site-Data - HTTP
if all
types of data should be cleared, the wildcard directive ("*") can be used.
... "*" (wildcard) indicates that the server wishes to clear all
types of data for the origin of the response.
... if more data
types are added in future versions of this header, they will also be covered by it.
Index - HTTP
2 accept http, http header, reference, request header the accept request http header advertises which content
types, expressed as mime
types, the client is able to understand.
... 42 csp: plugin-
types csp, directive, flash, http, java, plugins, security the http content-security-policy (csp) plugin-
types directive restricts the set of plugins that can be embedded into a document by limiting the
types of resources which can be loaded.
... 116 x-content-type-options http, http header, reference, response header the x-content-type-options response http header is a marker used by the server to indicate that the mime
types advertised in the content-type headers should not be changed and be followed.
Equality comparisons and sameness - JavaScript
briefly: double equals (==) will perform a type conversion when comparing two things, and will handle nan, -0, and +0 specially to conform to ieee 754 (so nan != nan, and -0 == +0); triple equals (===) will do the same comparison as double equals (including the special handling for nan, -0, and +0) but without type conversion; if the
types differ, false is returned.
...if the values have different
types, the values are considered unequal.
... the equality comparison is performed as follows for operands of the various
types: operand b undefined null number string boolean object operand a undefined true true false false false false null true true false false false false number false false a === b a === tonumber(b) a === tonumber(b) a == toprimitive(b) string false false ...
Control flow and error handling - JavaScript
throw statement try...catch statement exception
types just about any object can be thrown in javascript.
...while it is common to throw numbers or strings as errors, it is frequently more effective to use one of the exception
types specifically created for this purpose: ecmascript exceptions domexception and domerror throw statement use the throw statement to throw an exception.
...the following code throws several exceptions of varying
types: throw 'error2'; // string type throw 42; // number type throw true; // boolean type throw {tostring: function() { return "i'm an object!"; } }; note: you can specify an object when you throw an exception.
Intl.Locale.prototype.hourCycle - JavaScript
description there are 2 main
types of time keeping conventions (clocks) used around the world: the 12 hour clock and the 24 hour clock.
... valid hour cycle
types hour cycle type description h12 hour system using 1–12; corresponds to 'h' in patterns.
... let fr24hour = new intl.locale("fr-fr-u-hc-h23"); console.log(fr24hour.hourcycle); // prints "h23" adding an hour cycle via the configuration object argument the intl.locale constructor has an optional configuration object argument, which can contain any of several extension
types, including hour cycle
types.
Object - JavaScript
the object class represents one of javascript's data
types.
... examples using object given undefined and null
types the following examples store an empty object object in o: let o = new object() let o = new object(undefined) let o = new object(null) using object to create boolean objects the following examples store boolean objects in o: // equivalent to o = new boolean(true) let o = new object(true) // equivalent to o = new boolean(false) let o = new object(boolean()) object proto
types when alt...
... when modifying proto
types with hooks, pass this and the arguments (the call state) to the current behavior by calling apply() on the function.
Equality (==) - JavaScript
unlike the strict equality operator, it attempts to convert and compare operands that are of different
types.
... if the operands are of different
types, try to convert them to the same type before comparing: when comparing a number to a string, try to convert the string to a numeric value.
...instead, the strict equality operator always considers operands of different
types to be different.
Strict inequality (!==) - JavaScript
unlike the inequality operator, the strict inequality operator always considers operands of different
types to be different.
... like the strict equality operator, the strict inequality operator will always consider operands of different
types to be different: 3 !== "3"; // true examples comparing operands of the same type console.log("hello" !== "hello"); // false console.log("hello" !== "hola"); // true console.log(3 !== 3); // false console.log(3 !== 4); // true console.log(true !== true); // false console.log(true !== false); // true console.log(null !== null); // false...
... comparing operands of different
types console.log("3" !== 3); // true console.log(true !== 1); // true console.log(null !== undefined); // true comparing objects const object1 = { name: "hello" } const object2 = { name: "hello" } console.log(object1 !== object2); // true console.log(object1 !== object1); // false specifications specification ecmascript (ecma-262)the definition of 'equality operators' in that specification.
for...in - JavaScript
the loop will iterate over all enumerable properties of the object itself and those the object inherits from its prototype chain (properties of nearer proto
types take precedence over those of proto
types further away from the object in its prototype chain).
... iterating over own properties only if you only want to consider properties attached to the object itself, and not its proto
types, use getownpropertynames() or perform a hasownproperty() check (propertyisenumerable() can also be used).
... alternatively, if you know there won't be any outside code interference, you can extend built-in proto
types with a check method.
Web audio codec guide - Web media technologies
common codecs the list below denotes the codecs most commonly used on the web and which containers (file
types) support them.
...of course, individual browsers may or may not choose to support all of these codecs, and their support for which container
types can use them may vary as well.
...designed to be able to provide more compression with higher audio fidelity than mp3, aac has become a popular choice, and is the standard format for audio in many
types of media, including blu-ray discs and hdtv, as well as being the format used for songs purchased from online vendors including itunes.
Codecs used by WebRTC - Web media technologies
note: the two methods for obtaining lists of codecs shown here use different output
types in their codec lists.
... rtp payload format media
types it may be useful to refer to the iana's list of rtp payload format media
types; this is a complete list of the mime media
types defined for potential use in rtp streams, such as those used in webrtc.
... see also rfc 4855, which covers the registry of media
types.
OpenSearch description format
firefox supports three url
types: type="text/html" specifies the url for the actual search query.
... for these url
types, you can use {searchterms} to substitute the search terms entered by the user in the search bar or location bar.
... you must include a text/html url — search plugins including only atom or rss url
types (which is valid, but firefox doesn't support) will also generate the "could not download the search plugin" error.
Media - Progressive web apps (PWAs)
this css (below) removes the navigation area when printing the document: @media print { #nav-area {display: none;} } some common media
types are: screen color device display print printed paged media projection projected display all all media (the default) more details there are other ways to specify the media type for a set of rules.
... these are ways of separating styling rules for different media
types into different files.
... for full details of media
types, see media in the css specification.
Web security
content security content security policy (csp) content security policy (csp) is an added layer of security that helps to detect and mitigate certain
types of attacks, including cross-site scripting (xss) and data injection attacks.
... http x-content-type-options the x-content-type-options response http header is a marker used by the server to indicate that the mime
types advertised in the content-type headers should not be changed and be followed.
... this is a way to opt out of mime type sniffing, or, in other words, to say that the mime
types are deliberately configured.
Using custom elements - Web Components
there are two
types of custom elements: autonomous custom elements are standalone — they don't inherit from standard html elements.
...classes please note that es2015 classes cannot reliably be transpiled in babel 6 or
typescript targeting legacy browsers.
... you can either use babel 7 or the babel-plugin-transform-builtin-classes for babel 6, and target es2015 in
typescript instead of legacy.
Working with Events - Archive of obsolete content
the list of valid event
types is specific to an event emitter and is included with its documentation.
... in the latter case the options object passed to the constructor typically defines properties whose names are the names of supported event
types prefixed with "on": for example, "onopen", "onready" and so on.
Guides - Archive of obsolete content
classes and inheritance learn how classes and inheritance can be implemented in javascript, using constructors and proto
types, and about the helper functions provided by the sdk to simplify this.
... two
types of scripts this article explains the differences between the apis available to your main add-on code and those available to content scripts.
places/bookmarks - Archive of obsolete content
usage this module exports: three constructors: bookmark, group, and separator, corresponding to the
types of objects, referred to as bookmark items, in the bookmarks database in firefox two additional functions, save() to create, update, and remove bookmark items, and search() to retrieve the bookmark items that match a particular set of criteria.
... // `inputitems` matches the initial input as an array, // so `inputitems[0] === mybookmark` }); // saving multiple bookmarks, as duck-
types in this case let bookmarks = [ { title: "mozilla", url: "http://mozilla.org", type: "bookmark" }, { title: "firefox", url: "http://firefox.com", type: "bookmark" }, { title: "twitter", url: "http://twitter.com", type: "bookmark" } ]; save(bookmarks).on("data", function (item, inputitem) { // each item in `bookmarks` has its own `data` event }).on("end", function (results, inputresults) ...
Drag & Drop - Archive of obsolete content
ata.split("\n")[0], null, null); } else { var file = data.value.queryinterface(components.interfaces.nsifile); if (file) uri = _ios.newfileuri(file); } } if (uri) uris.push(uri); } // use the array of file uris } the _dragover function checks the drag data to see if a simple text file or general purpose file
types are available.
... if the file
types are present in the drag data, the function returns that dropping the data is allowed.
Install Manifests - Archive of obsolete content
2 extensions 4 themes 8 locale 32 multiple item package 64 spell check dictionary 128 telemetry experiment 256 webextension experiment examples <em:type>2</em:type> this property was added for firefox 1.5, and is only required for add-on
types other than extensions and themes.
...if an extension includes the following then it must request unpacking: binary xpcom components plugins search plugins dlls loaded with c
types dictionaries window icons examples <description about="urn:mozilla:install-manifest"> <em:id>extension@mysite.com</em:id> <em:unpack>true</em:unpack> ...
Migrating raw components to add-ons - Archive of obsolete content
javascript c-
types some add-on authors create binary components not because they want to interact with firefox at the c++ level, but strictly so that they can make use of third party dlls.
... if this is the only reason you are using a binary component instead of javascript, take a look at the new javascript c-
types support introduced in firefox 3.6.
Appendix D: Loading Scripts - Archive of obsolete content
advantages performance: javascript modules are stored in a pre-compiled format in a cache, and therefore load with significantly less overhead than other
types of scripts.
...chromeworkers also have access to c
types and a limited number of thread safe xpcom classes, but are otherwise limited to simple computation based on data passed via messages and xmlhttprequests.
Supporting search suggestions in search plugins - Archive of obsolete content
firefox supports search suggestions in opensearch plugins; as the user
types in the search bar, firefox queries the url specified by the search plugin to fetch live search suggestions.
...(this means that a suggestion-supporting engine plugin will have two <url> elements, the other one being the main text/html search url.) for example, the yahoo search plugin has this <url> entry: <url type="application/x-suggestions+json" template="http://ff.search.yahoo.com/gossip?output=fxjson&command={searchterms}"/> if the user
types "fir" into the search bar, then pauses, firefox inserts "fir" in place of {searchterms} and queries that url: <url type="application/x-suggestions+json" template="http://ff.search.yahoo.com/gossip?output=fxjson&command=fir"/> the results are used to construct the suggestion list box.
Promises - Archive of obsolete content
this.addonmanager[method](key, addon => accept(callback(addon)))); } }); }, }; for (let method of ["getaddonbyid", "getaddonbysyncguid"]) aom._replacemethod(method, addon => aom.addon(addon)); for (let method of ["getalladdons", "getaddonsbyids", "getaddonsby
types", "getaddonswithoperationsby
types"]) aom._replacemethod(method, addons => addons.map(aom.addon)); aom._replacemethod("getinstallsby
types", installs => installs); components.utils.import("resource://gre/modules/addonmanager.jsm", aom); example usage: task.spawn(function* () { // get an extension instance, and its data directory.
... for (let extension of yield aom.getaddonsby
types(["extension"])) extension.userdisabled = true; }); json file storage this helper simplifies the use of json data storage files with asynchronous io.
XML data - Archive of obsolete content
to do this, your stylesheet uses rules that map tags in the xml document to the display
types used by html.
... for the full list of display
types, see the display property in the css specification.
CSS3 - Archive of obsolete content
formally defines the css data
types of css 2.1, that were implicitely defined by their grammar token and some textual precisions.
... several
types definition, like <ident> and <custom-ident>, have been deferred to css values and units module level 4.
Style System Overview - Archive of obsolete content
nsiframe::getstyledata does the same thing for the frame's mstylecontext member, and the global ::getstyledata is a
typesafe helper that doesn't require the style struct id.
... this style struct is always const, and should always be declared as such (evil old-style casts often used with the non-
typesafe forms sometimes hide this error), since the struct may be shared with other elements.
Java in Firefox Extensions - Archive of obsolete content
the following is a somewhat simplified snippet from xquseme: var reflect = java.lang.reflect; // build an array of the class
types which are expected by our constructor (in this case, java.io.file and a class from another jar we loaded, com.sleepycat.db.environmentconfig) var param
types = reflect.array.newinstance(java.lang.class, 2); // 2nd argument should indicate the number of items in following array param
types[0] = java.io.file; var envconfigclass = loader.loadclass('com.sleepycat.db.environmentconfig'); param
types[1] =...
... envconfigclass; // get the constructor var constructor = envclass.getconstructor(param
types); // now that we have the constructor with the right parameter
types, we can build the specific arguments we wish to pass to it var arglist = reflect.array.newinstance(java.lang.object, 2); // 2nd argument should indicate the number of items in the following array var mydir = new java.io.file(dirurl); // a file url arglist[0] = mydir; var envconfig = envconfigclass.newinstance(); arglist[1] = envconfig; // call our constructor with our arguments var env = constructor.newinstance(arglist); be aware that liveconnect, while now actively supported by sun has only recently been reimplemented for use in mozilla, so there may still be some bugs (though many prior liveconnect bugs, such as try-catch not catchi...
open - Archive of obsolete content
valid file
types are text, binary and unicode.
...for all file
types, carriage returns and linefeeds are treated in a platform-agnostic way.
ContextMenus - Archive of obsolete content
the nsiimageloadingcontent interface is implemented by all
types of images.
...the result is that context clicking on images will show a menu with three items, but will only show one item for other
types of elements.
OpenClose - Archive of obsolete content
for other
types of popups, the state property may be examined to determine whether a popup is open or not.
... this property is available for all
types of popups, including menus, panels and tooltips.
Panels - Archive of obsolete content
for other
types of elements, you need to use a different technique as in the following example.
... for more information about these
types of panels, see floating panels.
Result Generation - Archive of obsolete content
there are two
types of nodes in rdf, resources which usually represent 'things', and literals which are values like the names, dates or sizes of those things, and so on.
...a resource's value is a uri which for your own rdf data you can just make up (though if you plan to use your model with others, it should be unique, preferably a url for a site you own, so as to avoid future conflicts with mixing of other
types).
Template Builder Interface - Archive of obsolete content
both
types of builder share much of the same code except for how they generate output to be displayed.
... both
types of builders implement the nsixultemplatebuilder interface, while the tree builder also implements the nsixultreebuilder interface.
Document Object Model - Archive of obsolete content
the three document
types are very similar, in fact they all share the same base implementation.
...an element corresponds to a tag is the xul source, but you may also find text nodes, comment nodes and a few other
types in a document tree.
Introduction - Archive of obsolete content
the first three
types all require an installation to be performed on the user's machine.
... however, these
types of applications do not have security restrictions placed on them, so they may access local files and read and write preferences, for example.
List Controls - Archive of obsolete content
« previousnext » xul has a number of
types of elements for creating list boxes.
...xul provides two
types of elements to create lists, a listbox element to create multi-row list boxes, and a menulist element to create drop-down list boxes.
Templates - Archive of obsolete content
there are two different
types of builders.
...that means that we want to have two different
types of content be created, one type for regular bookmarks and a second type for separators.
The Implementation of the Application Object Model - Archive of obsolete content
rdf provides a very general mechanism for representing relationships between different disparate
types of data.
...in order to accomplish this, our architecture has to have some sort of facility whereby different
types of content, e.g., mail and bookmarks, can register themselves as the appropriate content to be instantiated for a given uri.
XULRunner Hall of Fame - Archive of obsolete content
mockery mockery is a gui design tool for creating and editing mockups, proto
types, and wireframes for web and desktop software.
...latest release: june 2010 - build instructions utilities / proto
types ajax toolkit framework (atf) a part of the eclipse web tools platform (wtp) aliwal geocoder geocode addresses onto a map benjamin's xulrunner examples "mybrowser is a very simple example browser", xulmine.
2006-10-06 - Archive of obsolete content
pcast: similar to feed: just differentiating between different
types of feeds and should be allowed access.
... webcal: & swebcal: should also be allowed as the security manager doesn't differentiate between access
types.
NPEvent - Archive of obsolete content
wparam; uint32 lparam; } npevent; mac os typedef eventrecord npevent; type eventrecord = record { what: integer; message: longint; when: longint; where: point; modifiers: integer; end; xwindows typedef xevent npevent; fields npevent on microsoft windows the data structure has the following fields: event one of the following event
types: wm_paint wm_lbuttondown wm_lbuttonup wm_lbuttondblclk wm_rbuttondown wm_rbuttonup wm_rbuttondblclk wm_mbuttondown wm_mbuttonup wm_mbuttondblclk wm_mousemove wm_keyup wm_keydown wm_setcursor wm_setfocus wm_killfocus for information about these events, see the microsoft windows developer documentation.
... in addition to these standard
types, the browser provides three additional event
types that can be passed in the what field of the eventrecord: getfocusevent: sent when the instance could become the focus of subsequent key events, when the user clicks the instance or presses the tab key to focus the instance.
NPVariant - Archive of obsolete content
the value is held in a union, and the type is one of
types defined in the npvarianttype enumeration.
...ing of javascript values to npvariants is as follows: javascript type npvarianttype undefined npvarianttype_void null npvarianttype_null boolean npvarianttype_bool number npvarianttype_int32 or npvarianttype_double string npvarianttype_string all other
types npvarianttype_object functions npn_releasevariantvalue() npn_getstringidentifier() npn_getstringidentifiers() npn_getintidentifier() npn_identifierisstring() npn_utf8fromidentifier() npn_intfromidentifier() macros plugin developers are not expected to directly manipulate or access the members of the npvariant instance, instead, the function npn_releasevariantva...
Security Controls - Archive of obsolete content
there are three
types of security controls, as follows: management controls: the security controls that focus on the management of risk and the management of information system security.
... all three
types of controls are necessary for robust security.
Array.observe() - Archive of obsolete content
oldvalue: only for "update" and "delete"
types.
... examples logging different change
types var arr = ['a', 'b', 'c']; array.observe(arr, function(changes) { console.log(changes); }); arr[1] = 'b'; // [{type: 'update', object: <arr>, name: '1', oldvalue: 'b'}] arr[3] = 'd'; // [{type: 'splice', object: <arr>, index: 3, removed: [], addedcount: 1}] arr.splice(1, 2, 'beta', 'gamma', 'delta'); // [{type: 'splice', object: <arr>, index: 1, removed: ['b', 'c'], addedcount: 3}] speci...
GetObject - Archive of obsolete content
for example, a drawing might support three different
types of objects: an application object, a drawing object, and a toolbar object, all of which are part of the same file.
...for example: var myobject; myobject = getobject("c:\\drawings\\sample.drw", "figment.drawing"); in the preceding example, figment is the name of a drawing application and drawing is one of the object
types it supports.
Describing microformats in JavaScript - Archive of obsolete content
the adr microformat is defined as follows: var adr_definition = { mfversion: 0.8, mfobject: adr, classname: "adr", properties: { "type" : { plural: true,
types: ["work", "home", "pref", "postal", "dom", "intl", "parcel"] }, "post-office-box" : { }, "street-address" : { plural: true }, "extended-address" : { }, "locality" : { }, "region" : { }, "postal-code" : { }, "country-name" : { } } }; the properties are quite simple here.
...since the plural property is true, multiple
types can be specified.
Mozilla's DOCTYPE sniffing - Archive of obsolete content
any unknown doctype, which should include the following (technically known) doc
types: the public identifier "-//w3c//dtd html 4.01//en".
...before almost standards mode was created these doc
types triggered full standards mode.
Windows Media in Netscape - Archive of obsolete content
below, some of the salient points are illustrated in a code snippet: if (window.activexobject && navigator.useragent.indexof('windows') != -1) { // ie for windows object instantiation -- use of activexobject } else if(window.geckoactivexobject) { // netscape 7.1 object instantiation --use of geckoactivexobject } else if(navigator.mime
types) { // plugin architecture, such as in netscape 4x - 7.02 and opera browsers } since ie for mac also exposes window.activexobject it is wise to determine if the browser in question is on windows.
...here is a code snippet that shows this: var player; try { if (window.activexobject) { player = new activexobject("mediaplayer.mediaplayer.1"); } else if (window.geckoactivexobject) { player = new geckoactivexobject("mediaplayer.mediaplayer.1"); } else { // plugin code using navigator.mime
types player = navigator.mime
types["application/x-mplayer2"].enabledplugin; } } catch(e) { // handle error -- no wmp control // download: http://www.microsoft.com/windows/windowsmedia/download/default.asp } if (player) { // windows media player control exists } currently, dynamically writing out markup using document.write after using detection mechanisms won't work owing to a bug in ne...
bootstrap.js - Extensions
function startup(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason
types: /// app_startup /// addon_enable /// addon_install /// addon_upgrade /// addon_downgrade } function shutdown(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason
types: /// app_...
...shutdown /// addon_disable /// addon_uninstall /// addon_upgrade /// addon_downgrade } function install(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason
types: /// addon_install /// addon_upgrade /// addon_downgrade } function uninstall(data, reason) { /// bootstrap data structure @see /docs/extensions/bootstrapped_extensions#bootstrap_data /// string id /// string version /// nsifile installpath /// nsiuri resourceuri /// /// reason
types: /// addon_uninstall /// addon_upgrade /// addon_downgrade } ...
Explaining basic 3D theory - Game development
objects different
types of objects are built using vertices.
...the standard phong lighting model implemented in webgl has four basic
types of lighting: diffuse: a distant directional light, like the sun.
Building up a basic demo with A-Frame - Game development
mozilla's a-frame framework provides a markup language allowing us to build 3d vr landscapes using a system familiar to web developers, which follows game development coding principles; this is useful for quickly and successfully building proto
types and demos, without having to write a lot of javascript or glsl.
... adding lights the basic light
types in a-frame are directional and ambient.
GLSL Shaders - Game development
there are two
types of shaders: vertex shaders and fragment (pixel) shaders.
... shader
types a shader is essentially a function required to draw something on the screen.
Tiles and tilemaps overview - Game development
for instance, a rock that could appear on top of several terrain
types (like grass, sand or brick) could be included on it's own separate tile which is then rendered on a new layer, instead of several rock tiles, each with a different background terrain.
... the following screenshot shows an example of both points: a character appearing behind a tile (the knight appearing behind the top of a tree) and a tile (the bush) being rendered over different terrain
types.
BigInt - MDN Web Docs Glossary: Definitions of Web-related terms
in other programming languages different numeric
types can exist, for examples: integers, floats, doubles, or bignums.
... learn more general knowledge numeric
types on wikipedia technical reference the javascript data structure: bigint the javascript global object bigint ...
DoS attack - MDN Web Docs Glossary: Definitions of Web-related terms
types of dos attack dos attacks are more of a category than a particular kind of attack.
... here is a non-exhaustive list of dos attack
types: bandwidth attack service request flood syn flooding attack icmp flood attack peer-to-peer attack permanent dos attack application level flood attack learn more denial-of-service attack on wikipedia denial-of-service on owasp ddos ...
Denial of Service - MDN Web Docs Glossary: Definitions of Web-related terms
types of dos attack dos attacks are more of a category than a particular kind of attack.
... here is a non-exhaustive list of dos attack
types: bandwidth attack service request flood syn flooding attack icmp flood attack peer-to-peer attack permanent dos attack application level flood attack learn more denial-of-service attack on wikipedia denial-of-service on owasp ddos ...
Function - MDN Web Docs Glossary: Definitions of Web-related terms
different
types of functions an anonymous function is a function without a function name.
... only function expressions can be anonymous, function declarations must have a name: // when used as a function expression (function () {}); // or using the ecmascript 2015 arrow notation () => {}; the following terms are not used in the ecmascript language specification, they're jargon used to refer to different
types of functions.
JSON - MDN Web Docs Glossary: Definitions of Web-related terms
json does not natively represent more complex data
types like functions, regular expressions, dates, and so on.
... (date objects by default serialize to a string containing the date in iso format, so the information isn't completely lost.) if you need json to represent additional data
types, transform values as they are serialized or before they are deserialized.
MIME type - MDN Web Docs Glossary: Definitions of Web-related terms
learn more general knowledge internet media type on wikipedia technical reference list of mime
types properly configuring server mime
types details information about the usage of mime
types in a web context.
... incomplete list of mime
types how mozilla determines mime
types mediarecorder.mimetype ...
Number - MDN Web Docs Glossary: Definitions of Web-related terms
in other programming languages different numeric
types exist; for example, integers, floats, doubles, or bignums.
... learn more general knowledge numeric
types on wikipedia technical reference the javascript data structure: number the javascript global object number ...
Signature (functions) - MDN Web Docs Glossary: Definitions of Web-related terms
a signature can include: parameters and their
types a return value and type exceptions that might be thrown or passed back information about the availability of the method in an object-oriented program (such as the keywords public, static, or prototype).
...you have to declare
types of variables in your code in order to be able to run the java code.
Static typing - MDN Web Docs Glossary: Definitions of Web-related terms
a statically-typed language is a language (such as java, c, or c++) where variable
types are known at compile time.
... in most of these languages,
types must be expressly indicated by the programmer; in other cases (such as ocaml), type inference allows the programmer to not indicate their variable
types.
Type - MDN Web Docs Glossary: Definitions of Web-related terms
types also provides us with useful knowledge about the comparison between different values.
... comparison between structured
types is not always an easy assumption, as even if the previous data structure is the same, there could be inherited structures inside of the prototype chain.
Accessible multimedia - Learn web development
shown) or might not want to disturb others if they are in a quiet place (like a library.) this is not a new concept — television services have had closed captioning available for quite a long time: whereas many countries offer english films with subtitles written in their own native languages, and different language subtitles are often available on dvds, for example there are different
types of text track with different purposes.
... other multimedia content the above sections don't cover all
types of multimedia content that you might want to put on a web page.
WAI-ARIA basics - Learn web development
html5 provides special input
types to render such controls: <input type="date"> <input type="range"> these are not well-supported across browsers, and it is also difficult to style them, making them not very useful for integrating with website designs.
... however, sometimes you will end up having to write code that either uses non-semantic elements as buttons (or other
types of control), or uses focusable controls for not quite the right purpose.
CSS building blocks - Learn web development
this module looks at the cascade and inheritance, all the selector
types we have available, units, sizing, styling backgrounds and borders, debugging, and lots more.
...in this article and its sub-articles, we'll run through the different
types in great detail, seeing how they work.
Introduction to CSS layout - Learn web development
the methods that can change how elements are laid out in css are as follows: the display property — standard values such as block, inline or inline-block can change how elements behave in normal flow, for example making a block-level element behave like an inline element (see
types of css boxes for more information).
... there are five
types of positioning you should know about: static positioning is the default that every element gets — it just means "put the element into its normal position in the document layout flow — nothing special to see here".
What are hyperlinks? - Learn web development
in the rest of this article, we discuss the various
types of links and their importance to modern web design.
...that said, there are some nuances worth considering:
types of links internal link a link between two webpages, where both webpages belong to the same website, is called an internal link.
Styling web forms - Learn web development
this is another reason to use <button> elements over their equivalent input
types!
... previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input
types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
UI pseudo-classes - Learn web development
note: numeric input
types are date, month, week, time, datetime-local, number, and range.
... previous overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input
types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Web forms — Working with user data - Learn web development
the different form controls basic native form controls we start off this section by looking at the functionality of the the original html <input>
types in detail, looking at what options are available to collect different
types of data.
... the html5 input
types here we continue our deep dive into the <input> element, looking at the additional input
types provided when html5 was released, and the various ui controls and data collection enhancements they provide.
CSS basics - Learn web development
for example: p, li, h1 { color: red; } different
types of selectors there are many different
types of selectors.
...here are some of the more common
types of selectors: selector name what does it select example element selector (sometimes called a tag or type selector) all html elements of the specified type.
Dealing with files - Learn web development
note: on windows computers, you might have trouble seeing the file names, because windows has an option called hide extensions for known file
types turned on by default.
...option, unchecking the hide extensions for known file
types check box, then clicking ok.
HTML basics - Learn web development
in the mists of time, when html was young (around 1991/92), doc
types were meant to act as links to a set of rules that the html page had to follow to be considered good html, which could mean automatic error checking and other useful things.
...the most common list
types are ordered and unordered lists: unordered lists are for lists where the order of the items doesn't matter, such as a shopping list.
JavaScript basics - Learn web development
ring a variable, you can give it a value: myvariable = 'bob'; also, you can do both these operations on the same line: let myvariable = 'bob'; you retrieve the value by calling the variable name: myvariable; after assigning a value to a variable, you can change it later in the code: let myvariable = 'bob'; myvariable = 'steve'; note that variables may hold values that have different data
types: variable explanation example string this is a sequence of text known as a string.
... note: mixing data
types can lead to some strange results when performing calculations.
Advanced text formatting - Learn web development
this is usually a feeling, thought or piece of additional background information description lists use a different wrapper than the other list
types — <dl>; in addition each term is wrapped in a <dt> (description term) element, and each description is wrapped in a <dd> (description definition) element.
... <kbd>: for marking up keyboard (and other
types of) input entered into the computer.
Debugging HTML - Learn web development
well, generally when you do something wrong in code, there are two main
types of error that you'll come across: syntax errors: these are spelling errors in your code that actually cause the program not to run, like the rust error shown above.
... you will know when all your errors are fixed when you see the following banner in your output: summary so there we have it, an introduction to debugging html, which should give you some useful skills to count on when you start to debug css, javascript, and other
types of code later on in your career.
Images in HTML - Learn web development
fortunately, it wasn't too long before the ability to embed images (and other more interesting
types of content) inside web pages was added.
... there are other
types of multimedia to consider, but it is logical to start with the humble <img> element, used to embed a simple image in a webpage.
From object to iframe — other embedding technologies - Learn web development
at this point we'd like to take somewhat of a sideways step, looking at some elements that allow you to embed a wide variety of content
types into your webpages: the <iframe>, <embed> and <object> elements.
... the <embed> and <object> elements the <embed> and <object> elements serve a different function to <iframe> — these elements are general purpose embedding tools for embedding multiple
types of external content, which include plugin technologies like java applets and flash, pdf (which can be shown in a browser with a pdf plugin), and even content like videos, svg and images!
Responsive images - Learn web development
however, they aren't suitable for all image
types.
...you can supply mime
types inside type attributes so the browser can immediately reject unsupported file
types: <picture> <source type="image/svg+xml" srcset="pyramid.svg"> <source type="image/webp" srcset="pyramid.webp"> <img src="pyramid.png" alt="regular pyramid built from four equilateral triangles"> </picture> do not use the media attribute, unless you also need art direction.
Multimedia and Embedding - Learn web development
images in html there are other
types of multimedia to consider, but it is logical to start with the humble <img> element used to embed a simple image in a webpage.
... from <object> to <iframe> — other embedding technologies at this point we'd like to take somewhat of a sideways step, looking at a couple of elements that allow you to embed a wide variety of content
types into your webpages: the <iframe>, <embed> and <object> elements.
Introduction to events - Learn web development
there are many different
types of events that can occur.
... note: in cases where both
types of event handlers are present, bubbling and capturing, the capturing phase will run first, followed by the bubbling phase.
Client-side storage - Learn web development
this can be used for things from complete sets of customer records to even complex data
types like audio or video files.
... storing complex data — indexeddb the indexeddb api (sometimes abbreviated idb) is a complete database system available in the browser in which you can store complex related data, the
types of which aren't limited to simple values like strings or numbers.
Drawing graphics - Learn web development
as you'll see below, canvas provides many useful tools for creating 2d animations, games, data visualizations, and other
types of app, especially when combined with some of the other apis the web platform provides.
... function draw() { if(pressed) { ctx.fillstyle = colorpicker.value; ctx.beginpath(); ctx.arc(curx, cury-85, sizepicker.value, degtorad(0), degtorad(360), false); ctx.fill(); } requestanimationframe(draw); } draw(); note: the <input> range and color
types are supported fairly well across browsers, with the exception of internet explorer versions less than 10; also safari doesn't yet support color.
Fetching data from the server - Learn web development
this isn't strictly necessary here — xhr returns text by default — but it is a good idea to get into the habit of setting this in case you want to fetch other
types of data in the future.
... it is also worth noting that you can directly chain multiple promise blocks (.then() blocks, but there are other
types too) onto the end of one another, passing the result of each block to the next block as you travel down the chain.
Third-party APIs - Learn web development
changing the type of map there are a number of different
types of map that can be shown with the mapquest api.
...try this, for example: map.addcontrol(l.mapquest.control({ position: 'bottomright' })); there are other
types of control available, for example mapquest.searchcontrol() and mapquest.satellitecontrol(), and some are quite complex and powerful.
Arrays - Learn web development
paste the following code into the console: let shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles']; shopping; in the above example, each element is a string, but in an array we can store various data
types — strings, numbers, objects, and even other arrays.
... we can also mix data
types in a single array — we do not have to limit ourselves to storing only numbers in one array, and in another only strings.
What went wrong? Troubleshooting JavaScript - Learn web development
types of error generally speaking, when you do something wrong in code, there are two main
types of error that you'll come across: syntax errors: these are spelling errors in your code that actually cause the program not to run at all, or stop working part way through — you will usually be provided with some error messages too.
...we'll look at both of these
types going forward.
JavaScript object basics - Learn web development
let's say we wanted users to be able to store custom value
types in their people data, by typing the member name and value into two text inputs.
... overview: objects next in this module object basics object-oriented javascript for beginners object proto
types inheritance in javascript working with json data object building practice adding features to our bouncing balls demo ...
Aprender y obtener ayuda - Learn web development
different learning materials it is also worth looking at the different
types of learning materials that are available, to see which ones are most effective for you to learn with.
...some of the articles will be tutorials, to teach you a certain technique or important concept (such as "learn how to create a video player" or "learn the css box model"), and some of the articles will be reference material, to allow you to look up details you may have forgotten (such as "what is the syntax of the css background property"?) mdn web docs is very good for both
types — the area you are currently in is great for learning techniques and concepts, and we also have several giant reference sections allowing you to look up any syntax you can't remember.
Multimedia: Images - Learn web development
examples for these
types of motifs are logos, illustrations, charts or icons (note: svgs are far better than icon fonts!).
...this is just one of the
types of media consuming users bandwidth and slowing down page load.
Client-Server Overview - Learn web development
it can instead dynamically create and return other
types of files (text, pdf, csv, etc.) or even data (json, xml, etc.).
...there are many other
types of matches and we can daisy chain them.
Introduction to the server side - Learn web development
web frameworks are collections of functions, objects, rules and other code constructs designed to solve common problems, speed up development, and simplify the different
types of tasks faced in a particular domain.
... server-side programming allows us to instead store the information in a database and dynamically construct and return html and other
types of files (e.g.
Getting started with Ember - Learn web development
ember makes use of two main syntaxes: javascript (or optionally,
typescript) ember's own templating language, which is loosely based on handlebars.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
React interactivity: Editing, filtering, conditional rendering - Learn web development
editing from the ui much of what we're about to do will mirror the work we did in form.js: as the user
types in our new input field, we need to track the text they enter; once they submit the form, we need to use a callback prop to update our state with the new name of the task.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Creating our first Vue component - Learn web development
listing props as an object allows you to specify default values, mark props as required, perform basic object typing (specifically around javascript primitive
types), and perform simple prop validation.
... vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Cross browser testing - Learn web development
what users, browsers, and devices do you most need to worry about?), how to go about doing testing, the main issues that you'll face with different
types of code and how to mitigate them, what tools are most useful in helping you test and fix problems, and how to use automation to speed up testing.
... guides introduction to cross browser testing this article starts the module off by providing an overview of the topic of cross browser testing, answering questions such as "what is cross browser testing?", "what are the most common
types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" strategies for carrying out testing next, we drill down into carrying out testing, looking at identifying a target audience (e.g.
Add-ons
among other things, an add-on could: change the appearance or content of particular websites modify the firefox user interface add new features to firefox there are several
types of add-ons, but the most common type are extensions.
... other
types of add-ons in addition to extensions, there are a few other add-on
types that allow users to customize firefox.
Chrome registration
there are three basic
types of chrome providers: content the main source file for a window description comes from the content provider, and it can be any file type viewable from within mozilla.
...the two main
types of localizable files are dtd files and java-style properties files.
Continuous Integration
when you push a commit to mozilla-central or a related repository, it initiates a large chain of builds and tests across multiple
types of infrastructure.
... for a full list of job
types, see the help menu in treeherder's upper-right corner.
Eclipse CDT Manual Setup
select "general > content
types", expand "text > c source file > c++ source file", click "add" and add "*.mm".
...however, you may still want to tweak those settings if you'll be editing other file
types in eclipse.) select "c/c++ > editor" and set "workspace default" to "doxygen".
Interface Compatibility
js-c
types is the recommended way for extensions to call into os or third-party native code.
... you should strongly consider migrating existing code to use js-c
types instead of binary components.
Message manager overview
this article describes the different
types of message manager, how to access them, and at a high level, what sorts of things you can use them for.
... communicate with frame scripts using message-passing apis there are various
types of frame message managers, as depicted in this diagram: this diagram shows the setup when there are 2 browser windows open, one with 2 tabs open and one with 1 tab open.
Gecko's "Almost Standards" Mode
triggering "almost standards" the doc
types that will trigger "almost standards" mode are those which contain: the public identifier "-//w3c//dtd xhtml 1.0 transitional//en" the public identifier "-//w3c//dtd xhtml 1.0 frameset//en" the public identifier "-//w3c//dtd html 4.01 transitional//en", with a system identifier the public identifier "-//w3c//dtd html 4.01 frameset//en", with a system identifier the ibm system doctype "http:...
...in discussions of doc
types, many people will refer to a doctype as being "with uri" or "without uri." the uri is the system identifier.
PromiseWorker.jsm
like chromeworker objects, promiseworker is mostly used for js-c
types but it is not limited to that.
...in summary, from a worker file, data can only be sent back as a response to a request from the main thread, it is not possible for a worker to send data to the main thread otherwise, this is a key difference between promiseworker worker file and all other
types of workers.
JavaScript code modules
c
types.jsm provides an interface that allows javascript code to call native libraries without requiring the development of an xpcom component.
... jni.jsm abstracts the js-c
types to provide an interface that allows javascript code to call code running in native jvms.
Localization content best practices
however, linguistically these are different
types of sentences and will be handled differently in other languages.
...there are two
types of languages, those that have yes/no as a single word, and those that don't and work on mirroring the verb.
MathML In Action
next to it is this tiny formula, det | a c b d | = a d - b c , which can also be
typeset in displaystyle as det | a b c d | = a d - b c .
... mathematical
typesetting is picky.
JS::PerfMeasurement
the current implementation can measure eleven different
types of low-level hardware and software events: events that can be measured bitmask passed to constructor counter variable what it measures perfmeasurement::cpu_cycles .cpu_cycles raw cpu clock cycles ::instructions .instructions total instructions executed ::cache_references .cache_references total number of memory accesses ::cache_misse...
... we also can't guarantee that all platforms will support all event
types, once we have more than one back end for this interface.
L20n Javascript API
currently available event
types: ready - fired when all resources are available and the context instance is ready to be used.
...04 error when fetching a resource file, or recursive import statements in resource files), context.translationerror, when there is a missing translation in one of supported locales; the context instance will try to retrieve a fallback translation from the next locale in the fallback chain, compiler.error, when l20n is unable to evaluate an entity to a string; there are two
types of errors in this category: compiler.valueerror, when l20n can still try to use the literal source string of the entity as fallback, and compiler.indexerror otherwise.
Logging
conditional compilation and execution log
types and variables logging functions and macros use example conditional compilation and execution nspr's logging facility is conditionally compiled in and enabled for applications using it.
... log
types and variables two
types supporting nspr logging are exposed in the api: prlogmoduleinfo prlogmodulelevel two environment variables control the behavior of logging at execution time: nspr_log_modules nspr_log_file logging functions and macros the functions and macros for logging are: pr_newlogmodule pr_setlogfile pr_setlogbuffering pr_logprint pr_logflush pr_log_test pr_log ...
PRBool
syntax #include <pr
types.h> typedef enum { pr_false = 0, pr_true = 1 } prbool; description wherever possible, do not use prbool in mozilla c++ code.
...otherwise, use prbool for variables and parameter
types.
PRInt32
syntax #include <pr
types.h> typedefdefinition print32; description may be defined as an int or a long, depending on the platform.
... for syntax details for each platform, see pr
types.h.
PRInt64
syntax #include <pr
types.h> typedef definition print64; description may be defined in several different ways, depending on the platform.
... for syntax details for each platform, see pr
types.h.
PRIntn
this
types is never valid for fields of a structure.
... syntax #include <pr
types.h> typedef int printn; ...
PRUint32
syntax #include <pr
types.h> typedefdefinition pruint32; description may be defined as an unsigned int or an unsigned long, depending on the platform.
... for syntax details for each platform, see pr
types.h.
PRUint64
syntax #include <pr
types.h> typedef definition pruint64; description may be defined in several different ways, depending on the platform.
... for syntax details for each platform, see pr
types.h.
PRUintn
this
types is never valid for fields of a structure.
... syntax #include <pr
types.h> typedef unsigned int pruintn; ...
PR_IMPLEMENT
syntax #include <pr
types.h> pr_implement(type)implementation description pr_implement is used to define implementations of externally visible routines and globals.
... for syntax details for each platform, see pr
types.h.
Threads
threading
types and constants threading functions a thread has a limited number of resources that it truly owns.
... threading
types and constants prthread prthreadtype prthreadscope prthreadstate prthreadpriority prthreadprivatedtor threading functions most of the functions described here accept a pointer to the thread as an argument.
NSS Certificate Download Specification
there are several mime content
types that are used to indicate to the browser what type of certificate is being imported.
... these mime
types are: application/x-x509-user-cert the certificate being downloaded is a user certificate belonging to the user operating the browser.
NSS Sample Code Sample_1_Hashing
sample code 1 /* nspr headers */ #include <prprf.h> #include <pr
types.h> #include <plgetopt.h> #include <prio.h> /* nss headers */ #include <secoid.h> #include <secmodt.h> #include <sechash.h> typedef struct { const char *hashname; secoidtag oid; } nametagpair; /* the hash algorithms supported */ static const nametagpair hash_names[] = { { "md2", sec_oid_md2 }, { "md5", sec_oid_md5 }, { "sha1", sec_oid_sha1 }, { "sha256", sec_oid_sha256 }, { "sha384", sec_oid_sha384 }, { "sha512", sec_oid_sha512 } }; /* * maps a hash name to a secoidtag.
...; } /* digest it and print the result */ rv = digestfile(pr_stdout, pr_stdin, hashoidtag); if (rv != secsuccess) { fprintf(stderr, "%s: problem digesting data (%d)\n", progname, port_geterror()); } rv = nss_shutdown(); if (rv != secsuccess) { exit(-1); } return 0; } </sechash.h></secmodt.h></secoid.h></prio.h></plgetopt.h></pr
types.h></prprf.h> ...
sample2
*/ /* nspr headers */ #include <prthread.h> #include <plgetopt.h> #include <prerror.h> #include <prinit.h> #include <prlog.h> #include <pr
types.h> #include <plstr.h> /* nss headers */ #include <cryptohi.h> #include <keyhi.h> #include <pk11priv.h> #include <cert.h> #include <base64.h> #include <secerr.h> #include <secport.h> #include <secoid.h> #include <secmodt.h> #include <secoidt.h> #include <sechash.h> /* our samples utilities */ #include "util.h" /* constants */ #define blocksize 32 #define modblocksize 128 #define default_key_bits 1024 /* header file constants */ #define enckey_h...
...erfilename></ipfilename></headerfilename></encryptfilename></ipfilename></headerfilename></headerfilename></nickname></serialnumber></issuernickname></csr></cert></trust></nickname></csr></subject></noisefilename></dbpwdfile></dbpwd></dbdirpath></g|a|h|e|ds|v></sechash.h></secoidt.h></secmodt.h></secoid.h></secport.h></secerr.h></base64.h></cert.h></pk11priv.h></keyhi.h></cryptohi.h></plstr.h></pr
types.h></prlog.h></prinit.h></prerror.h></plgetopt.h></prthread.h> ...
FC_GetMechanismList
name fc_getmechanismlist - get a list of mechanism
types supported by a token.
... description fc_getmechanismlist obtains a list of mechanism
types supported by a token.
NSS tools : modutil
modutil supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... nss database
types nss originally used berkeleydb databases to store security information.
NSS tools : vfychain
possible
types are "crl" and "ocsp".
...possible
types are "donotuse", "forbidfetching", "ignoredefaultsrc", "requireinfo" and "failifnoinfo".
NSS tools : modutil
modutil supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... nss database
types nss originally used berkeleydb databases to store security information.
NSS tools : signver
signver supports two
types of databases: the legacy security databases (cert8.db, key3.db, and secmod.db) and new sqlite databases (cert9.db, key4.db, and pkcs11.txt).
... signver -a -s signature_file -o output_file nss database
types nss originally used berkeleydb databases to store security information.
NSS tools : vfychain
possible
types are "crl" and "ocsp".
...possible
types are "donotuse", "forbidfetching", "ignoredefaultsrc", "requireinfo" and "failifnoinfo".
Rhino scopes and contexts
order of lookups in a two-deep scope chain with proto
types.
...you can add these as proto
types of scopes in your parent scope chain.
Rhino serialization
javascript objects contain references to proto
types and to parent scopes.
...we want to be able to serialize a javascript object and then deserialize it into a new scope and have all of the references from the deserialized object to proto
types and parent scopes resolved correctly to refer to objects in the new scope.
Property cache
in particular shape does not cover the
types of property values; typically {a: "x"} and {a: 12} have the same shape.
... there are two different
types of property cache entry.
JS::PersistentRooted
for these kinds of edges, heap<t> or tenuredheap<t> would be better
types.
... there are typedefs available for the main
types: namespace js { typedef persistentrooted<jsfunction*> persistentrootedfunction; typedef persistentrooted<jsid> persistentrootedid; typedef persistentrooted<jsobject*> persistentrootedobject; typedef persistentrooted<jsscript*> persistentrootedscript; typedef persistentrooted<jsstring*> persistentrootedstring; typedef persistentrooted<js::symbol*> persistentrootedsymbol; // added in ...
JSExnType
this article covers features introduced in spidermonkey 17 possible exception
types.
...(lower bound) jsexn_err error jsexn_internalerr internalerror jsexn_evalerr evalerror jsexn_rangeerr rangeerror jsexn_referenceerr referenceerror jsexn_syntaxerr syntaxerror jsexn_typeerr typeerror jsexn_urierr urierror jsexn_limit (upper bound) description these
types are part of a jserrorformatstring structure.
JSProtoKey
this article covers features introduced in spidermonkey 24 possible standard object prototype
types.
...search for jsproto_sharedfloat64array jsproto_shareduint8clampedarray shareduint8clampedarray (nightly only) mxr search for jsproto_shareduint8clampedarray jsproto_typedarray typedarray added in spidermonkey 38 mxr search for jsproto_typedarray jsproto_atomics atomics (nightly only) mxr search for jsproto_atomics description each of these
types corresponds to standard objects in javascript.
JS_ConvertArgumentsVA
converts a series of js values, passed in a va_list, to their corresponding jsapi
types.
... ap va_list the list of pointers into which to store the converted
types.
SpiderMonkey 38
this entailed changing the vast majority of the jsapi from raw
types, such as js::value or js::value*, to js::handle and js::mutablehandle template
types that encapsulate access to the provided value/string/object or its location.
...many jsapi
types, functions, and callback signatures have changed, though most functions that have changed still have the same names and implement essentially unchanged functionality.
Secure Development Guidelines
buffer bounds validations (bbv) thou shalt check the array bounds of all strings (indeed, all arrays), for surely where thou
typest "foo" someone someday shall type "supercalifragilisticexpialidocious".
...file, o_rdwr); write(fd, argv[2], strlen(argv[2])); } file i/o: race conditions previous example contains a race condition the file may change between the call top stat() and open() this opens the possibility of writing arbitrary content to any file race conditions occur when two separate execution flows share a resource and its access is not synchronized properly race condition
types include file (previously covered) thread (two threads share a resource but don’t lock it) signal race conditions example char *ptr; void sighandler() { if (ptr) free(ptr); _exit(0); } int main() { signal(sigint, sighandler); ptr = malloc(1000); if (!ptr) exit(0); ...
Animated PNG graphics
structure an apng stream is a normal png stream as defined in the png specification, with three additional chunk
types describing the animation and providing additional frame data.
...both chunk
types share the sequence.
Gecko object attributes
container-relevant what
types of mutations are possibly relevant?
...for more information please read about schema data
types.
Using the Places history service
nsibrowserhistory.markpageastyped: called by the url bar when the user
types in a url.
...many
types of uris, such as "chrome:" uris, are not stored when adduri is called.
Accessing the Windows Registry Using XPCOM
however, windows registry values can have several data
types, so you need to ensure that you read the correct type.
...the data
types supported by this interface are defined as named constants on the interface as follows: type_none — probably not useful type_string — a unicode string value type_binary — binary data type_int — a 32 bit integer type_int64 — a 64 bit integer each of these
types (except type_none) has a corresponding method to read the value data: readstringvalue() readbinaryvalue() readintvalue() readint64value() since javascript is a dynamically-typed language, you may wish to use the following code to handle all
types of data.
Creating a Python XPCOM component
pay special attention to
types here - python and javascript are both loosely-typed, so it's fairly easy to pass information from one to the other.
...see here for info on describing interfaces, and on which
types can be used.
XPCOM changes in Gecko 2.0
however, it's very easy to do, and you can actually support both
types of registration for backward compatibility.
...your life would be much easier over the long term if you switch to using js-c
types instead.
Preface
conventions the formatting conventions listed below are used to designate specific
types of information in the book and make things easier to scan.
... the goal is to use as few formats as possible, but to distinguish the various different
types of information clearly.
nsACString
nsacstring corresponds to the acstring and autf8string xpidl data
types.
...if used with xpidl, then the character encodings of the corresponding xpidl data
types applies.
nsAString
nsastring corresponds to the astring and domstring xpidl data
types.
...if used with xpidl, then the character encodings of the corresponding xpidl data
types applies.
IAccessibleValue
typical
types are long and double.
...the set of admissible
types for this argument is implementation dependent.
nsICategoryManager
let categorymanager = cc['@mozilla.org/categorymanager;1']; categorymanager.getservice(ci.nsicategorymanager).deletecategoryentry('gecko-content-viewers', content_type, false); // update pref manager to prevent plugins from loading in future var string
types = ''; var
types = []; var pref_disabled_plugin_
types = 'plugin.disable_full_page_plugin_for_
types'; if (services.prefs.prefhasuservalue(pref_disabled_plugin_
types)) { string
types = services.prefs.getcharpref(pref_disabled_plugin_
types); } if (string
types !== '') {
types = string
types.split(','); } if (
types.indexof(content_type) === -1) {
types.push(content_type); } services.prefs.s...
...etcharpref(pref_disabled_plugin_
types,
types.join(',')); remarks categories have a variety of uses throughout the mozilla platform.
nsICryptoHMAC
this method may be called multiple times with different algorithm
types.
...this value must be one of the above valid algorithm
types.
nsICryptoHash
this method may be called multiple times with different algorithm
types.
...this method may be called multiple times with different algorithm
types.
nsIDocShell
types are defined in constants.
...uses
types from nsidocshelltreeitem.
nsIFile
the only two
types at this time are file and directory which are defined above.
...the only two
types at this time are file and directory which are defined above.
nsIJetpack
optional javascript values to send with the message; they must be either json-serializable
types or handles.
...the first argument passed to it is the name of the message, and all arguments following it are either json-serializable
types or handles.
nsIJumpListItem
1.0 66 introduced gecko 2.0 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) note: to consumers: it's reasonable to expect we'll need support for other
types of jump list items (an audio file, an email message, etc.).
... to add
types, create the specific interface here, add an implementation class to winjumplistitem, and add support to addlistbuild and removed items processing.
nsIMemory
there are three specific
types of notifications that can occur.
... these
types will be passed as the adata parameter of the of the "memory-pressure" notification: "low-memory" this will be passed as the value of adata when a low-memory condition occurs (not necessarily an out-of-memory condition).
nsINavHistoryQuery
void gettransitions( out unsigned long count, optional [retval,array,size_is(count)] out unsigned long transitions ); parameters count optional the number of transitions transitions missing description settransitions() when the set of transitions is nonempty, results are limited to pages which have at least one visit for each of the transition
types.
... limit results to the specified list of transition
types.
nsINavHistoryResultNode
for hosts, or other node
types with children, this is the most recent access time for any of the children.
...this may be empty for other
types of objects, like host containers.
nsINavHistoryService
it is called by the url bar when the user
types in a url.
...many
types of uris, such as "chrome:" uris, are not stored when adduri is called.
nsIPluginHost
ring amimetype, in nsiuri aurl, in nsiplugininstanceowner aowner ); parameters amimetype aurl aowner native code only!stopplugininstance void stopplugininstance( in nsiplugininstance ainstance ); parameters ainstance native code only!useragent void useragent( in nativechar resultingagentstring ); parameters examples list all plug-ins and associated mime
types and get handler info this example here logs to browser console all the installed plug-ins and the associated mime
types.
... let pluginhost = cc["@mozilla.org/plugin/host;1"].getservice(ci.nsipluginhost); let handlerservice = cc['@mozilla.org/uriloader/handler-service;1'].getservice(ci.nsihandlerservice); let mimeservice = cc['@mozilla.org/mime;1'].getservice(ci.nsimimeservice); let plugintags = pluginhost.getplugintags(); for (let i = 0; i < plugintags.length; ++i) { let plugintag = plugintags[i]; let mime
types = plugintag.getmime
types(); console.warn('plugintag:', plugintag.name, 'mime
types:', mime
types); // go through all the mime
types and get the handler service for (let j = 0; j < mime
types.length; ++j) { let type = mime
types[j]; let wrappedhandlerinfo = mimeservice.getfromtypeandextension(type, null); console.log('handler info for type', type, wrappedhandleri...
nsIScriptableIO
this should be one of the following
types: nsifile: an object returned by getfile() or getfilewithpath(), or any object implementing the nsifile interface.
...this should be one of the following
types: nsifile: an object returned by getfile() or getfilewithpath(), or any object implementing the nsifile interface.
nsISocketTransportService
nsisockettransport createtransport(in array<acstring> asocket
types, in autf8string ahost, in long aport, in nsiproxyinfo aproxyinfo); void init(); obsolete since gecko 1.8 void notifywhencanattachsocket(in nsirunnable aevent); native code only!
... nsisockettransport createtransport( in array<acstring> asocket
types, in autf8string ahost, in long aport, in nsiproxyinfo aproxyinfo ); parameters asocket
types array of socket type strings.
nsIStringBundle
do not try to use any other
types.
...do not try to use any other
types.
nsIUpdateItem
can be null and if supplied must be in the format of "type:hash" (see the
types in nsicryptohash and nsixpinstallmanager.initmanagerwithhashes().
... constants item type constants constants representing
types of update checks.
Getting Started Guide
because xpcom interfaces are expressed as abstract c++ base classes, you may be tempted to let c++ handle the differences, or to use c++ casts to navigate between interface
types.
...the only sanctioned way to get between xpcom
types is with queryinterface.
XPCOM category image-sniffing-services
in versions of firefox prior to firefox 3, extensions could add decoders for new image
types.
... however, such decoders relied on servers sending correct mime
types; images sent with incorrect mime
types would not be correctly displayed.
Creating a gloda message query
query.attachment
types(mimetype1, mimetype2, ...): constrain to messages with attachments among the given mime
types.
... attachment
types: a list of the attachment mime
types found on this message.
DB Views (message lists)
view flags and
types the view flags (external reference) are not exclusive.
... the view
types (external reference) are.
Activity Manager examples
if activity developers would like to extend the default ui representation of the activity
types, they can provide their own xbl elements for their own activity
types.
...} sendercontextdisplayhelper.prototype = { getcontextdisplaytext: function(contexttype, contextobj) { // in this particular example we know that contexttype is "sender" // since we also pass the contexttype along with the contextobject // in some cases, one helper can be registered for a group of context
types // we know that the context object is the author of the message // localization is omitted return "messages coming from " + contextobj.surname + ", " + contextobj.firstname; } } // step 2: register the helper for this context type gactivitymanager.registercontextdisplayhelper("sender", new sendercontextdisplayhelper()); // step 3: create ...
Memory Management
keeping objects alive the following js-c
types objects will hold references to objects, keeping them alive.
... this is not an exhaustive list, but will help you to understand memory management and how it affects your use of js-c
types: a function or static data declared using the declare() method will hold that library alive.
Int64
because javascript doesn't currently include standard support for 64-bit integer values, js-c
types offers the int64 and uint64 objects to let you work with c functions and data that need (or may need) values represented using a 64-bit data type.
... see also c
types uint64 ...
URLs - Plugins
for example, a null target does not make sense for some url
types (such as mailto).
... possible url
types include http (similar to an html form submission), mailto (sending mail), news (posting a news article), and ftp (uploading a file).
Debugger-API - Firefox Developer Tools
here is a javascript program in the process of running a timer callback function: a running javascript program and its debugger shadows this diagram shows the various
types of shadow objects that make up the debugger api (which all follow some general conventions): a debugger.object represents a debuggee object, offering a reflection-oriented api that protects the debugger from accidentally invoking getters, setters, proxy traps, and so on.
... all these
types follow some general conventions, which you should look through before drilling down into any particular type’s specification.
Migrating from Firebug - Firefox Developer Tools
this feature can globally be enabled via the break on mutate button, or individually for each element and for different
types of changes like attribute changes, content changes or element removal.
... managing breakpoints in firebug you can set different
types of breakpoints, which are all listed within the breakpoints side panel.
View Source - Firefox Developer Tools
tree builder errors relating to text (as opposed to tags, comments, or doc
types) aren't reported.
...because of this, doc
types that have an internal subset are not highlighted correctly, and entity references to custom entities are also not highlighted correctly.
Web Console UI Tour - Firefox Developer Tools
filter categories: you can click a filter category (such as errors, warnings, css, or xhr) to display just those
types of messages.
... group similar messages: when enabled, similar
types of messages are grouped together, with an indicator of the number of occurrences.
Web Console remoting - Firefox Developer Tools
when navigation stops the following packet is sent: { "from": tabactor, "type": "tabnavigated", "state": "stop", "url": newurl, "title": newtitle, "nativeconsoleapi": true|false } getcachedmessages(
types, onresponse) the webconsoleclient.getcachedmessages(
types, onresponse) method sends the following packet to the server: { "to": "conn0.console9", "type": "getcachedmessages", "message
types": [ "pageerror", "consoleapi" ] } the getcachedmessages packet allows one to retrieve the cached messages from before the web console was open.
... starting with firefox 19: for non-text response
types we send the content in base64 encoding (again, most likely a longstringactor grip).
AbstractRange - Web APIs
the abstractrange abstract interface is the base class upon which all dom range
types are defined.
... usage notes range
types all ranges of content within a document are described using instances of interfaces based on abstractrange.
BaseAudioContext - Web APIs
baseaudiocontext.createbiquadfilter() creates a biquadfilternode, which represents a second order filter configurable as several different common filter
types: high-pass, low-pass, band-pass, etc baseaudiocontext.createbuffer() creates a new, empty audiobuffer object, which can then be populated by data and played via an audiobuffersourcenode.
... baseaudiocontext.createiirfilter() creates an iirfilternode, which represents a second order filter configurable as several different common filter
types.
BasicCardRequest.supportedNetworks - Web APIs
legal values are defined in the w3c's document card network identifiers approved for use with payment request api, and are currently: amex cartebancaire diners discover jcb mastercard mir unionpay visa example the following example shows a sample definition of the first parameter of the paymentrequest() constructor, the data property of which contains supportednetworks and supported
types properties.
... var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supported
types: ['credit', 'debit'] } }]; var details = { ...
BasicCardRequest - Web APIs
basiccardrequest.supported
types optional secure context this obsolete property was used to provide an optional array of domstrings representing the card
types that the retailer supports (e.g.
...if the property is missing, it implies that all the card
types are supported.
CSSRule - Web APIs
there are several
types of rules, listed in the type constants section below.
... the cssrule interface specifies the properties common to all rules, while properties unique to specific rule
types are specified in the more specialized interfaces for those rules' respective
types.
ClipboardItem.getType() - Web APIs
then utilizing the clipboarditem.
types property to set the gettype() argument and return the corresponding blob object.
... async function getclipboardcontents() { try { const clipboarditems = await navigator.clipboard.read(); for (const clipboarditem of clipboarditems) { for (const type of clipboarditem.
types) { const blob = await clipboarditem.gettype(type); // we can now use blob here } } } catch (err) { console.error(err.name, err.message); } } specifications specification status comment clipboard api and eventsthe definition of 'clipboarditem' in that specification.
Console.table() - Web APIs
collections of primitive
types the data argument may be an array or an object.
... // an array of strings console.table(["apples", "oranges", "bananas"]); // an object whose properties are strings function person(firstname, lastname) { this.firstname = firstname; this.lastname = lastname; } var me = new person("john", "smith"); console.table(me); collections of compound
types if the elements in the array, or properties in the object, are themselves arrays or objects, then their elements or properties are enumerated in the row, one per column: // an array of arrays var people = [["john", "smith"], ["jane", "doe"], ["emily", "jones"]] console.table(people); // an array of objects function person(firstname, lastname) { this.firstname = firstname; this.lastname = lastname; } var john = new person("john", "smith"); var jane = new person("jane", "doe"); ...
Document Object Model (DOM) - Web APIs
element svgsetelement svgsolidcolorelement svgstopelement svgstyleelement svgsvgelement svgswitchelement svgsymbolelement svgtextcontentelement svgtextelement svgtextpathelement svgtextpositioningelement svgtitleelement svgtrefelement svgtspanelement svguseelement svgunknownelement svgviewelement svgvkernelement svg data type interfaces here are the dom apis for data
types used in the definitions of svg properties and attributes.
...nimatedrect svganimatedstring svganimatedtransformlist smil-related interfaces elementtimecontrol timeevent other svg interfaces getsvgdocument shadowanimation svgcolorprofilerule svgcssrule svgdocument svgexception svgexternalresourcesrequired svgfittoviewbox svglangspace svglocatable svgrenderingintent svgstylable svgtests svgtransformable svgunit
types svguseelementshadowroot svgurireference svgviewspec svgzoomandpan svgzoomevent specifications specification status comment dom living standard ...
Using Fetch - Web APIs
to extract the json body content from the response, we use the json() method (defined on the body mixin, which is implemented by both the request and response objects.) note: the body mixin also has similar methods to extract other
types of body content; see the body section for more.
...a body is an instance of any of the following
types: arraybuffer arraybufferview (uint8array and friends) blob/file string urlsearchparams formdata the body mixin defines the following methods to extract a body (implemented by both request and response).
File.type - Web APIs
moreover, file.type is generally reliable only for common file
types like images, html documents, audio and video.
...client configuration (for instance, the windows registry) may result in unexpected values even for common
types.
Introduction to the File and Directory Entries API - Web APIs
big concepts before you start using the file and directory entries api, you need to understand a few concepts: the file and directory entries api is a virtual representation of a file system the file and directory entries api can use different storage
types browsers impose storage quota the file and directory entries api has asynchronous and synchronous versions when using the asynchronous api, always use the error callbacks the file and directory entries api interacts with other apis the file and directory entries api is case-sensitive the file and directory entries api is a virtual representation of a file system the api doesn't give you a...
... the file and directory entries api can use different storage
types an application can request temporary or persistent storage.
HTMLAnchorElement.relList - Web APIs
it is a live domtokenlist containing the set of link
types indicating the relationship between the resource represented by the <a> element and the current document.
... syntax var relstr = anchorelt.rellist; example var anchors = document.getelementsbytagname("a"); var length = anchors.length; for (var i = 0; i < length; i++) { var list = anchors[i].rellist; var listlength = list.length; console.log("new anchor node found with", listlength, "link
types in rellist."); for (var j = 0; j < listlength; j++) { console.log(list[j]); } } specifications specification status comment html living standardthe definition of 'rellist' in that specification.
HTMLInputElement.setSelectionRange() - Web APIs
note that accordingly to the whatwg forms spec selectionstart, selectionend properties and setselectionrange method apply only to inputs of
types text, search, url, tel and password.
... chrome, starting from version 33, throws an exception while accessing those properties and method on the rest of input
types.
HTMLInputElement.stepDown() - Web APIs
valid on all numeric, date, and time input
types that support the step attribute, includingdate, month, week, time, datetime-local, number, and range.
... if the form control is non time, date, or numeric in nature, and therefore does not support the step attribute (see the list of supported input
types in the the table above), or if the step value is set to any, an invalidstateerror exception is thrown.
In depth: Microtasks and the JavaScript runtime environment - Web APIs
there are three
types of code that create a new execution context: the global context is the execution context created to run the main body of your code; that is, any code that exists outside of a javascript function.
... there are three
types of event loop: window event loop the window event loop is the one that drives all of the windows sharing a similar origin (though there are further limits to this as described elsewhere in this article xxxx ????).
IDBDatabase.transaction() - Web APIs
mode optional the
types of access that can be performed in the transaction.
... exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror the close() method has previously been called on this idbdatabase instance.
IDBFactory.open() - Web APIs
note: you can find out more information on the different available storage
types, and how firefox handles client-side data storage, at browser storage limits and eviction criteria.
... exceptions this method may raise a domexception of the following
types: exception description typeerror the value of version is zero or a negative number or not a number.
Browser storage limits and eviction criteria - Web APIs
different
types of data storage even in the same browser, using the same storage method, there are different classes of data storage to understand.
... storage comes in two
types: persistent: this is data that is intended to be kept around for a long time.
MediaSource.addSourceBuffer() - Web APIs
notsupportederror the specified mimetype isn't supported by the user agent, or is not compatible with the mime
types of other sourcebuffer objects that are already included in the media source's sourcebuffers list.
... example the following snippet is from a simple example written by nick desaulniers (view the full demo live, or download the source for further investigation.) var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourceb...
MediaSource - Web APIs
static methods mediasource.is
typesupported() returns a boolean value indicating if the given mime type is supported by the current user agent — this is, if it can successfully create sourcebuffer objects for that mime type.
...as written by nick desaulniers and can be viewed live here (you can also download the source for further investigation.) var video = document.queryselector('video'); var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource(); //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourc...
MimeTypeArray - Web APIs
this object is returned by navigatorplugins.mime
types.
... var mime
types = navigator.mimetype; var flashplugin = mime
types['video/x-flv']; if (typeof flashplugin === "undefined") { var vid = document.createelement('video'); // use vid.canplaytype() to test for a supported mime type.
MouseEvent.initMouseEvent() - Web APIs
possible
types for mouse events include: click, mousedown, mouseup, mouseover, mousemove, mouseout.
...only used with some event
types (e.g., mouseover and mouseout).
Node.nodeType - Web APIs
examples different
types of nodes document.nodetype === node.document_node; // true document.doctype.nodetype === node.document_type_node; // true document.createdocumentfragment().nodetype === node.document_fragment_node; // true var p = document.createelement("p"); p.textcontent = "once upon a time…"; p.nodetype === node.element_node; // true p.firstchild.nodetype === node.text_node; // true comments this exam...
... living standard deprecated attribute_node, entity_reference_node and notation_node
types.
NodeIterator.whatToShow - Web APIs
the nodeiterator.whattoshow read-only property represents an unsigned integer representing a bitmask signifying what
types of nodes should be returned by the nodeiterator.
... syntax var node
types = nodeiterator.whattoshow; the values that can be combined to form the bitmask are: constant numerical value description nodefilter.show_all -1 (that is the max value of unsigned long) shows all nodes.
PerformanceEventTiming - Web APIs
the performanceeventtiming interface of the event timing api provides timing information for the event
types listed below.
...observer.observe({entry
types: ["event"]}); we can also directly query the first input delay.
PerformanceFrameTiming - Web APIs
an application can register a performanceobserver for "frame" performance entry
types and the observer can retrieve data about the duration of each frame event.
..." /><text x="111" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performanceframetiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties (for "frame" performance entry
types) by qualifying and constraining the properties as follows: performanceentry.entrytype returns "frame".
PerformanceNavigationTiming - Web APIs
stroke-width="2px" /><text x="336" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancenavigationtiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface extends the following performanceentry properties for navigation performance entry
types by qualifying and constraining them as follows: performanceentry.entrytype read only returns "navigation".
... this interface also extends following performanceresourcetiming properties for navigation performance entry
types by qualifying and constraining them as follows: performanceresourcetiming.initiatortyperead only returns "navigation".
PerformanceObserver() - Web APIs
the observer callback is invoked when performance entry events are recorded for the entry
types that have been registered, via the observe() method.
... example var observer = new performanceobserver(function(list, obj) { var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entry
types: ["mark", "frame"]}); function perf_observer(list, observer) { // process the "measure" event } var observer2 = new performanceobserver(perf_observer); observer2.observe({entry
types: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'performanceobserver()' in that specification.
PeformanceObserver.disconnect() - Web APIs
syntax performanceobserver.disconnect(); example var observer = new performanceobserver(function(list, obj) { var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entry
types: ["mark", "frame"]}); function perf_observer(list, observer) { // process the "measure" event // ...
... // disable additional performance events observer.disconnect(); } var observer2 = new performanceobserver(perf_observer); observer2.observe({entry
types: ["measure"]}); specifications specification status comment performance timeline level 2the definition of 'disconnect()' in that specification.
PerformancePaintTiming - Web APIs
an application can register a performanceobserver for "paint" performance entry
types and the observer can retrieve the times that paint events occur.
..." /><text x="311" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">performancepainttiming</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} properties this interface has no properties but it extends the following performanceentry properties (for "paint" performance entry
types) by qualifying and constraining the properties as follows: performanceentry.entrytype returns "paint".
RTCDataChannel: error event - Web APIs
"invalid mandatory parameter", "unrecognized parameters", "no user data (sctp data chunk has no data)", "cookie received while shutting down", "restart of an association with new addresses", "user-initiated abort", "protocol violation" ]; dc.addeventlistener("error", ev => { const err = ev.error; console.error("webrtc error: ", err.message); // handle specific error detail
types switch(err.errordetail) { case "sdp-syntax-error": console.error(" sdp syntax error in line ", err.sdplinenumber); break; case "idp-load-failure": console.error(" identity provider load failure: http error ", err.httprequeststatuscode); break; case "sctp-failure": if (err.sctpcausecode < sctpcausecodes.length) { consol...
...other error
types similarly output appropriate information.
RTCIceCandidateType - Web APIs
the webrtc api's rtcicecandidatetype enumerated type provides a set of domstring values representing the
types of ice candidate that can arrive.
... values these candidate
types are listed in order of priority; the higher in the list they are, the more efficient they are.
Range.setEnd() - Web APIs
exceptions exceptions are thrown as domexception objects of the following
types: invalidnodetypeerror the node specified by endnode is a doctype node; range endpoints cannot be located inside a doctype node.
...for other node
types, endoffset is the number of child nodes between the start of the endnode.
Report.body - Web APIs
these all inherit from the base reportbody class — study their reference pages for more information on what the particular report body
types contain.
... examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { let firstreport = reports[0]; // log the first report's report body, i.e.
Report.type - Web APIs
currently the available
types are deprecation, intervention, and crash.
... examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { let firstreport = reports[0]; // log the first report's report type, i.e.
Reporting API - Web APIs
available report
types the spec defines the following report
types: deprecation report indicates that a webapi or other browser feature being used in the website is expected to stop working in a future release.
... examples in our deprecation_report.html example, we create a simple reporting observer to observe usage of deprecated features on our web page: let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.o...
SVGAnimatedPathData - Web APIs
name type description animatednormalizedpathseglist svgpathseglist provides access to the current animated contents of the 'd' attribute in a form where all path data commands are expressed in terms of the following subset of svgpathseg
types: svg_pathseg_moveto_abs (m), svg_pathseg_lineto_abs (l), svg_pathseg_curveto_cubic_abs (c) and svg_pathseg_closepath (z).
... normalizedpathseglist svgpathseglist provides access to the base (i.e., static) contents of the 'd' attribute in a form where all path data commands are expressed in terms of the following subset of svgpathseg
types: svg_pathseg_moveto_abs (m), svg_pathseg_lineto_abs (l), svg_pathseg_curveto_cubic_abs (c) and svg_pathseg_closepath (z).
SVGClipPathElement - Web APIs
takes one of the constants defined in svgunit
types.
... candidate recommendation removed the inheritance from svgtests, svglangspace, svgexternalresourcesrequired, svgstylable, svgtransformable, and svgunit
types scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgclippathelement' in that specification.
SVGFETurbulenceElement - Web APIs
t" target="_top"><rect x="261" y="65" width="220" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="371" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeturbulenceelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants turbulence
types name value description svg_turbulence_type_unknown 0 the type is not one of predefined
types.
... stitch options name value description svg_stitchtype_unknown 0 the type is not one of predefined
types.
SVGMaskElement - Web APIs
takes one of the constants defined in svgunit
types.
...takes one of the constants defined in svgunit
types.
SVGPreserveAspectRatio - Web APIs
tratio_xmidymax = 9 svg_preserveaspectratio_xmaxymax = 10 svg_meetorslice_unknown = 0 svg_meetorslice_meet = 1 svg_meetorslice_slice = 2 normative document svg 1.1 (2nd edition) constants name value description svg_preserveaspectratio_unknown 0 the enumeration was set to a value that is not one of predefined
types.
... svg_meetorslice_unknown 0 the enumeration was set to a value that is not one of predefined
types.
SVGTextPathElement - Web APIs
helement" target="_top"><rect x="-169" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="-79" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgtextpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants method
types name value description textpath_methodtype_unknown 0 the type is not one of predefined
types.
... spacing
types name value description textpath_spacingtype_unknown 0 the type is not one of predefined
types.
Using the Screen Capture API - Web APIs
there are two
types of display surface.
...max-width is set to 860px to set an absolute upper limit on the video's size, the error, warn, and info classes are used to style the corresponding console output
types.
Sensor APIs - Web APIs
these sensor
types are referred to as low-level and high-level respectively.
...celerometer 'accelerometer' ambientlightsensor 'ambient-light-sensor' gyroscope 'gyroscope' linearaccelerationsensor 'accelerometer' magnetometer 'magnetometer' relativeorientationsensor 'accelerometer', and 'gyroscope' readings sensor readings are received through the sensor.onreading callback which is inherited by all sensor
types.
Storage API - Web APIs
the diagram below shows a site storage pool with three storage units within, showing how storage units can have different data
types stored within and may have different quotas (maximum storage limits).
...the "persistent-storage" feature's permission-related flags, algorithms, and
types are all set to the standard defaults for a permission, except that the permission state must be the same across the entire origin, and that if the permission state isn't "granted" (meaning that for whatever reason, access to the persistent storage feature was denied), the origin's site storage unit's box mode is always "best-effort".
Multi-touch interaction - Web APIs
// log events flag var logevents = false; // touch point cache var tpcache = new array(); register event handlers event handlers are registered for all four touch event
types.
... the touchend and touchcancel event
types use the same handler.
Using Touch Events - Web APIs
interfaces touch events consist of three interfaces (touch, touchevent and touchlist) and the following event
types: touchstart - fired when a touch point is placed on the touch surface.
...additionally, the pointer event
types are very similar to mouse event
types (for example, pointerdown pointerup) thus code to handle pointer events closely matches mouse handling code.
TrackEvent - Web APIs
events based on trackevent are always sent to one of the media track list
types: events involving video tracks are always sent to the videotracklist found in htmlmediaelement.videotracks events involving audio tracks are always sent to the audiotracklist specified in htmlmediaelement.audiotracks events affecting text tracks are sent to the texttracklist object indicated by htmlmediaelement.texttracks.
...if not null, this is always an object of one of the media track
types: audiotrack, videotrack, or texttrack).
TreeWalker.whatToShow - Web APIs
the treewalker.whattoshow read-only property returns an unsigned long being a bitmask made of constants describing the
types of node that must to be presented.
... syntax node
types = treewalker.whattoshow; example var treewalker = document.createtreewalker( document.body, nodefilter.show_element + nodefilter.show_comment + nodefilter.show_text, { acceptnode: function(node) { return nodefilter.filter_accept; } }, false ); if( (treewalker.whattoshow == nodefilter.show_all) || (treewalker.whattoshow % (nodefilter.show_comment*2)) >= nodefilter.show_commen...
Using the User Timing API - Web APIs
there are two
types of user defined timing entry
types: the "mark" entry type and the "measure" entry type.
... this document shows how to create mark and measure performance entry
types and how to use user timing methods (which are extensions of the performance interface) to retrieve and remove entries from the browser's performance timeline.
Data in WebGL - Web APIs
each kind of variable is accessible by one or both
types of shader program (depending on the data store type) and possibly by the site's javascript code, depending on the specific type of variable.
... glsl data
types <<document the basic
types, vectors, etc; see data type (glsl) on the khronos webgl wiki>> glsl variables there are three kinds of "variable" or data storage available in glsl, each of which with its own purpose and use cases: attributes, varyings, and uniforms.
WebGL: 2D and 3D graphics for the web - Web APIs
_astc webgl_compressed_texture_atc webgl_compressed_texture_etc webgl_compressed_texture_etc1 webgl_compressed_texture_pvrtc webgl_compressed_texture_s3tc webgl_compressed_texture_s3tc_srgb webgl_debug_renderer_info webgl_debug_shaders webgl_depth_texture webgl_draw_buffers webgl_lose_context events webglcontextlost webglcontextrestored webglcontextcreationerror constants and
types webgl constants webgl
types webgl 2 webgl 2 is a major update to webgl which is provided through the webgl2renderingcontext interface.
... guides data in webgl a guide to variables, buffers, and other
types of data used when writing webgl code.
WebSocket.send() - Web APIs
it may be one of the following
types: usvstring a text string.
... as of gecko 11.0, support for arraybuffer is implemented but not blob data
types.
Writing WebSocket client applications - Web APIs
these strings are used to indicate sub-protocols, so that a single server can implement multiple websocket sub-protocols (for example, you might want one server to be able to handle different
types of interactions depending on the specified protocol).
...there are assorted
types of data packets the client might receive, such as: login handshake message text user list updates the code that interprets these incoming messages might look like this: examplesocket.onmessage = function(event) { var f = document.getelementbyid("chatbox").contentdocument; var text = ""; var msg = json.parse(event.data); var time = new date(msg.date); var timestr = time.tolocalet...
Web Audio API - Web APIs
several sources — with different
types of channel layout — are supported even within a single context.
... audioscheduledsourcenode the audioscheduledsourcenode is a parent interface for several
types of audio source node interfaces.
XMLSerializer.serializeToString() - Web APIs
usage notes compatible node
types the specified root node—and all of its descendants—must be compatible with the xml serialization algorithm.
... the following
types are also permitted as descendants of the root node, in addition to node and attr: documenttype document documentfragment element comment text processinginstruction attr if any other type is encountered, a typeerror exception is thrown.
XRInputSourceEvent() - Web APIs
permitted values are listed under event
types below.
... event
types select sent to an xrsession when the sending input source has fully completed a primary action.
XRPermissionStatus.granted - Web APIs
the
types of reference space are listed in the table below, with brief information about their use cases and which interface is used to implement them.
...otherwise, typically, one of the other reference space
types will be used more often.
XRSessionEvent() - Web APIs
see event
types for a list of the permitted values.
... event
types the following events are represented using the xrsessionevent interface, and are permitted values for its type property.
ARIA: rowgroup role - Accessibility
there is, however, no differentiation between different
types of rowgroups.
...these cells can be of different
types, depending on whether they are column or row headers, or plain or grid cells.
Accessibility and Spacial Patterns - Accessibility
adobe illustrator, for example, allows one to
typeset ada braille for printing out.
... see also mdn accessibiltity: what users can do to browse more safely web accessibiltity for seizures and physical reactions web accessibility: understanding colors and luminance braille part 3: a step-by-step guide to
typesetting ada braille correctly in adobe illustrator spatial math in brailleblaster (4 of 5) government literature nasa: designing with blue math spatial reasoning: why math talk is about more than numbers scientific literature colour constancy in context: roles for local adaptation and levels of reference gamma oscillations and photosensitive epilepsy characterizing the patter...
Color contrast - Accessibility
type of content minimum ratio (aa rating) enhanced ratio (aaa rating) body text 4.5 : 1 7 : 1 large-scale text (120-150% larger than body text) 3 : 1 4.5 : 1 active user interface components and graphical objects such as icons and graphs 3 : 1 not defined these ratios do not apply to "incidental" text, such as inactive controls, logo
types, or purely decorative text.
... having good color contrast on your site benefits all your users, but it is particularly beneficial to users with certain
types of color blindness and other similar conditions, who experience low contrast, and have trouble differentiating between similar colors.
Text labels and names - Accessibility
there are a number of different
types of problems in this category, found in different contexts, and each has its own solution.
...this applies to all
types of <input> items, as well as <button>, <output>, <select>, <textarea>, <progress> and <meter> elements, as well as any element with the switch aria role.
Accessibility
accessibility for seizure disorders some
types of visual web content can induce seizures in people with certain brain disorders.
... understand the
types of content that can be problematic, and find tools and strategies to help you avoid them.
@font-face - CSS: Cascading Style Sheets
to provide the browser with a hint as to what format a font resource is — so it can select a suitable one — it is possible to include a format type inside a format() function: src: url(ideal-sans-serif.woff) format("woff"), url(basic-sans-serif.ttf) format("truetype"); the available
types are: "woff", "woff2", "truetype", "opentype", "embedded-opentype", and "svg".
... font mime
types format mime type truetype font/ttf opentype font/otf web open font format font/woff web open font format 2 font/woff2 notes web fonts are subject to the same domain restriction (font files must be on the same domain as the page using them), unless http access controls are used to relax this restriction.
CSS Color - CSS: Cascading Style Sheets
css color is a css module that deals with colors, color
types, color blending, opacity, and how you can apply these colors and effects to html content.
... reference properties color color-adjust opacity data
types <color> guides applying color to html elements using css a guide to using css to apply color to a variety of
types of content.
CSS Images - CSS: Cascading Style Sheets
css images is a module of css that defines what
types of images can be used (the <image> type, containing urls, gradients and other
types of images), how to resize them and how they, and other replaced content, interact with the different layout models.
... reference properties image-orientation image-rendering image-resolution object-fit object-position functions linear-gradient() radial-gradient() repeating-linear-gradient() repeating-radial-gradient() conic-gradient() repeating-conic-gradient() url() element() image() cross-fade() data
types <gradient> <image> guides using css gradients presents a specific type of css images, gradients, and how to create and use these.
Specificity - CSS: Cascading Style Sheets
selector
types the following list of selector
types increases by specificity: type selectors (e.g., h1) and pseudo-elements (e.g., ::before).
...but selectors placed into the pseudo-class count as normal selectors when determining the count of selector
types.
<basic-shape> - CSS: Cascading Style Sheets
if list values are not one of those
types but are identical, those values do interpolate.
... if both shapes are of type path(), both paths strings have the same number and
types of path data commands in the same order, interpolate each path data command as real numbers.
cursor - CSS: Cascading Style Sheets
more than one <url> may be provided as fallbacks, in case some cursor image
types are not supported.
...lt | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | grab | grabbing ] ] examples setting cursor
types .foo { cursor: crosshair; } .bar { cursor: zoom-in; } /* a fallback keyword value is required when using a url */ .baz { cursor: url("hyper.cur"), auto; } specifications specification status comment css basic user interface module level 3the definition of 'cursor' in that specification.
display - CSS: Cascading Style Sheets
formally, the display property sets an element's inner and outer display
types.
... global /* global values */ display: inherit; display: initial; display: unset; description the individual pages for the different
types of value that display can have set on it feature multiple examples of those values in action — see the syntax section.
<easing-function> - CSS: Cascading Style Sheets
syntax there are three
types of easing function: linear, cubic bézier curves, and staircase functions.
... the value of an <easing-function> type describes the easing function using one of those three
types.
Audio and Video Delivery - Developer guides
you can find compatibility information in the guide to media
types and formats on the web.
...the media server is not delivering the correct mime
types with the file although this is usually supported, you may need to add the following to your media server's .htaccess file.
Overview of events and handlers - Developer guides
this overview of events and event handling explains the code design pattern used to react to incidents occurring when a browser accesses a web page, and it summarizes the
types of such incidents modern web browsers can handle.
...finally, browsers define a large number of objects as event emitters and define a wide variety of event
types generated by the objects.
Introduction to HTML5 - Developer guides
this is much simpler than the former doc
types, and shorter, making it easier to remember and reducing the amount of bytes that must be downloaded.
...this was done to tighten security and prevent some
types of attacks.
HTML attribute: pattern - HTML: Hypertext Markup Language
the pattern attribute is an attribute of the text, tel, email, url, password, and search input
types.
... some of the input
types supporting the pattern attribute, notably the email and url input
types, have expected value syntaxes that must be matched.
<audio>: The Embed Audio element - HTML: Hypertext Markup Language
waiting playback has stopped because of a temporary lack of data usage notes browsers don't all support the same file
types and audio codecs; you can provide multiple sources inside nested <source> elements, and the browser will then use the first one it understands: <audio controls> <source src="myaudio.mp3" type="audio/mpeg"> <source src="myaudio.ogg" type="audio/ogg"> <p>your browser doesn't support html5 audio.
... here is a <a href="myaudio.mp4">link to the audio</a> instead.</p> </audio> we offer a substantive and thorough guide to media file
types and the audio codecs that can be used within them.
<input type="number"> - HTML: Hypertext Markup Language
you can set a default value for the input by including a number inside the value attribute, like so: <input id="number" type="number" value="42"> additional attributes in addition to the attributes commonly supported by all <input>
types, inputs of type number support these attributes: attribute description list the id of the <datalist> element that contains the optional pre-defined autocomplete options max the maximum value to accept for this input min the minimum value to accept for this input placeholder an example value to display inside the field when it's empt...
...some browsers don't display generated content very effectively on some
types of form inputs.
Content negotiation - HTTP
the accept header the accept header lists the mime
types of media resources that the agent is willing to process.
... it is comma-separated lists of mime
types, each combined with a quality factor, a parameter indicating the relative degree of preference between the different mime
types.
CSP: object-src - HTTP
to set allowed
types for <object>, <embed>, and <applet> elements, use the plugin-
types directive.
...sites needing to allow these content
types can specify them using the data attribute.
CSP: style-src - HTTP
sites needing to allow these content
types can specify them using the data attribute.
...ttribute directly, or by setting csstext: document.queryselector('div').setattribute('style', 'display:none;'); document.queryselector('div').style.csstext = 'display:none;'; however, styles properties that are set directly on the element's style property will not be blocked, allowing users to safely manipulate styles via javascript: document.queryselector('div').style.display = 'none'; these
types of manipulations can be prevented by disallowing javascript via the script-src csp directive.
Redirections in HTTP - HTTP
there are several
types of redirects, sorted into three categories: permanent redirections temporary redirections special redirections permanent redirections these redirections are meant to last forever.
... obviously, this method only works with html, and cannot be used for images or other
types of content.
Loops and iteration - JavaScript
<form name="selectform"> <p> <label for="music
types">choose some music
types, then click the button below:</label> <select id="music
types" name="music
types" multiple="multiple"> <option selected="selected">r&b</option> <option>jazz</option> <option>blues</option> <option>new age</option> <option>classical</option> <option>opera</option> </select> </p> <p><input id="btn" type="button" value="how many ...
...</form> <script> function howmany(selectobject) { let numberselected = 0; for (let i = 0; i < selectobject.options.length; i++) { if (selectobject.options[i].selected) { numberselected++; } } return numberselected; } let btn = document.getelementbyid('btn'); btn.addeventlistener('click', function() { alert('number of options selected: ' + howmany(document.selectform.music
types)); }); </script> do...while statement the do...while statement repeats until a specified condition evaluates to false.
Numbers and dates - JavaScript
see also javascript data
types and structures for context with other primitive
types in javascript.
... you can use four
types of number literals: decimal, binary, octal, and hexadecimal.
BigInt - JavaScript
d as usual: 1n < 2 // ↪ true 2n > 1 // ↪ true 2 > 2 // ↪ false 2n > 2 // ↪ false 2n >= 2 // ↪ true they may be mixed in arrays and sorted: const mixed = [4n, 6, -12n, 10, 4, 0, 0n] // ↪ [4n, 6, -12n, 10, 4, 0, 0n] mixed.sort() // default sorting behavior // ↪ [ -12n, 0, 0n, 10, 4n, 4, 6 ] mixed.sort((a, b) => a - b) // won't work since subtraction will not work with mixed
types // typeerror: can't convert bigint to number // sort with an appropriate numeric comparator mixed.sort((a, b) => (a < b) ?
... usage recommendations coercion because coercing between number and bigint can lead to loss of precision, it is recommended to only use bigint when values greater than 253 are reasonably expected and not to coerce between the two
types.
JSON - JavaScript
the reviver option allows for interpreting what the replacer has used to stand in for other data
types.
...by default, all instances of undefined are replaced with null, and other unsupported native data
types are censored.
Object.prototype.constructor - JavaScript
function type () {} let
types = [ new array(), [], new boolean(), true, // remains unchanged new date(), new error(), new function(), function () {}, math, new number(), 1, // remains unchanged new object(), {}, new regexp(), /(?:)/, new string(), 'test' // remains unchanged ] for (let i = 0; i <
types.length; i++) {
types[i].constructor = type
types...
...[i] = [
types[i].constructor,
types[i] instanceof type,
types[i].tostring()] } console.log(
types.join('\n')) this example displays the following output (comments added for reference): function type() {},false, // new array() function type() {},false, // [] function type() {},false,false // new boolean() function boolean() { [native code] },false,true // true function type() {},false,mon sep 01 2014 16:03:49 gmt+0600 // new date() function type() {},false,error // new error() function type() {},false,function anonymous() { } // new function() fun...
Proxy - JavaScript
browser' }, { name: 'seamonkey', type: 'browser' }, { name: 'thunderbird', type: 'mailer' } ], { get: function(obj, prop) { // the default behavior to return the value; prop is usually an integer if (prop in obj) { return obj[prop]; } // get the number of products; an alias of products.length if (prop === 'number') { return obj.length; } let result,
types = {}; for (let product of obj) { if (product.name === prop) { result = product; } if (
types[product.type]) {
types[product.type].push(product); } else {
types[product.type] = [product]; } } // get a product by name if (result) { return result; } // get products by type if (prop in
types) { return type...
...s[prop]; } // get product
types if (prop === '
types') { return object.keys(
types); } return undefined; } }); console.log(products[0]); // { name: 'firefox', type: 'browser' } console.log(products['firefox']); // { name: 'firefox', type: 'browser' } console.log(products['chrome']); // undefined console.log(products.browser); // [{ name: 'firefox', type: 'browser' }, { name: 'seamonkey', type: 'browser' }] console.log(products.
types); // ['browser', 'mailer'] console.log(products.number); // 3 a complete traps list example now in order to create a complete sample traps list, for didactic purposes, we will try to proxify a non-native object that is particularly suited to this type of operation: the doccookies global object created by the...
Symbol.iterator - JavaScript
some built-in
types have a default iteration behavior, while other
types (such as object) do not.
... the built-in
types with a @@iterator method are: array.prototype[@@iterator]() typedarray.prototype[@@iterator]() string.prototype[@@iterator]() map.prototype[@@iterator]() set.prototype[@@iterator]() see also iteration protocols for more information.
Symbol - JavaScript
a symbol value may be used as an identifier for object properties; this is the data type's primary purpose, although other use-cases exist, such as enabling opaque data
types, or serving as an implementation-supported unique identifier in general.
...it creates a new symbol each time: symbol('foo') === symbol('foo') // false the following syntax with the new operator will throw a typeerror: let sym = new symbol() // typeerror this prevents authors from creating an explicit symbol wrapper object instead of a new symbol value and might be surprising as creating explicit wrapper objects around primitive data
types is generally possible (for example, new boolean, new string and new number).
TypedArray.prototype.subarray() - JavaScript
the subarray() method returns a new typedarray on the same arraybuffer store and with the same element
types as for this typedarray object.
...typedarray is one of the typed array
types.
Inequality (!=) - JavaScript
unlike the strict inequality operator, it attempts to convert and compare operands that are of different
types.
... like the equality operator, the inequality operator will attempt to convert and compare operands of different
types: 3 != "3"; // false to prevent this, and require that different
types are considered to be different, use the strict inequality operator instead: 3 !== "3"; // true examples comparison with no type conversion 1 != 2; // true "hello" != "hola"; // true 1 != 1; // false "hello" != "hello"; // false comparison with type conversion "1" != 1; // false ...
new operator - JavaScript
the new operator lets developers create an instance of a user-defined object type or of one of the built-in object
types that has a constructor function.
... the object (not null, false, 3.1415 or other primitive
types) returned by the constructor function becomes the result of the whole new expression.
export - JavaScript
syntax there are two
types of exports: named exports (zero or more exports per module) default exports (one per module) // exporting individual features export let name1, name2, …, namen; // also var, const export let name1 = …, name2 = …, …, namen; // also var, const export function functionname(){...} export class classname {...} // export list export { name1, name2, …, namen }; // renaming exports expo...
... description there are two different
types of export, named and default.
Handling media support issues in web content - Web media technologies
there is a drawback, however: because there are so many to choose from, with so many different kinds of licenses and design principles involved, each web browser developer is left to its own devices when deciding which media file
types and codecs to support.
... specifying multiple sources checking compatibility in javascript htmlmediaelement.canplaytype and mediasource.is
typesupported...
Using images in HTML - Web media technologies
guides these articles provide guidance on selecting and configuring image
types.
... image file type and format guide a guide to the various image file
types commonly supported by web browsers including details about their individual use cases, capabilities, and compatibility factors.
Web media technologies
guide to media
types and formats on the web a guide to the file
types and codecs available for images, audio, and video media on the web.
... this includes recommendations for what formats to use for what kinds of content, best practices including how to provide fallbacks and how to prioritize media
types, and also includes general browser support information for each media container and codec.
Web Performance
we cover them in this section: key performance guides animation performance and frame rateanimation on the web can be done via svg, javascript, including <canvas> and webgl, css animation, <video>, animated gifs and even animated pngs and other image
types.
... user timing api create application specific timestamps using the user timing api's "mark" and "measure" entry
types - that are part of the browser's performance timeline.
contentScriptType - SVG: Scalable Vector Graphics
the value specifies a media type, per mime part two: media
types [rfc2046].
... usage notes value one of the content
types specified in the media
types default value application/ecmascript animatable no specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'contentscripttype' in that specification.
contentStyleType - SVG: Scalable Vector Graphics
the value specifies a media type, per mime part two: media
types [rfc2046].
... usage notes value one of the content
types specified in the media
types default value text/css animatable no since css is the only widely deployed style sheet language for online styling and it's already defined as default value if contentstyletype is ommitted, the attribute is not well supported in user agents.
Namespaces crash course - SVG: Scalable Vector Graphics
background it has been a long standing goal of the w3c to make it possible for different
types of xml based content to be mixed together in the same xml file.
...being able to mix content
types like this has many advantages, but it also required a very real problem to be solved.
Getting started - SVG: Scalable Vector Graphics
(firefox users: click here) the rendering process involves the following: we start with the <svg> root element: a doctype declaration as known from (x)html should be left off because dtd based svg validation leads to more problems than it solves before svg 2, to identify the version of the svg for other
types of validation the version and baseprofile attributes should always be used instead.
... svg file
types svg files come in two flavors.
Tutorials
this module looks at the cascade and inheritance, all the selector
types we have available, units, sizing, styling backgrounds and borders, debugging, and lots more.
... javascript building blocks in this module, we continue our coverage of all javascript's key fundamental features, turning our attention to commonly-encountered
types of code block such as conditional statements, loops, functions, and events.
core/heritage - Archive of obsolete content
} }); var pink = color('ffc0cb'); // rgb pink.red() // => 255 pink.green() // => 192 pink.blue() // => 203 // cmyk pink.magenta() // => 0.2471 pink.yellow() // => 0.2039 pink.cyan() // => 0.0000 pink instanceof color // => true be aware though that it's not multiple inheritance and ancestors proto
types of the classes passed under implements option are ignored.
lang/type - Archive of obsolete content
source(value, indent, limit) returns the textual representation of value, containing property descriptors and
types of properties contained within the object.
window/utils - Archive of obsolete content
in particular: null: get all window
types navigator:browser: get "normal" browser windows devtools:scratchpad: get scratchpad windows navigator:view-source: get view source windows if you're not also passing options, you can omit this, and it's the same as passing null.
Localization - Archive of obsolete content
now when the browser's locale is set to "en-us", users see this in the add-ons manager: when the browser's locale is set to "fr", they see this: the menulist and the radio preference
types have options.
Inline options - Archive of obsolete content
setting
types there are several
types of <setting>s, each with a different type attribute: type attribute displayed as preference stored as bool checkbox boolean boolint checkbox integer (use the attributes on and off to specify what values to store) integer textbox integer string textbox string color colorpicker string...
Adding windows and dialogs - Archive of obsolete content
common dialogs and the prompt service there are several
types of dialogs that are fairly common, so there are ways to create them easily without having to reinvent the wheel and write all their xul and js code all over again.
Appendix C: Avoiding using eval in Add-ons - Archive of obsolete content
ue, true); document.getelementbyid("mymenu").dispatchevent(event); // fake a mouse click var mouseevent = document.createevent("mouseevents"); event.initmouseevent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); document.getelementbyid("mylabel").dispatchevent(mouseevent); please see the corresponding documentation on how to use and initialize particular event
types.
The Box Model - Archive of obsolete content
it is important to know how it works in order to make interfaces that are easy to localize, skin and use in different
types of operating systems, screen sizes and resolutions.
Adding preferences to an extension - Archive of obsolete content
settings"> <preferences> <preference id="pref_symbol" name="extensions.stockwatcher2.symbol" type="string"/> </preferences> <hbox align="center"> <label control="symbol" value="stock to watch: "/> <textbox preference="pref_symbol" id="symbol" maxlength="4"/> </hbox> </prefpane> </prefwindow> the <preferences> block establishes all the settings we implement as well as their
types.
Index of archived content - Archive of obsolete content
ocesses getting started modules private properties firefox compatibility module structure of the sdk porting the library detector program id sdk api lifecycle sdk and xul comparison testing the add-on sdk two
types of scripts working with events xul migration guide high-level apis addon-page base64 clipboard context-menu hotkeys indexed-db l10n notifications page-mod page-work...
MCD, Mission Control Desktop, AKA AutoConfig - Archive of obsolete content
3850 01-01-2010 00:00 defaults/profile/bookmarks.html 869 01-01-2010 00:00 defaults/profile/chrome/usercontent-example.css 1165 01-01-2010 00:00 defaults/profile/chrome/userchrome-example.css 366 01-01-2010 00:00 defaults/profile/localstore.rdf 569 01-01-2010 00:00 defaults/profile/mime
types.rdf 76 01-01-2010 00:00 defaults/preferences/firefox-l10n.js 91656 01-01-2010 00:00 defaults/preferences/firefox.js 1593 01-01-2010 00:00 defaults/preferences/firefox-branding.js 473 01-01-2010 00:00 defaults/profile/prefs.js unlike old thunderbird 8, firefox 8 didn't include prefcalls.js in omni.jar , but other .js files though: [root@arvouin firefox]# jar ...
Dehydra Function Reference - Archive of obsolete content
decl is a variable type object representing the function being processed body is an array of {loc:, statements:array of variable
types} representing an outline of the function stripped down to variables, function calls and assignments.
Using Dehydra - Archive of obsolete content
example: printing the location of type declarations save the following c++ code dump
types.cc: typedef int myint; struct foo { int i; char *c; }; save the following analysis script dump
types.js: function process_type(t) { print("type found: " + t.name + " location: " + t.loc); } function input_end() { print("hello, world!"); } compile using the following command: $ g++ -fplugin=~/dehydra/gcc_dehydra.so -fplugin-arg=~/dump
types.js -o/dev/null -c dump
types.cc note:for g++4.5 and up use -fplugin-arg-gcc_dehydra-script= rather than -fplugin-arg it should print the following results: type fou...
Drag and Drop JavaScript Wrapper - Archive of obsolete content
var textobserver = { ondrop : function (event, transferdata, session) { event.target.setattribute("value",transferdata.data); } } the flavour system used allows multiple objects of various
types to be dragged at once and also allows alternative forms of the data to be dragged.
Editor Embedding Guide - Archive of obsolete content
nscomptr<nsieditingsession> editingsession; nsiwebbrowser->do_getinterface(getter_addrefs(editingsession)); if (editingsession) editingsession->makewindoweditable(domwindow, "html", pr_true); the valid editor
types are: "text" (similar to notepad or a textarea; does not allow for html) "textmail" (similar to "text" but html can be inserted; intended for plaintext mail usage and handling of citations) "html" (this is the default type if no type is specified; it allows for all html tags to be inserted) "htmlmail" (this is much like "html" except there are a few editing rules/behaviors that differ such a...
Code snippets - Archive of obsolete content
vices-sync/main.js"); components.utils.import("resource://services-sync/record.js"); let recordtype = weave.engines.get(collection)._recordobj; let coll = new collection(weave.service.storageurl + collection, recordtype); coll.full = true; coll.ids = [id]; coll.recordhandler = function(item) { item.collection = collection; item.decrypt(); console.log(item.cleartext); }; coll.get(); count
types of bookmark records components.utils.import("resource://services-sync/main.js"); components.utils.import("resource://services-sync/record.js"); let deleted = 0; let items = {}; let collection = "bookmarks"; let recordtype = weave.engines.get(collection)._recordobj; let coll = new collection(weave.service.storageurl + collection, recordtype); coll.full = true; coll.limit = n...
Creating a Help Content Pack - Archive of obsolete content
e, the following code uses a datasource outside the content pack you have created to include the article in a table of contents: <rdf:li> <rdf:description nc:panelid="toc" nc:datasources="chrome://help/locale/help-toc.rdf chrome://foo/locale/help/glossary.rdf"/> </rdf:li> each of the different data source
types (toc, index, glossary, and search) may be used multiple times (and in the case of platform-specific information, must be used multiple times).
Mozilla Crypto FAQ - Archive of obsolete content
export regulations were in essence a licensing scheme designed to impede or prohibit certain
types of speech (e.g., publishing cryptographic source code in electronic form), and were therefore unconstitutional under the first amendment to the u.s.
String Quick Reference - Archive of obsolete content
ng); // use widestring again, but need a const prunichar* callwidewithflatstring(widestring.get()); // inline the string with ns_literal_string callwidefunction(ns_literal_string("another string")); converting literal strings to string objects what: converting from const prunichar*/const char* to the appropriate string type why: avoid making extra copies of strings, just to convert between
types!
Tamarin mercurial commit hook - Archive of obsolete content
the hook is located in the tamarin-redux repository in the file utils/hooks/tamarin-commit-hook.py this is a simple mercurial hook that checks the following file
types ('.cpp', '.h', '.as', '.abs', '.py') for the following: tabs anywhere in the line trailing whitespace windows line endings (\r\n) "mark_security_change" - looks for this text and warns user as security changes should not be checked into the public tamarin-redux repository.
URIs and URLs - Archive of obsolete content
resources are identified by uri "uniform resource identifier" (taken from rfc 2396): uniform uniformity provides several benefits: it allows different
types of resource identifiers to be used in the same context, even when the mechanisms used to access those resources may differ; it allows uniform semantic interpretation of common syntactic conventions across different
types of resource identifiers; it allows introduction of new
types of resource identifiers without interfering with the way that existing identifiers are used; and, it allows the identifiers to be reused in many different contexts...
Elements - Archive of obsolete content
the following xul display
types may be used: browser, button, checkbox, description, editor, grippy, iframe, image, label, menu, menuitem, menubar, progressmeter, radio, resizer, scrollbar, scrollbox, spacer, splitter, titlebar, treechildren and treecol.
Install script template - Archive of obsolete content
errorcode="+myregstatus); return myregstatus; } ///////////////////////////////// // write the subkey mime
types // /////////////////////////////// var mymimetypepath = mymozillapluginpath+"\\mime
types"; myregstatus = winreg.createkey(mymimetypepath, ""); if (myregstatus != 0) { logcomment("moz registerplid: could not create the subkey mime
types, "+mymimetypepath+" as expected.
A XUL Bestiary - Archive of obsolete content
there are, unfortunately, different document object models corresponding to different
types of documents and also to different proprietary notions about what in a document should be exposed programmatically.
autofill - Archive of obsolete content
« xul reference home autofill new in thunderbird 3 requires seamonkey 2.0 type: boolean if set to true, the best match will be filled into the textbox as the user
types.
textbox.autoFill - Archive of obsolete content
« xul reference home autofill obsolete since gecko 1.9.1 type: boolean note: applies to: thunderbird and seamonkeyif set to true, the best match will be filled into the textbox as the user
types.
More Button Features - Archive of obsolete content
example 3 : source view <button label="left" image="happy.png"/> <button label="right" image="happy.png" dir="reverse"/> <button label="above" image="happy.png" orient="vertical"/> <button label="below" image="happy.png" orient="vertical" dir="reverse"/> the example here shows all four
types of alignment of buttons.
More Event Handlers - Archive of obsolete content
example 3 : source view <button label="
types" type="menu"> <menupopup onpopupshowing="event.preventdefault();"> <menuitem label="glass"/> <menuitem label="plastic"/> </menupopup> </button> alternatively, for attribute event listeners, you can just return false from the code.
XUL Tutorial - Archive of obsolete content
ata skins and locales adding style sheets styling a tree modifying the default skin creating a skin skinning xul files by hand localization property files bindings introduction to xbl anonymous content xbl attribute inheritance adding properties adding methods adding event handlers xbl inheritance creating reusable content using css and xbl xbl example specialized window
types features of a window creating dialogs open and save dialogs creating a wizard more wizards overlays cross package overlays installation creating an installer install scripts additional install features this xul tutorial was originally created by neil deakin.
Using Remote XUL - Archive of obsolete content
for apache, you can do this by adding the following line to your mime.
types file: application/vnd.mozilla.xul+xml .xul alternately, add this line to your httpd.conf file or, if the apache server is configured to allow it, to the .htaccess file in the directory from which the xul file is served: addtype application/vnd.mozilla.xul+xml .xul then restart your web server.
Creating a Windows Inno Setup installer for XULRunner applications - Archive of obsolete content
_started_with_xulrunner appupdatesurl=http://developer.mozilla.org/en/docs/getting_started_with_xulrunner defaultdirname={pf}\my app defaultgroupname=my app allownoicons=yes outputdir=..\build\output outputbasefilename=myapp-1.0-win32 ; setupiconfile= compression=lzma solidcompression=yes [languages] name: english; messagesfile: compiler:default.isl [components] name: main; description: my app;
types: full compact custom; flags: fixed name: runtime; description: xul runner runtime;
types: full custom [tasks] name: desktopicon; description: {cm:createdesktopicon}; groupdescription: {cm:additionalicons}; flags: unchecked name: quicklaunchicon; description: {cm:createquicklaunchicon}; groupdescription: {cm:additionalicons}; flags: unchecked [files] source: c:\develop\xulrunnerinstaller\myapp\m...
Deploying XULRunner - Archive of obsolete content
et.yourcompany.yourapplication</string> <key>cfbundleinfodictionaryversion</key> <string>6.0</string> <key>cfbundlename</key> <string>applicationname</string> <key>cfbundlepackagetype</key> <string>appl</string> <key>cfbundleshortversionstring</key> <string>1.0</string> <key>cfbundlesignature</key> <string>????</string> <!--only useful if your app handle urls--> <key>cfbundleurl
types</key> <array> <dict> <key>cfbundleurliconfile</key> <string>app_icon.icns</string> <key>cfbundleurlname</key> <string>yourapp entity</string> <key>cfbundleurlschemes</key> <array> <string>chrome</string> </array> </dict> </array> <key>cfbundleversion</key> <string>1.0</string> </dict> </plist> here's a sample of the pkginfo file aapl????
reftest opportunities files - Archive of obsolete content
rmelem http://dbaron.org/css/test/sec010303 http://dbaron.org/css/test/sec0302 http://dbaron.org/css/test/sec0302_xml http://dbaron.org/css/test/parsing http://dbaron.org/css/test/parsing2 http://dbaron.org/css/test/parsing4 http://dbaron.org/css/test/parsing5 http://dbaron.org/css/test/parsing6 http://dbaron.org/css/test/sec040102 http://dbaron.org/css/test/casesens http://dbaron.org/css/test/xml
typesel http://dbaron.org/css/test/unitless http://dbaron.org/css/test/exunit http://dbaron.org/css/test/emunit http://dbaron.org/css/test/sec040310 http://dbaron.org/css/test/parsing3 http://dbaron.org/css/test/selector_confusion http://dbaron.org/css/test/univsel http://dbaron.org/css/test/childsel http://dbaron.org/css/test/sibsel http://dbaron.org/css/test/attrsel http://dbaron.org/css/test/twoclas...
2006-11-24 - Archive of obsolete content
gecko 1.9 intl rendering peformance november 20th: boris zbarskyannounced that: we need to create an intl performance page set or multiple intl performance page sets and run at least the pageload tests for all of these pagesets, and preferably also some sort of dhtml tests using pages of the different
types.
NPObject - Archive of obsolete content
syntax struct npobject { npclass *_class; uint32_t referencecount; /* * additional space may be allocated here by
types of npobjects */ }; fields _class a pointer to the npclass of which the object is a member.
Theme changes in Firefox 2 - Archive of obsolete content
ected="true"] .updateicon .updateicon[severity="0"] .updateicon[severity="1"] .updateicon[severity="2"] .updateindicator > label .updateindicator[updatecount="0"] .updateitemchecked .updateitemchecked .checkbox-label-box .updateitemfromlabel .updateitemicon .updateitemicon .updateitemname .updateitemnamerow .updateitemurl .warning radio[type="update-type"] radiogroup[type="update-
types"] toolbarbutton[type="updates"] toolbarbutton[type="updates"] > .toolbarbutton-icon toolbarbutton[type="updates"][severity="0"] > .toolbarbutton-icon toolbarbutton[type="updates"][severity="1"] > .toolbarbutton-icon toolbarbutton[type="updates"][severity="2"] > .toolbarbutton-icon toolbarbutton[type="updates"][updatecount="0"] updateitem the following styles were also added: .alertbox...
-ms-filter - Archive of obsolete content
syntax the -ms-filter property is specified as a string that contains a list of one or more items, separated by spaces, of the following
types: filters transitions procedural surfaces formal syntax filter: <-ms-filter-function>+ -ms-filter: [ "'" <-ms-filter-function># "'" ] | [ '"' <-ms-filter-function># '"' ] where <-ms-filter-function> = <-ms-filter-function-progid> | <-ms-filter-function-legacy> where <-ms-filter-function-progid> = 'progid:' [ <ident-token> '.' ]* [ <ident-token> | <function-token> <any-value> ')' ] <-ms-f...
-ms-scroll-snap-points-x - Archive of obsolete content
formal syntax snapinterval( <length-percentage>, <length-percentage> ) | snaplist( <length-percentage># )where <length-percentage> = <length> | <percentage> examples this example demonstrates both
types of values for the -ms-scroll-snap-points-x property.
-ms-scroll-snap-points-y - Archive of obsolete content
formal syntax snapinterval( <length-percentage>, <length-percentage> ) | snaplist( <length-percentage># )where <length-percentage> = <length> | <percentage> examples this example demonstrates both
types of values for the -ms-scroll-snap-points-y property.
Accessing XML children - Archive of obsolete content
list[1] = "green"; changes the xml document to read <foo> <bar baz="1">red</bar> <bar baz="2">green</bar> </foo> special
types of nodes xml objects have methods for accessing xml lists of certain common
types of nodes as well.
JavaArray - Archive of obsolete content
for example: var javastring = new java.lang.string("hello world!"); var bytearray = javastring.getbytes(); bytearray[0] // returns 72 bytearray[1] // returns 101 any java data brought into javascript is converted to javascript data
types.
XForms Output Element - Archive of obsolete content
representations the xforms output element can be represented by the following widgets for the specified data
types (or
types derived from these data
types): text - default representation for instance data of most
types, especially static text (xhtml/xul).
Web Standards - Archive of obsolete content
designing and building with these standards simplifies and lowers the cost of production, while delivering sites that are accessible to more people and more
types of internet devices.
XQuery - Archive of obsolete content
notes for developers wishing to access xquery in their own extensions at present, the extension works simply by using liveconnect to work with berkeley db xml's java api (and via a java wrapper class which circumvents liveconnect's current inability to handle some
types of java exceptions properly).
Player paddle and controls - Game development
in our case the world is the same as the canvas, but for other
types of games, like side-scrollers for example, the world will be bigger, and you can tinker with it to create interesting effects.
Tutorials - Game development
this page contains multiple tutorial series that highlight different workflows for effectively creating different
types of web games.
Visual JS GE - Game development
the server is based on node.js vs mysql, the client made in four variant on a javascript frameworks for 2d canvas js , three.js , webgl2 vs glmatrix and 2d canvas with matter.js in
typescript to complete the stack.
Gecko FAQ - Gecko Redirect 1
gecko also offers the ability to parse various document
types (html, xml, svg, etc), advanced rendering capabilities including compositing and transformations, and support for embedded javascript and plugins.
Cascade and inheritance - Learn web development
essentially a value in points is awarded to different
types of selectors, and adding these up gives you the weight of that particular selector, which can then be assessed against other potential matches.
Legacy layout methods - Learn web development
this knowledge will be helpful to you if you need to create fallback code for browsers that do not support newer methods, in addition to allowing you to work on existing projects which use these
types of systems.
How CSS is structured - Learn web development
there are also other shorthand
types, for example 2-value shorthands, which set padding/margin for top/bottom, then left/right */ padding: 10px 15px 15px 5px; is equivalent to these four lines of code: padding-top: 10px; padding-right: 15px; padding-bottom: 15px; padding-left: 5px; this one line: background: red url(bg-graphic.png) 10px 10px repeat-x fixed; is equivalent to these five lines: background-color: red; backgroun...
Styling text - Learn web development
typesetting a community school homepage in this assessment we'll test your understanding of styling text by getting you to style the text for a community school's homepage.
Your first form - Learn web development
overview: forms next in this module your first form how to structure a web form basic native form controls the html5 input
types other form controls styling web forms advanced form styling ui pseudo-classes client-side form validation sending form data advanced topics how to build custom form controls sending forms through javascript property compatibility table for form widgets ...
Adding vector graphics to the Web - Learn web development
on the web, you'll work with two
types of image — raster images, and vector images: raster images are defined using a grid of pixels — a raster image file contains information showing exactly where each pixel is to be placed, and exactly what color it should be.
HTML table basics - Learn web development
a table allows you to quickly and easily look up values that indicate some kind of connection between different
types of data, for example a person and their age, or a day of the week, or the timetable for a local swimming pool.
JavaScript building blocks - Learn web development
in this module, we continue our coverage of all javascript's key fundamental features, turning our attention to commonly-encountered
types of code blocks such as conditional statements, loops, functions, and events.
Ember Interactivity: Footer functionality, conditional rendering - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Ember interactivity: Events, classes and state - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Ember resources and troubleshooting - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Routing in Ember - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Ember app structure and componentization - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Accessibility in React - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Componentizing our React app - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Getting started with React - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
React interactivity: Events and state - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
React resources - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Beginning our React todo list - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Starting our Svelte Todo list app - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Componentizing our Svelte app - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Dynamic behavior in Svelte: working with variables and props - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Using Vue computed properties - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Vue conditional rendering: editing existing todos - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Focus management with Vue refs - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Rendering a list of Vue components - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Vue resources - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Styling Vue components with CSS - Learn web development
vue computed properties vue conditional rendering: editing existing todos focus management with vue refs vue resources svelte getting started with svelte starting our svelte todo list app dynamic behavior in svelte: working with variables and props componentizing our svelte app advanced svelte: reactivity, lifecycle, accessibility working with svelte stores
typescript support in svelte deployment and next steps ...
Introduction to cross browser testing - Learn web development
overview: cross browser testing next this article starts the module off by providing an overview of the topic of (cross) browser testing, answering questions such as "what is cross browser testing?", "what are the most common
types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages.
Strategies for carrying out testing - Learn web development
previous overview: cross browser testing next this article starts the module off by providing an overview of the topic of (cross) browser testing, answering questions such as "what is cross-browser testing?", "what are the most common
types of problems you'll encounter?", and "what are the main approaches for testing, identifying, and fixing problems?" prerequisites: familiarity with the core html, css, and javascript languages; an idea of the high level principles of cross-browser testing.
Embedding API for Accessibility
/ no browse with caret setboolpref("accessibility.browsewithcaret", usecaret); /* if this pref is set, the caret will be visible in the text of the browser, allowing the user to cursor around the html content as if in a read-only editor */ moz 0.9 special content notifications the w3c uaag specifies
types of content that must be optional.
Software accessibility: Where are we today?
when the user
types something on the keyboard, or when an application displays text or images on the screen, the exact meaning of these actions is determined by the context in which they take place.
Mozilla’s UAAG evaluation report
css: text-indent: yes css: text-align: yes css: word-spacing: yes css: letter-spacing: yes css: font-stretch: ni css: margin: yes css: float: yes css: position: yes css: !important: yes css: system fonts: yes css: system colors: yes css: list
types: yes css: outline: no css: :before, :after, content: p(oor) 8.2 conform to specifications.
Accessibility and Mozilla
all accessibility apis to date define a list of possible object roles, or general
types, such as button, menu item, text, etc.
Debugging JavaScript
strict code checking if you set the pref javascript.options.strict to true, the javascript engine gives you more
types of warnings on the error console, most of which hint at code bugs that are easy to oversee or even bad syntax.
Debugging Table Reflow
the following constraint
types are known: enoconstraint = 0, epixelconstraint = 1, // pixel width epercentconstraint = 2, // percent width eproportionconstraint = 3, // 1*, 2*, etc.
Configuring Build Options
mozconfig contains two
types of options: options prefixed with mk_add_options are passed to client.mk.
How Mozilla's build system works
examples standard makefile header installing headers using exports compiling interfaces using xpidlsrcs installing a javascript component building a component dll building a static library building a dynamic library makefiles - best practices and suggestions makefile - targets makefile - variables, values makefile - *.mk files & user config building libraries there are three main
types of libraries that are built in mozilla: components are shared libraries (except in static builds), which are installed to dist/bin/components.
Old Thunderbird build
first, cd into the comm-central subdirectory (created automatically by the previous command): cd comm-central then run: python client.py checkout on some
types of network connections, "hg clone" might fail because it gets interrupted.
Inner and outer windows
in order to represent these levels of complexity, two "
types" of window need to be considered.
SVG Guidelines
you shouldn't include doc
types in your svgs either; they are a source of many issues, and the svg wg recommends not to include them.
Experimental features in Firefox
nightly 55 no developer edition 55 no beta 55 no release 55 no preference name dom.payments.request.enabled and dom.payments.request.supportedregions basic card api extends the payment request api with dictionaries that define data structures describing card payment
types and payment responses.
Message manager overview
there are three different sub
types of frame message manager: the global message manager, the window message manager, and the browser message manager.
Overview of Mozilla embedding APIs
do_queryinterface this is a helper class which works in conjunction with nscomptr to perform a simplified call to nsisupports::queryinterface(...) with a
typesafe assignment.
Script security
security principals there are four
types of security principal: the system principal, content principals, expanded principals, and the null principal.
HTTP Cache
currently we have 3
types of storages, all the access methods return an nsicachestorage object: memory-only (memorycachestorage): stores data only in a memory cache, data in this storage are never put to disk disk (diskcachestorage): stores data on disk, but for existing entries also looks into the memory-only storage; when instructed via a special argument also primarily looks into application cac...
How to Report a Hung Firefox
vigator:browser"); let browser = win.gbrowser.selectedbrowser; if (browser.isremotebrowser) { browser.messagemanager.loadframescript('data:,let appinfo = components.classes["@mozilla.org/xre/app-info;1"];if (appinfo && appinfo.getservice(components.interfaces.nsixulruntime).processtype != components.interfaces.nsixulruntime.process_type_default) {components.utils.import("resource://gre/modules/c
types.jsm");var zero = new c
types.intptr_t(8);var badptr = c
types.cast(zero, c
types.pointertype(c
types.int32_t));var crash = badptr.contents;}', true); } other techniques on os x if you use a nightly build (>= firefox 16), you can use activity monitor's "sample process" feature to generate a sample.
Introduction to Layout in Mozilla
may not be directly manipulated detailed walk-through setting up content model construction frame construction style resolution reflow painting setting up assume basic knowledge of embedding and network apis (doc shell, streams) content dll auto-registers a document loader factory (dlf) @mozilla.org/content-viewer-factory/view;1?type=text/html all mime
types mapped to the same class, nscontentdlf nsdocshell receives inbound content via nsdsuricontentlistener invokes nsidlf::createinstance, passes mime type to dlf nscontentdlf creates a nshtmldocument object, invokes startdocumentload.
Addon
the interface can represent many different kinds of add-ons and as such, some of the methods and properties are considered "required" and others "optional," which means that the optional methods or property may not exist on addon instances for some
types of add-ons.
Add-on Manager
the apis are designed to be generic and support many different
types of add-ons.
API-provided widgets
possible
types are button for simple button widgets (the default) view for buttons that open a panel or subview, depending on where they are placed.
Http.jsm
postdata can be of 2 different
types: a string or an array of parameters.
Task.jsm
promise spawn( atask ); parameters atask this parameter accepts different data
types: if you specify a generator function, it is called with no arguments to retrieve the associated iterator.
Using JavaScript code modules
scope 1: components.utils.import("resource://app/my_module.jsm"); bar = "foo"; alert(bar); // displays "foo" scope 2: components.utils.import("resource://app/my_module.jsm"); alert(bar); // displays "[object object]" the main effect of the by-value copy is that global variables of simple
types won't be shared across scopes.
Using workers in JavaScript code modules
it works exactly like a standard worker, except that it has access to js-c
types via a global c
types object available in the global scope of the worker obsolete since gecko 8.0 (firefox 8.0 / thunderbird 8.0 / seamonkey 2.5)this feature is obsolete.
Index
27 localizing without a specialized tool from the create a new localization document, an interested localizer can follow a technical step-by-step process that starts the localization process by focusing on how to localize two of the primary
types of localization files (dtd and properties) used in the mozilla source code.
Localizing without a specialized tool
from the create a new localization document, an interested localizer can follow a technical step-by-step process that starts the localization process by focusing on how to localize two of the primary
types of localization files (dtd and properties) used in the mozilla source code.
Localization quick start guide
note: this guide is written for two
types of contributors: those starting a new localization and those joining an existing localization.
Localization formats
wiki blogging, documentation, and other
types of mozilla content often surface as wikis.
Basics
f ( 4 ) ( η ) , a ≤ η ≤ b | x | = { - x if x < 0 x otherwise you can also
typeset 2d mathematical constructs such as matrices.
MathML Screenshots
screen captures of mtable, showing
typesetting mathematical constructs in 2d.
Mozilla Web Developer FAQ
since also other contemporary browsers have a standards mode, activating the standards mode or the almost standards mode in other browsers as well (using the above-mentioned exact doc
types) is the best way to get consistent css layout results across different browsers.
Leak-hunting strategies and tips
(by most of the leaks, i mean the leaks of large numbers of different
types of objects or leaks of objects that are known to entrain many non-logged objects such as js objects.
Measuring performance using the PerfMeasurement.jsm code module
for instance, let's measure instructions executed, cache references, and cache misses: let monitor = new perfmeasurement(perfmeasurement.cpu_cycles | perfmeasurement.cache_references | perfmeasurement.cache_misses); this creates a new perfmeasurement object, configured to record the specified event
types.
Profiling with Xperf
all lead to the same summary graphs), 3
types of allocations are listed -- aifi, aifo, aofi.
Refcount tracing and balancing
xpcom_mem_log_classes this variable should contain a comma-separated list of names which will be used to compare against the
types of the objects being logged.
Firefox Sync
the exact
types of information synced is user-configurable in the browser's preferences or options page.
AsyncTestUtils extended framework
if you have the following
types of listeners you can use the following pre-defined helpers: nsiurllistener: asyncurllistener (predefined).
Optimizing Applications For NSPR
nspr functions returning floating point
types and structs by value, including the derived
types print64, are declared <tt>__pascal</tt>.
Dynamic Library Linking
library linking
types these data
types are defined for dynamic library linking: prlibrary prstaticlinktable library linking functions the library linking functions are: pr_setlibrarypath pr_getlibrarypath pr_getlibraryname pr_freelibraryname pr_loadlibrary pr_unloadlibrary pr_findsymbol pr_findsymbolandlibrary finding symbols defined in the main executable program pr_loadlibrary cannot open a handle that references the main executable program.
Hash Tables
hash table
types and constants hash table functions hash table
types and constants plhashentry plhashtable plhashnumber plhashfunction plhashcomparator plhashenumerator plhashallocops hash table functions pl_newhashtable pl_hashtabledestroy pl_hashtableadd pl_hashtableremove pl_hashtablelookup pl_hashtableenumerateentries pl_hashstring pl_comparestrings pl_comparevalues see also xpcom hashtable guide...
I/O Functions
for information about the
types most commonly used with the functions described in this chapter, see i/o
types.
Introduction to NSPR
nspr naming conventions naming of nspr
types, functions, and macros follows the following conventions:
types exported by nspr begin with pr and are followed by intercap-style declarations, like this: print, prfiledesc function definitions begin with pr_ and are followed by intercap-style declarations, like this: pr_read, pr_jointhread preprocessor macros begin with the letters pr and are followed by all uppercase characters separated w...
Linked Lists
linked list
types linked list macros linked list
types the prclist type represents a circular linked list.
Long Long (64-bit) Integers
64-bit integer
types nspr provides two
types to represent 64-bit integers: print64 pruint64 64-bit integer functions the api defined for the 64-bit integer functions is consistent across all supported platforms.
NSPR Error Handling
error type error functions error codes for information on naming conventions for nspr
types, functions, and macros, see nspr naming conventions.
PRFileDesc
for more details about the use of prfiledesc and related structures, see file descriptor
types.
PRFloat64
syntax #include <pr
types.h> typedef double prfloat64; ...
PRIOMethods
not all functions in the methods table are implemented for all
types of files.
PRInt16
syntax #include <pr
types.h> typedefdefinition print16; ...
PRInt8
syntax #include <pr
types.h> typedef definition print8; ...
PRPackedBool
syntax #include <pr
types.h> typedef pruint8 prpackedbool; description use prpackedbool within structures.
PRPtrdiff
syntax #include <pr
types.h> typedef ptrdiff_t prptrdiff; ...
PRSize
syntax #include <pr
types.h> typedef size_t prsize; ...
PRStatus
syntax #include <pr
types.h> typedef enum { pr_failure = -1, pr_success = 0 } prstatus; ...
PRUint16
syntax #include <pr
types.h> typedefdefinition pruint16; ...
PRUint8
syntax #include <pr
types.h> typedefdefinition pruint8; ...
PRUptrdiff
syntax #include <pr
types.h> typedef unsigned long pruptrdiff; ...
PR_CALLBACK
syntax #include <pr
types.h>type pr_callbackimplementation description functions that are implemented in an application (or shared library) that are intended to be called from another shared library (such as nspr) must be declared with the pr_callback attribute.
Process Management and Interprocess Communication
process management
types and constants the
types defined for process management are: prprocess prprocessattr process management functions the process manipulation function fall into these categories: setting the attributes of a new process creating and managing processes setting the attributes of a new process the functions that create and manipulate attribute sets of new processes are: pr_newprocessat...
Thread Pools
thread pool
types thread pool functions thread pool
types prjobiodesc prjobfn prthreadpool prjob thread pool functions pr_createthreadpool pr_queuejob pr_queuejob_read pr_queuejob_write pr_queuejob_accept pr_queuejob_connect pr_queuejob_timer pr_canceljob pr_joinjob pr_shutdownthreadpool pr_jointhreadpool ...
Encrypt Decrypt MAC Keys As Session Objects
nd .header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes .enc and .header\n", ""); fprintf(stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_
typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * generatesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *ke...
Encrypt and decrypt MAC using token
nd .header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes .enc and .header\n", ""); fprintf(stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_
typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * generatesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *ke...
Using JSS
jss dependencies core library name description binary release location nspr4 nspr os abstraction layer http://ftp.mozilla.org/pub/mozilla.org/nspr/releases plc4 nspr standard c library replacement functions plds4 nspr data structure
types nss3 nss crypto, pkcs #11, and utilities http://ftp.mozilla.org/pub/mozilla.org/security/nss/releases ssl3 nss ssl library smime3 nss s/mime functions and
types nssckbi pkcs #11 module containing built-in root ca certificates.
JSS
jss also provides a pure java interface for asn.1
types and ber/der encoding.
NSS_3.12.2_release_notes.html
bug 444974: crash upon reinsertion of e-identity smartcard bug 447563: modutil -add prints no error explanation on failure bug 448431: pk11_createmergelog() declaration causes gcc warning when compiling with -wstrict-proto
types bug 449334: pk12util has duplicate options letters bug 449725: signver is still using static libraries.
NSS 3.12.4 release notes
few remaining issues with nss's new revocation flags bug 489710: byteswap optimize for msvc++ bug 490154: cryptokey framework requires module to implement generatekey when they support keypairgeneration bug 491044: remove support for vms (a.k.a., openvms) from nss bug 491174: cert_pkixverifycert reports wrong error code when ee cert is expired bug 491919: cert.h doesn't have valid functions proto
types bug 492131: a failure to import a cert from a p12 file leaves error code set to zero bug 492385: crash freeing named crl entry on shutdown bug 493135: bltest crashes if it can't open the input file bug 493364: can't build with --disable-dbm option when not cross-compiling bug 493693: sse2 instructions for bignum are not implemented on os/2 bug 493912: sqlite3_reset should be invoked in sdb_findob...
NSS 3.12.6 release notes
ssl_getimplementedciphers ssl_getnumimplementedciphers ssl_handshakenegotiatedextension new error codes in sslerr.h ssl_error_unsafe_negotiation ssl_error_rx_unexpected_uncompressed_record new
types in sslt.h sslextensiontype new environment variables sqlite_force_proxy_locking 1 means force always use proxy, 0 means never use proxy, null means use proxy for non-local files only.
NSS 3.14.1 release notes
new functions in ocspt.h cert_createocspsingleresponsegood cert_createocspsingleresponseunknown cert_createocspsingleresponserevoked cert_createencodedocspsuccessresponse cert_createencodedocsperrorresponse new
types in ocspt.h certocspresponderidtype notable changes in nss 3.14.1 windows ce support has been removed from the code base.
NSS 3.14.2 release notes
new
types: in certt.h cert_pi_useonlytrustanchors in secoidt.h sec_oid_ms_ext_key_usage_ctl_signing notable changes in nss 3.14.2 bug 805604 - support for aes-ni and avx accelerated aes-gcm was contributed by shay gueron of intel.
NSS 3.14.3 release notes
new
types ck_nss_mac_constant_time_params - parameters for use with ckm_nss_hmac_constant_time and ckm_nss_ssl3_mac_constant_time.
NSS 3.14 release notes
the following
types have been added in nss 3.14 certchainverifycallback (in certt.h) certchainverifycallbackfunc (in certt.h) cert_pi_chainverifycallback, a new option for certvalparamintype (in certt.h) a new error code: sec_error_application_callback_error (in secerr.h) new for pkcs #11 pkcs #11 mechanisms: ckm_aes_cts ckm_ae...
NSS 3.15.1 release notes
new
types in sslprot.h ssl_library_version_tls_1_2 - the protocol version of tls 1.2 on the wire, value 0x0303.
NSS 3.15.4 release notes
new functions cert_forcepostmethodforocsp cert_getsubjectnamedigest cert_getsubjectpublickeydigest ssl_peercertificatechain ssl_recommendedcanfalsestart ssl_setcanfalsestartcallback new
types cert_rev_m_force_post_method_for_ocsp: when this flag is used, libpkix will never attempt to use the http get method for ocsp requests; it will always use post.
NSS 3.15.5 release notes
applications should still take care when converting struct iov to priovec because the iov_len members of the two structures have different
types (size_t vs.
NSS 3.16.1 release notes
new
types in sslt.h ssl_padding_xtn - the value of this enum constant changed from the experimental value 35655 to the iana-assigned value 21.
NSS 3.16.2 release notes
the certutil commands supports additionals
types of subject alt name extensions: --extsan type:name[,type:name]...
NSS 3.20 release notes
new
types in sslt.h ssldhegrouptype - enumerates the set of dhe parameters embedded in nss that can be used with function ssl_dhegroupprefset new macros in ssl.h ssl_enable_server_dhe - a socket option user to enable or disable dhe ciphersuites for a server socket notable changes in nss 3.20 the tls library has been extended to support dhe ciphersuites in server applica...
NSS 3.21 release notes
new
types in pkcs11t.h ck_tls12_master_key_derive_params{_ptr} - parameters {or pointer} for ckm_tls12_master_key_derive ck_tls12_key_mat_params{_ptr} - parameters {or pointer} for ckm_tls12_key_and_mac_derive ck_tls_kdf_params{_ptr} - parameters {or pointer} for ckm_tls_kdf ck_tls_mac_params{_ptr} - parameters {or pointer} for ckm_tls_mac in sslt.h sslhashtype - identifies a...
NSS 3.22 release notes
in ssl.h ssl_peersignedcerttimestamps - get signed_certificate_timestamp tls extension data ssl_setsignedcerttimestamps - set signed_certificate_timestamp tls extension data new
types in secoidt.h the following are added to secoidtag: sec_oid_aes_128_gcm sec_oid_aes_192_gcm sec_oid_aes_256_gcm sec_oid_idea_cbc sec_oid_rc2_40_cbc sec_oid_des_40_cbc sec_oid_rc4_40 sec_oid_rc4_56 sec_oid_null_cipher sec_oid_hmac_md5 sec_oid_tls_rsa sec_oid_tls_dhe_rsa sec_oid_tls_dhe_dss sec_oid_tls_dh_rsa s...
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
*/ /* nspr headers */ #include <prthread.h> #include <plgetopt.h> #include <prerror.h> #include <prinit.h> #include <prlog.h> #include <pr
types.h> #include <plstr.h> /* nss headers */ #include <keyhi.h> #include <pk11priv.h> /* our samples utilities */ #include "util.h" /* constants */ #define blocksize 32 #define modblocksize 128 #define default_key_bits 1024 /* header file constants */ #define enckey_header "-----begin wrapped enckey-----" #define enckey_trailer "-----end wrapped en...
Encrypt Decrypt_MAC_Using Token
*/ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_
typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key.
Hashing - sample 1
*/ /* nspr headers */ #include <prprf.h> #include <pr
types.h> #include <plgetopt.h> #include <prio.h> /* nss headers */ #include <secoid.h> #include <secmodt.h> #include <sechash.h> #include <nss.h> typedef struct { const char *hashname; secoidtag oid; } nametagpair; /* the hash algorithms supported */ static const nametagpair hash_names[] = { { "md2", sec_oid_md2 }, { "md5", sec_oid_md5 }, { "sha1", sec_oid_sha1 }, { "sha256",...
EncDecMAC using token object - sample 3
le and produces\n", "note :"); fprintf(stderr, "%-7s .enc and .header as intermediate output files.\n\n", ""); fprintf(stderr, "%-7s for decrypt, it takes .enc and .header\n", ""); fprintf(stderr, "%-7s as input files and produces as a final output file.\n\n", ""); exit(-1); } /* * gather a cka_id */ secstatus gathercka_id(pk11symkey* key, secitem* buf) { secstatus rv = pk11_readrawattribute(pk11_
typesymkey, key, cka_id, buf); if (rv != secsuccess) { pr_fprintf(pr_stderr, "pk11_readrawattribute returned (%d)\n", rv); pr_fprintf(pr_stderr, "could not read symkey cka_id attribute\n"); return rv; } return rv; } /* * generate a symmetric key */ pk11symkey * generatesymkey(pk11slotinfo *slot, ck_mechanism_type mechanism, int keysize, secitem *keyid, secupwdata *pwdata) { secstatus rv; pk11symkey *ke...
sample1
/* nspr headers */ #include <prprf.h> #include <pr
types.h> #include <plgetopt.h> #include <prio.h> #include <prprf.h> /* nss headers */ #include <secoid.h> #include <secmodt.h> #include <sechash.h> typedef struct { const char *hashname; secoidtag oid; } nametagpair; /* the hash algorithms supported */ static const nametagpair hash_names[] = { { "md2", sec_oid_md2 }, { "md5", sec_oid_md5 }, { "sha1", sec_oid_sha1 }, { "sha256", sec_oid_sha256 }, { "sha384", sec_oid_sha384 }, { "sha512", sec_oid_sha512 } }; /* maps a hash name to a secoidtag.
nss tech note8
every ssl socket has two function pointers, ss->sec.cache and ss->sec.uncache, which have the following
types: typedef void (*sslsessionidcachefunc) (sslsessionid *sid); typedef void (*sslsessioniduncachefunc)(sslsessionid *sid); there are two separate implementations of each function, one for clients and one for servers.
Overview of NSS
rsa standard that governs selected attribute
types, including those used with pkcs #7, pkcs #8, and pkcs #10.
FC_InitPIN
ckr_pin_len_range: the pin is too short, too long, or too weak (doesn't have enough character
types).
NSS reference
data
types based on "selected ssl
types and structures" in the ssl reference.
sslcrt.html
upgraded documentation may be found in the current nss reference certificate functions chapter 5 certificate functions this chapter describes the functions and related
types used to work with a certificate database such as the cert7.db database provided with communicator.
sslerr.html
ssl_error_unsupported_certificate_type -12280 "unsupported certificate type." the operation encountered a certificate that was not one of the well known certificate
types handled by the certificate library.
NSS_3.12.3_release_notes.html
bug 426413: audit messages need distinct
types bug 438870: free freebl hashing code of dependencies on nspr and libutil bug 439115: db merge allows nickname conflicts in merged db bug 439199: sse2 instructions for bignum are not implemented on windows 32-bit bug 441321: tolerate incorrect encoding of dsa signatures in ssl 3.0 handshakes bug 444404: libpkix reports unknown issuer for nearly all certificate errors bug 452391: certut...
NSS tools : signtool
note that with netscape signing tool version 1.1 and later this option can appear multiple times on one command line, making it possible to specify multiple file
types or classes to include.
Rhino FAQ
creating arrays of primitive
types is slightly different: you must use the type field.
Rhino overview
if the caller is javascript the class obtained may be one of two
types.
SpiderMonkey Build Documentation
no configure: error: installation or configuration problem: c compiler cannot create executables." you can try configuring like so: cc=clang cxx=clang++ ../configure it is also possible that baldrdash may fail to compile with /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/int
types.h:30:15: fatal error: 'int
types.h' file not found /usr/local/cellar/llvm/7.0.1/lib/clang/7.0.1/include/int
types.h:30:15: fatal error: 'int
types.h' file not found, err: true this is because, starting from mohave, headers are no longer installed in /usr/include.
Future directions
no fundamental blockers currently exist, but c
types is still using nspr's runtime library loading facilities.
Self-hosted builtins in SpiderMonkey
of note, it provides implementations of list and record,
types defined in the ecmascript specifications that are similar to array and object, but can't be modified by application code.
JSAPI Cookbook
// javascript throw new error("failed to grow " + varietal + ": too many greenflies."); /* jsapi */ js_reporterror(cx, "failed to grow %s: too many greenflies.", varietal); return false; to internationalize your error messages, and to throw other error
types, such as syntaxerror or typeerror, use js_reporterrornumber instead.
JS::AutoVectorRooter
there are derived classes for the main
types: class parent class js::autovaluevector autovectorrooter<value> js::autoidvector autovectorrooter<jsid> js::autoobjectvector added in spidermonkey 24 autovectorrooter<jsobject *> js::autofunctionvector added in spidermonkey 31 autovectorrooter<jsfunction *> js::autoscriptvector autovectorrooter<jsscript *> see also ...
JS::Handle
there are typedefs available for the main
types: namespace js { typedef handle<jsfunction*> handlefunction; typedef handle<jsid> handleid; typedef handle<jsobject*> handleobject; typedef handle<jsscript*> handlescript; typedef handle<jsstring*> handlestring; typedef handle<js::symbol*> handlesymbol; // added in spidermonkey 38 typedef handle<value> handlevalue; } see also mxr id search for js::handle mxr id search for...
JS::MutableHandle
there are typedefs available for the main
types: namespace js { typedef mutablehandle<jsfunction*> mutablehandlefunction; typedef mutablehandle<jsid> mutablehandleid; typedef mutablehandle<jsobject*> mutablehandleobject; typedef mutablehandle<jsscript*> mutablehandlescript; typedef mutablehandle<jsstring*> mutablehandlestring; typedef mutablehandle<js::symbol*> mutablehandlesymbol; typedef mutablehandle<value> mutablehandle...
JS::Rooted
there are typedefs available for the main
types: namespace js { typedef rooted<jsobject*> rootedobject; typedef rooted<jsfunction*> rootedfunction; typedef rooted<jsscript*> rootedscript; typedef rooted<jsstring*> rootedstring; typedef rooted<js::symbol*> rootedsymbol; // added in spidermonkey 38 typedef rooted<jsid> rootedid; typedef rooted<js::value> rootedvalue; } see also mxr id search for j...
JSClass.flags
if the global object does not have this flag, then scripts may cause nonstandard behavior by replacing standard constructors or proto
types (such as function.prototype.) objects that can end up with the wrong prototype object, if this flag is not present, include: arguments objects (ecma 262-3 §10.1.8 specifies "the original object prototype"), function objects (ecma 262-3 §13.2 specifies "the original function prototype"), and objects created by many standard constructors (ecma 262-3 §15.4.2.1 and others).
JSNewResolveOp
on success, the callback must set the *objp out parameter to null if id was not resolved; or non-null, referring to obj or one of its proto
types, if id was resolved; and return js_true.
JSPropertyDescriptor
there are two main
types of property descriptors that exist in an object: a data descriptor and an access descriptor.
JSPropertyOp
they are also the
types of the jsclass.addproperty, getproperty, and setproperty callbacks, which are called during object property accesses.
JSType
the values of the jstype enumeration represent the
types of javascript values.
JSVAL_IS_INT
to convert between c integer
types and jsval, use jsval_to_int, int_fits_in_jsval, and int_to_jsval.
JS_ClearNewbornRoots
description the last gc thing of each type (object, string, double, external string
types) created on a given context is kept alive until another thing of the same type is created, using a newborn root in the context.
JS_DefineElement
see also mxr id search for js_defineelement js_defineconstdoubles js_definefunction js_definefunctions js_defineobject js_defineproperties js_defineproperty js_definepropertywithtinyid js_deleteelement js_getarraylength js_getelement js_isarrayobject js_lookupelement js_newarrayobject js_setelement bug 959787 - changed parameter
types ...
JS_DumpHeap
not all of the matching c++
types are exposed, and those that are, are opaque.
JS_GetTypeName
the following table lists js
types and the string literals reported by js_gettypename: type literal jstype_void "undefined" jstype_object "object" jstype_function "function" jstype_string "string" jstype_number "number" jstype_boolean "boolean" any other value null see also js_convertvalue js_typeofvalue js_valuetoboolean js_valu...
JS_LookupProperty
if neither obj nor any of its proto
types have such a property, *vp receives undefined and the return value is true (to indicate no error occurred).
JS_NewObject
however, although javascript code can freely redefine constructors, the ecmascript standard requires us in certain cases to use the original constructors' proto
types.
JS_NewPropertyIterator
note also that while for..in includes properties inherited from proto
types, iterator objects do not.) on success, this returns an iterator object that can be passed to js_nextproperty to fetch the property ids.
JS_PropertyStub
rather, they are convenient stand-ins anywhere the jsapi requires callbacks of certain
types.
JS_ScheduleGC
at this point, if zeal is one of the
types that trigger periodic collection, then nextscheduled is reset to the value of frequency.
JS_SetOperationCallback
these methods/
types are renamed to js_setinterruptcallback, js_getinterruptcallback, js_requestinterruptcallback and jsinterruptcallback in spidermonkey 30.
JS_SetPrototype
take care not to create a circularly-linked list of proto
types using this function, because such a set of proto
types cannot be resolved by the javascript engine and can easily lead to an infinite loop.
JS_ValueToECMAInt32
description js_valuetoecmaint32, js_valuetoecmauint32, and js_valuetouint16 convert a javascript value to various integer
types as specified in the ecmascript specification.
SpiderMonkey 45
many jsapi
types; functions, and callback signatures, have changed though most functions that have retain their previous name, providing relatively unchanged functionality.
TPS Bookmark Lists
folder contents the contents for a folder are given as an array of objects, representing various bookmark
types, described below.
TPS Tests
asset lists a test file will contain one or more asset lists, which are lists of bookmarks, passwords, or other
types of browser data that are relevant to sync.
Web Replay
in general, redirections are needed for any function that is (a) not compiled as part of gecko, and either (b) may behave differently between recording and replaying, or (c) depends on data produced by other redirected functions (for example, corefoundation
types like cfarrayref and cfstringref).
Mork
there are two
types of meta-rows, those of rows and those of tables.
The Places database
moz_bookmarks_roots: lists special folders that are the root folders of certain content
types in the bookmarks system.
Generating GUIDs
guids are used in mozilla programming for identifying several
types of entities, including xpcom interfaces (this type of guids is callled iid), components (cid), and legacy add-ons—like extensions and themes—that were created prior to firefox 1.5.
Creating the Component Code
the includes and definitions at the top of an xpcom source file can give you an idea about some of the data
types and techniques we'll be discussing more in the upcoming chapters.
Creating XPCOM components
preface who should read this book organization of the tutorial following along with the examples conventions acknowledgements an overview of xpcom the xpcom solution gecko components interfaces interfaces and encapsulation the nsisupports base interface xpcom identifiers cid contract id factories xpidl and type libraries xpcom services xpcom
types method
types reference counting status codes variable mappings common xpcom error codes using xpcom components component examples cookie manager the webbrowserfind component the weblock component component use in mozilla finding mozilla components using xpcom components in your cpp xpconnect: using xpcom components from script component internals ...
XPCOM hashtable guide
data type hashtable class none (for a hash set) nsthashtable simple
types (numbers, booleans, etc) nsdatahashtable structs or classes (nsstring, custom defined structs or classes that are not reference-counted) nsclasshashtable reference-counted concrete classes nsrefptrhashtable interface pointers nsinterfacehashtable each of these classes is a template with two parameters.
Components.utils.Sandbox
the principal may be one of four
types: the system principal, a content principal, an expanded principal, or a null principal.
Components.utils.exportFunction
for the full details refer to the documentation for xray vision, but for example: functions are not visible in the xrays of javascript object
types.
Components.utils.waiveXrays
if you waive xray vision, you can no longer trust that any of the object's properties are what you expect: any of them, including proto
types and accessors, could have been redefined by the less-privileged code.
nsIDragService
for other
types of elements, the element is rendered into an offscreen buffer in the same manner as it is currently displayed.
nsIFeedProgressListener
note: if the feed type is one of the entry or item-only
types, this event will never be called.
nsIFilePicker
description returnok 0 the file picker dialog was closed by the user hitting 'ok' returncancel 1 the file picker dialog was closed by the user hitting 'cancel' returnreplace 2 the user chose an existing file and acknowledged that they want to overwrite the file filter constants these constants are used to create filters for commonly-used file
types.
nsIHttpServer
* implementations may choose to define specific behavior for
types which do * not match the production, such as for cgi functionality.
nsIJumpListBuilder
see nsijumplistitem for information on adding additional jump list
types.
nsIMacDockSupport
two
types of elements: menu (if you would like to have sub menu items, make sure to set a label on the "menu" element) menuitem (like in example above) elements can be hidden by adding the hidden attribute to the menu or menuitem and setting it to true .
nsIMemoryReporter
constants memory reporter kind constants these allocation kind constants describe the
types of memory allocation described by memory use reporters.
nsIMsgFolder
nsmsgdispositionstate_none -1 nsmsgdispositionstate_replied 0 nsmsgdispositionstate_forwarded 1 allmessagecountnotifications 0 turn notifications on/off for various notification
types.
nsINavHistoryObserver
normally, transition
types of transition_embed (corresponding to images in a page, for example) are not displayed in history results (unless includehidden is set).
nsIObserver
a single nsiobserver implementation can observe multiple
types of notification, and is responsible for dispatching its own behavior on the basis of the parameters for a given callback.
nsIPermissionManager
the nsipermissionmanager interface is used to persistently store permissions for different object
types (cookies, images, and so on) on a site-by-site basis.
nsIProfile
constants profile shutdown
types constant value description shutdown_persist 0x00000001 when shutting down the profile, save all changes.
nsIPropertyBag
goodies obtained from window.navigator are: appcodename:"mozilla" appname:"netscape" appversion:"5.0 (windows)" battery:batterymanager buildid:"20140529161749" cookieenabled:true donottrack:"yes" geolocation:geolocation language:"en-us" mime
types:mimetypearray mozalarms:null mozapps:xpcwrappednative_nohelper mozcameras:cameramanager mozconnection:mozconnection mozcontacts:contactmanager mozid:null mozkeyboard:xpcwrappednative_nohelper mozpay:null mozpermissionsettings:null mozphonenumberservice:phonenumberservice mozpower:mozpowermanager moztcpsocket:null online:true oscpu:"windows nt 5.1" platform:"win32" plugins:pluginarray product:"gec...
nsIProtocolHandler
uri_forbids_automatic_document_replacement 1<<5 "automatic" loads that would replace the document (such as a meta refresh, certain
types of xlinks, and other non-user-triggered loads) are not allowed if the originating uri has this protocol flag.
nsIProtocolProxyService
other string values may be possible, and new
types may be defined by a future version of this interface.
nsIProxyInfo
special values for this attribute include (but are not limited to) the following: "http" - http proxy (or ssl connect for https) "socks" - socks v5 proxy "socks4" - socks v4 proxy "direct" - no proxy "unknown" - unknown proxy (see nsiprotocolproxyservice.resolve()) a future version of this interface may define additional
types.
nsISearchEngine
responsetype since an engine can have several different request urls, differentiated by response
types, this parameter selects a request to add parameters to.
nsISelectionController
selection_find 128 num_selection
types 8 9 selection_anchor_region 0 selection_focus_region 1 selection_whole_selection 2 num_selection_regions 2 3 selection_off 0 selection_hidden 1 hidden displays selection.
nsISocketProvider
it is implemented by several
types of socket classes like: udp, socks, tls, ssl, and so on.
nsISound
void playsystemsound( in astring soundalias ); parameters soundalias two different
types of names are supported: you can specify the name of a system sound provided by the host operating system; for example, if you specify "systemexclamation", you can play the windows alert sound, but it's played only on windows.
nsITimer
this method works on all
types, not just on repeating timers -- you might want to cancel a type_one_shot timer, and even reuse it by re-initializing it (to avoid object destruction and creation costs by conserving one timer instance).
nsIVariant
xpcom/ds/nsivariant.idlscriptable xpconnect has magic to transparently convert between nsivariant and js
types.
nsIWebNavigation
note for valid load flag combinations look here nsdocshellload
types.h stop flags constant value description stop_network 1 this flag specifies that all network activity should be stopped.
nsIWebProgressListener
(see below for a description of document requests.) other
types of requests, such as requests for inline content (for example images and stylesheets) are considered normal requests.
nsIWindowWatcher
note: supported nsisupportsprimitive objects will be reflected into window.arguments as the base type, however id, void and 64-bit primitive
types are not currently supported and will reflect into window.arguments as null.
nsIXPCException
js/src/xpconnect/idl/xpcexception.idlscriptable these exception objects are the preferred
types of exceptions when implementing xpcom interfaces in javascript.
nsIXmlRpcClient
isupportspruint8, nsisupportspruint16, nsisupportsprint16, nsisupportsprint32: i4, nsisupportsprbool: boolean, nsisupportschar, nsisupportscstring: string, nsisupportsfloat, nsisupportsdouble: double, nsisupportsprtime: datetime.iso8601, nsiinputstream: base64, nsisupportsarray: array, nsidictionary: struct note that both nsisupportsarray and nsidictionary can only hold any of the supported input
types.
nsMsgJunkStatus
defined in comm-central/ mailnews/ base/ public/ mailnews
types2.idl typedef unsigned long nsmsgjunkstatus; typedef unsigned long nsmsgjunkscore; ...
nsMsgKey
defined in comm-central/ mailnews/ base/ public/ mailnews
types2.idl typedef unsigned long nsmsgkey; ...
nsMsgLabelValue
defined in comm-central/ mailnews/ base/ public/ mailnews
types2.idl typedef unsigned long nsmsglabelvalue; ...
nsMsgPriorityValue
defined in comm-central/ mailnews/ base/ public/ mailnews
types2.idl typedef long nsmsgpriorityvalue; [scriptable, uuid(94c0d8d8-2045-11d3-8a8f-0060b0fc04d2)] interface nsmsgpriority { const nsmsgpriorityvalue notset = 0; const nsmsgpriorityvalue none = 1; const nsmsgpriorityvalue lowest = 2; const nsmsgpriorityvalue low = 3; const nsmsgpriorityvalue normal = 4; const nsmsgpriorityvalue high = 5; const nsmsgpriorityvalue highest = 6; // the default for a priority picker const nsmsgpriorityvalue default = 4; }; ...
nsMsgSearchAttrib
defined in comm-central/ mailnews/ base/ search/ public/ nsmsgsearchcore.idl typedef long nsmsgsearchattribvalue; /** * definitions of search attribute
types.
nsIAbCard/Thunderbird3
the following
types are supported: base64xml xml vcard autf8string translateto(in autf8string atype); parameters atype the type of item to translate the card into.
Storage
in c++, the code would look something like this: bool hasmoredata; while (ns_succeeded(statement->executestep(&hasmoredata)) && hasmoredata) { print32 value; rv = statement->getint32(0, &value); ns_ensure_success(rv, rv); } you can obtain other
types of data by using the various methods available on mozistoragevaluearray.
Frequently Asked Questions
comparing an nscomptr to a raw xpcom interface pointer declaring an nscomptr to a forward-declared class not linking to xpcom not including nscomptr.h different settings of nscap_feature_debug_ptr_
types runtime errors ns_assertion "queryinterface needed" may be caused by a class that derives from a given interface, when you forgetting to also specify the interface name in the ns_impl_isupports / ns_impl_threadsafe_isupports macro.
Using the clipboard
for other
types of data, such as urls or images, you will need to use a more complex method.
xptcall FAQ
the core invoke function has the declaration: xptc_public_api(nsresult) xptc_invokebyindex(nsisupports* that, pruint32 methodindex, pruint32 paramcount, nsxptcvariant* params); nsxptcvariant is a discriminated union of the
types that can be passed as parameters to the target function (including void* to represent arbitrary pointer
types).
XPIDL Syntax
the following is a list of potential features which are parseable but may not result in expected code: struct, union, and enumerated
types array declarators (appears to be supported in xpidl_header.c but not xpidl_typelib.c) exception declarations module declarations variable arguments (that makes the abnf get more wonky) sequence
types max-length strings fixed-point numbers "any" and "long double"
types.
Xray vision
for example: the detail property of a customevent fired by content could be a javascript object or date as well as a string or a primitive the return value of evalinsandbox() and any properties attached to the sandbox object may be pure javascript objects also, the webidl specifications are starting to use javascript
types such as date and promise: since webidl definition is the basis of dom xrays, not having xrays for these javascript
types starts to seem arbitrary.
Testing Mozilla code
there are different
types of coverage metrics (see also the wikipedia entry), but when we speak of code coverage here, we usually mean line and branch coverage.
Address Book examples
the address book defaults with three photo handler
types, identified by "generic", "file" and "web".
Index
55 thunderbird binaries branch, trunk, comm-central, thunderbird described below are three
types of generally available thunderbird packages - releases, early preview releases, and nightly builds (including trunk development builds) - and their downloaded locations.
Main Windows
things appear confusing for several reasons: much of the code is written to be portable, so instead of duplicating it, its been put in overlays that are loaded over many different
types of windows.
Thunderbird Binaries
described below are three
types of generally available thunderbird packages - releases, early preview releases, and nightly builds (including trunk development builds) - and their downloaded locations.
Adding items to the Folder Pane
item at open (rw, attribute) whether or not this container is open children (attribute) an array of child items also conforming to this spec getproperties (function) a call from getrowproperties or getcellproperties for this item will be passed into this function command (function) this function will be called when the item is double-clicked for our example extension, two different
types of folder-tree-items will be defined.
Thunderbird extensions
an overview of thunderbird components developer reference docs: folder classes db views (message list) message summary database mailnews protocols mailnews filters error reporting tools steel library (obsolete as of thunderbird 52, use https://github.com/protz/thunderbird-stdlib) developing new account
types useful newsgroup discussions (anything that's very old should be regarded suspiciously, because there has been significant api rewrite over the past years making most techniques considerably easier) thunderbird api docs (mostly a collection of out-of-date pages, relevance is rather dubious) general links finding the code for a feature mozillazine...
Blocking By Domain - Plugins
plugin detection mechanisms such as navigator.mime
types and navigator.plugins will also behave as if the plugin were not installed.
Flash Activation: Browser Comparison - Plugins
mozilla firefox google chrome microsoft edge setting name ask to activate html5 by default click-to-run 'application/x-shockwave-flash' in navigator.mime
types by default when flash is inactive yes no no 'application/x-shockwave-flash' in navigator.mime
types when user enables flash yes yes yes <object> with fallback content triggers ui yes, with exceptions no yes small/hidden flash triggers additional ui yes no no enabling flash automatically reloads the page no yes yes ...
Initialization and Destruction - Plugins
you can assign more than one mime type to a plug-in, which could potentially allow the plug-in to respond to data streams of different
types with different interfaces and behavior.
Streams - Plugins
the browser can create a stream for several different
types of data: for the file specified in the data attribute of the object element or the src attribute of the embed element for a data file for a full-page instance the npp_newstream method has the following syntax: nperror npp_newstream(npp instance, npmimetype type, npstream *stream, npbool seekable, uint16* stype); the instance parameter refers to the plug-in instance receiving the stream...
Accessibility Inspector - Firefox Developer Tools
the available menu items include: none — don't show the possible list of issues all issues — check for all
types of issues contrast — check for issues with visual contrast keyboard — check for issues with navigating via a keyboard text labels — check for issues with missing text labels when you one of the menu items, firefox scans your document for the type of issues you selected.
Aggregate view - Firefox Developer Tools
type this is the default view, which looks something like this: it groups the things on the heap into
types, including: javascript objects: such as function or array dom elements: such as htmlspanelement or window strings: listed as "strings" javascript sources: listed as "jsscript" internal objects: such as "js::shape".
Tree map view - Firefox Developer Tools
for the treemaps shown in the memory tool, things on the heap are divided at the top level into four categories: objects: javascript and dom objects, such as function, object, or array, and dom
types like window and htmldivelement.
Throttling - Firefox Developer Tools
the network monitor allows you to throttle your network speed to emulate various connection speeds so you can see how your app will behave under different connection
types.
Network monitor toolbar - Firefox Developer Tools
throttling menu, to simulate various connection
types a menu of other actions: persist logs: by default, the network monitor is cleared each time you navigate to a new page or reload the current page.
Waterfall - Firefox Developer Tools
it's based on the idea that the things a browser does when running a site can be divided into various
types - running javascript, updating layout, and so on - and that at any given point in time, the browser is doing one of those things.
Rich output - Firefox Developer Tools
in particular, it: provides extra information for certain
types enables detailed examination of the object's properties provides richer information for dom elements, and enables you to select them in the inspector type-specific rich output the web console provides rich output for many object
types, including the following: object array date promise regexp window document element event examining object properties when an object is logged to the console it has a right-pointing triangle next to it, indicating that it can be expanded.
Firefox Developer Tools
responsive design mode see how your website or app will look and behave on different devices and network
types.
AbstractWorker - Web APIs
the abstractworker interface of the web workers api is an abstract interface that defines properties and methods that are common to all
types of worker, including not only the basic worker, but also serviceworker and sharedworker.
AddressErrors - Web APIs
let supportedhandlers = [ { supportedmethods: "basic-card", data: { supportednetworks: ["visa", "mastercard", "amex", "discover"], supported
types: ["credit", "debit"] } } ]; let defaultpaymentdetails = { total: {label: 'donation', amount: {currency: 'usd', value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd', value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd', value: '0.00'}, ...
AnimationTimeline - Web APIs
this interface exists to define timeline features (inherited by documenttimeline and future timeline
types) and is not itself directly used by developers.
ArrayBufferView - Web APIs
arraybufferview is a helper type representing any of the following javascript typedarray
types: int8array, uint8array, uint8clampedarray, int16array, uint16array, int32array, uint32array, float32array, float64array or dataview.
Attr - Web APIs
in most dom methods, you will directly retrieve the attribute as a string (e.g., element.getattribute()), but certain functions (e.g., element.getattributenode()) or means of iterating return attr
types.
AudioBuffer - Web APIs
objects of these
types are designed to hold small audio snippets, typically less than 45 s.
AudioNodeOptions - Web APIs
audionodeoptions is inherited from by the option objects of the different
types of audio node constructors.
AudioScheduledSourceNode - Web APIs
the audioscheduledsourcenode interface—part of the web audio api—is a parent interface for several
types of audio source node interfaces which share the ability to be started and stopped, optionally at specified times.
BaseAudioContext.createIIRFilter() - Web APIs
the createiirfilter() method of the baseaudiocontext interface creates an iirfilternode, which represents a general infinite impulse response (iir) filter which can be configured to serve as various
types of filter.
BasicCardResponse - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supported
types: ['credit', 'debit'] } }]; var details = { total: {label: 'donation', amount: {currency: 'usd', value: '65.00'}}, displayitems: [ { label: 'original donation amount', amount: {currency: 'usd', value: '65.00'} } ], shippingoptions: [ { id: 'standard', label: 'standard shipping', amount: {currency: 'usd', value: '0.00'}, selected: true ...
CSS.registerProperty() - Web APIs
registering a custom property allows you to tell the browser how the custom property should behave; what are allowed
types, whether the custom property inherits its value, and what the default value of the custom property is.
Using the CSS properties and values API - Web APIs
registering a custom property registering a custom property allows you to tell the browser how the custom property should behave; what are allowed
types, whether the custom property inherits its value, and what the default value of the custom property is.
CanvasRenderingContext2D.setTransform() - Web APIs
syntax ctx.settransform(a, b, c, d, e, f); ctx.settransform(matrix); the transformation matrix is described by: [acebdf001]\left[ \begin{array}{ccc} a & c & e \\ b & d & f \\ 0 & 0 & 1 \end{array} \right] parameters settransform() has two
types of parameter that it can accept.
Using images - Web APIs
getting images to draw the canvas api is able to use any of the following data
types as an image source: htmlimageelement these are images created using the image() constructor, as well as any <img> element.
ChildNode - Web APIs
the childnode mixin contains methods and properties that are common to all
types of node objects that can have a parent.
Clients - Web APIs
an options argument allows you to control the
types of clients returned.
DOMError - Web APIs
error
types type description indexsizeerror the index is not in the allowed range (e.g.
DOMParser - Web APIs
@source https://gist.github.com/1129031 */ /*global document, domparser*/ (function(domparser) { "use strict"; var proto = domparser.prototype, nativeparse = proto.parsefromstring; // firefox/opera/ie throw errors on unsupported
types try { // webkit returns null on unsupported
types if ((new domparser()).parsefromstring("", "text/html")) { // text/html parsing is natively supported return; } } catch (ex) {} proto.parsefromstring = function(markup, type) { if (/^\s*text\/html\s*(?:;|$)/i.test(type)) { var doc = document.implementation.createhtmldocument(""); if (markup.tolowercase().indexof('<!doctype'...
DataTransfer.mozGetDataAt() - Web APIs
function drop_handler(event) { var dt = event.datatransfer; var count = dt.mozitemcount; output("items: " + count + "\n"); for (var i = 0; i < count; i++) { output(" item " + i + ":\n"); var
types = dt.moz
typesat(i); for (var t = 0; t <
types.length; t++) { output(" " +
types[t] + ": "); try { var data = dt.mozgetdataat(
types[t], i); output("(" + (typeof data) + ") : <" + data + " >\n"); } catch (ex) { output("<>\n"); dump(ex); } } } } specifications this method is not defined in any web standard.
DeprecationReportBody - Web APIs
examples in our deprecation_report.html example, we create a simple reporting observer to observe usage of deprecated features on our web page: let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.o...
Using files from web applications - Web APIs
<iframe id="viewer"> and here is the change of the src attribute: const obj_url = url.createobjecturl(blob); const iframe = document.getelementbyid('viewer'); iframe.setattribute('src', obj_url); url.revokeobjecturl(obj_url); example: using object urls with other file
types you can manipulate files of other formats the same way.
File.getAsBinary() - Web APIs
example // fileinput is an htmlinputelement: <input type="file" id="myfileinput" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // object for allowed media
types var accept = { binary : ["image/png", "image/jpeg"], text : ["text/plain", "text/css", "application/xml", "text/html"] }; var file; for (var i = 0; i < files.length; i++) { file = files[i]; // if file type could be detected if (file !== null) { if (accept.binary.indexof(file.type) > -1) { // file is a binary, which we accept var data = file.getasbinary(); } else...
File.getAsDataURL() - Web APIs
syntax var url = instanceoffile.getasdataurl(); returns a string representing a data: url example // fileinput is a htmlinputelement: <input type="file" id="myfileinput" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // array with acceptable file
types var accept = ["image/png"]; // img is a htmlimgelement: <img id="myimg"> var img = document.getelementbyid("myimg"); // if we accept the first selected file type if (accept.indexof(files[0].mediatype) > -1) { // display the image // same as <img src="data:image/png,<imagedata>"> img.src = files[0].getasdataurl(); } specification not part of any specification.
File.getAsText() - Web APIs
example // fileinput is a htmlinputelement: <input type="file" id="myfileinput" multiple> var fileinput = document.getelementbyid("myfileinput"); // files is a filelist object (similar to nodelist) var files = fileinput.files; // object for allowed media
types var accept = { binary : ["image/png", "image/jpeg"], text : ["text/plain", "text/css", "application/xml", "text/html"] }; var file; for (var i = 0; i < files.length; i++) { file = files[i]; // if file type could be detected if (file !== null) { if (accept.text.indexof(file.mediatype) > -1) { // file is of type text, which we accept // make sure it's encoded as utf-8...
GamepadButton - Web APIs
the gamepadbutton interface defines an individual button of a gamepad or other controller, allowing access to the current state of different
types of buttons available on the control device.
GamepadHapticActuator.type - Web APIs
syntax var myactuatortype = gamepadhapticactuatorinstance.type; value an enum of type gamepadhapticactuatortype; currently available
types are: vibration — vibration hardware, which creates a rumbling effect.
GestureEvent - Web APIs
gesture event
types gesturestart gesturechange gestureend specifications not part of any specification.
GlobalEventHandlers.onkeypress - Web APIs
y(event) { return event.charcode === 0 || /\d/.test(string.fromcharcode(event.charcode)); } const input = document.queryselector('input'); input.onkeypress = numbersonly; // prevent pasting (since pasted content might include non-number characters) input.onpaste = event => false; result capture the typing of a hidden word the following javascript function will do something after the user
types the word "exit" in any point of a page.
HTMLAnchorElement.rel - Web APIs
it is a domstring containing a space-separated list of link
types indicating the relationship between the resource represented by the <a> element and the current document.
HTMLAreaElement.rel - Web APIs
it is a domstring containing a space-separated list of link
types indicating the relationship between the resource represented by the <area> element and the current document.
HTMLAreaElement.relList - Web APIs
it is a live domtokenlist containing the set of link
types indicating the relationship between the resource represented by the <area> element and the current document.
HTMLInputElement.stepUp() - Web APIs
if the form control is non time, date, or numeric in nature, and therefore does not support the step attribute (see the list of supported input
types in the the table above), or if the step value is set to any, an invalidstateerror exception is thrown.
HTMLInputElement - Web APIs
properties that apply only to elements of type file accept string: returns / sets the element's accept attribute, containing comma-separated list of file
types accepted by the server when type is file.
HTMLLinkElement.rel - Web APIs
it is a domstring containing a space-separated list of link
types indicating the relationship between the resource represented by the <link> element and the current document.
HTMLLinkElement.relList - Web APIs
it is a live domtokenlist containing the set of link
types indicating the relationship between the resource represented by the <link> element and the current document.
IDBCursor.advance() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbcursor's transaction is inactive.
IDBCursor.continue() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbcursor's transaction is inactive.
IDBCursor.continuePrimaryKey() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbcursor's transaction is inactive.
IDBCursor.delete() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbcursor's transaction is inactive.
IDBCursor.update() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbcursor's transaction is inactive.
IDBDatabase.createObjectStore() - Web APIs
exceptions this method may raise a domexception with a domerror of one of the following
types: exception description invalidstateerror occurs if the method was not called from a versionchange transaction callback.
IDBDatabase.deleteObjectStore() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror occurs if the method was not called from a versionchange transaction callback.
IDBFactory.cmp() - Web APIs
return value an integer that indicates the result of the comparison; the table below lists the possible values and their meanings: returned value description -1 1st key is less than the 2nd key 0 1st key is equal to the 2nd key 1 1st key is greater than the 2nd key exceptions this method may raise a domexception of the following
types: attribute description dataerror one of the supplied keys was not a valid key.
databases - Web APIs
exceptions this method may raise a domexception of the following
types: attribute description securityerror the method is called from an opaque origin.
IDBIndex.count() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBIndex.get() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBIndex.getAll() - Web APIs
exceptions this method may raise a domexception of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBIndex.getAllKeys() - Web APIs
exceptions this method may raise a domexception of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBIndex.getKey() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBIndex.openCursor() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBIndex.openKeyCursor() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbindex's transaction is inactive.
IDBKeyRange.only() - Web APIs
exceptions this method may raise a domexception of the following
types: exception description dataerror the value parameter passed was not a valid key.
IDBObjectStore.add() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description readonlyerror the transaction associated with this operation is in read-only mode.
IDBObjectStore.clear() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description readonlyerror the transaction associated with this operation is in read-only mode.
IDBObjectStore.count() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror this idbobjectstore has been deleted.
IDBObjectStore.createIndex() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description constrainterror occurs if an index with the same name already exists in the database.
IDBObjectStore.delete() - Web APIs
exceptions this method may raise a domexception of the following
types: exception description transactioninactiveerror this object store's transaction is inactive.
IDBObjectStore.deleteIndex() - Web APIs
return value undefined exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror occurs if the method was not called from a versionchange transaction mode callback.
IDBObjectStore.get() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbobjectstore's transaction is inactive.
IDBObjectStore.getAll() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbobjectstore's transaction is inactive.
IDBObjectStore.getAllKeys() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbobjectstore's transaction is inactive.
IDBObjectStore.getKey() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description transactioninactiveerror this idbobjectstore's transaction is inactive.
IDBObjectStore.index() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror the source object store has been deleted, or the transaction for the object store has finished.
IDBObjectStore.openCursor() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror this idbobjectstore or idbindex has been deleted.
IDBObjectStore.openKeyCursor() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description invalidstateerror this idbobjectstore or idbindex has been deleted.
IDBObjectStore.put() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description readonlyerror the transaction associated with this operation is in read-only mode.
IDBTransaction.error - Web APIs
the idbtransaction.error property of the idbtransaction interface returns one of several
types of error when there is an unsuccessful transaction.
IDBTransaction.objectStore() - Web APIs
exceptions this method may raise a domexception of one of the following
types: exception description notfounderror the requested object store is not in this transaction's scope.
InterventionReportBody - Web APIs
examples let options = {
types: ['intervention'], buffered: true } let observer = new reportingobserver(function(reports, observer) { let firstreport = reports[0]; console.log(firstreport.type); // intervention console.log(firstreport.body.id); console.log(firstreport.body.message); console.log(firstreport.body.sourcefile); console.log(firstreport.body.linenumber); console.log(firstreport.body.columnnumber); }...
KeyboardEvent.key - Web APIs
if the key produces a character key that would result in a character being inserted into possibly an <input>, <textarea> or an element with htmlelement.contenteditable set to true, the beforeinput and input event
types are fired in that order.
LocalFileSystem - Web APIs
(to learn more about the storage
types, see the basic concepts article.) in most cases, you need to create only one file system, but in a few cases, it might be useful to create a second one.
Long Tasks API - Web APIs
} }); // register observer for long task notifications observer.observe({entry
types: ["longtask"]}); // long script execution after this will result in queueing // and receiving "longtask" entries in the observer.
MSGestureEvent - Web APIs
gesture event
types msgesturestart msgestureend msgesturetap msgesturehold msgesturechange msinertiastart specifications not part of any specification.
MediaImage - Web APIs
note that it is just a hint so that user agent may ignore images of
types it does not support; user agent still may use mime type sniffing after downloading the image to determine its type.
MediaRecorder() - Web APIs
applications can check in advance if a mimetype is supported by the user agent by calling mediarecorder.is
typesupported().
MediaRecorder - Web APIs
static methods mediarecorder.is
typesupported() a static method which returns a boolean value indicating if the given mime media type is supported by the current user agent.
MediaSessionActionDetails.action - Web APIs
syntax let mediasessionactiondetails = { action: actiontype }; let actiontype = mediasessionactiondetails.action; value a domstring specifying which of the action
types the callback is being invoked for: nexttrack advances playback to the next track.
MediaSource.MediaSource() - Web APIs
simple example written by nick desaulniers (view the full demo live, or download the source for further investigation.) var video = document.queryselector('video'); var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } ...
MediaSource.endOfStream() - Web APIs
example the following snippet is from a simple example written by nick desaulniers (view the full demo live, or download the source for further investigation.) var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourceb...
MediaSource.readyState - Web APIs
example the following snippet is from a simple example written by nick desaulniers (view the full demo live, or download the source for further investigation.) if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource; //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourceb...
MediaStreamConstraints.audio - Web APIs
syntax var audioconstraints = true | false | mediatrackconstraints; value the value of the audio property can be specified as either of two
types: boolean if a boolean value is specified, it simply indicates whether or not an audio track should be included in the returned stream; if it's true, an audio track is included; if no audio source is available or if permission is not given to use the audio source, the call to getusermedia() will fail.
MediaStreamConstraints.video - Web APIs
syntax var videoconstraints = true | false | mediatrackconstraints; value the value of the video property can be specified as either of two
types: boolean if a boolean value is specified, it simply indicates whether or not a video track should be included in the returned stream; if it's true, a video track is included; if no video source is available or if permission is not given to use the video source, the call to getusermedia() will fail.
MediaStreamTrack - Web APIs
the mediastreamtrack interface represents a single media track within a stream; typically, these are audio or video tracks, but other track
types may exist as well.
MediaStream Image Capture API - Web APIs
though a mediastream holds several
types of tracks and provides multiple methods for retrieving them, the imagecapture constructor will throw a domexception of type notsupportederror if mediastreamtrack.kind is not "video".
Transcoding assets for Media Source Extensions - Web APIs
to check if the browser supports a particular container, you can pass a string of the mime type to the mediasource.is
typesupported method: mediasource.is
typesupported('audio/mp3'); // false mediasource.is
typesupported('video/mp4'); // true mediasource.is
typesupported('video/mp4; codecs="avc1.4d4028, mp4a.40.2"'); // true the string is the mime type of the container, optionally followed by a list of codecs.
Media Capture and Streams API (Media Stream) - Web APIs
mediastreamconstraints mediastreamevent mediastreamtrack mediastreamtrackevent mediatrackconstraints mediatracksettings mediatracksupportedconstraints overconstrainederror url early versions of the media capture and streams api specification included separate audiostreamtrack and videostreamtrack interfaces—each based upon mediastreamtrack—which represented streams of those
types.
MouseEvent.button - Web APIs
note: do not confuse this property with the mouseevent.buttons property, which indicates which buttons are pressed for all mouse events
types.
MouseEvent.pageX - Web APIs
even though numeric
types both are represented by number in javascript, they may be handled differently internally in the browser's code, resulting in potential behavior differences.
MutationObserver.observe() - Web APIs
usage notes reusing mutationobservers you can call observe() multiple times on the same mutationobserver to watch for changes to different parts of the dom tree and/or different
types of changes.
Navigation Timing API - Web APIs
while this interface is defined by the high resolution time api, the navigation timing api adds two properties: timing and navigation, of the
types below.
Navigator.getUserMedia() - Web APIs
syntax navigator.getusermedia(constraints, successcallback, errorcallback); parameters constraints a mediastreamconstraints object specifying the
types of media to request, along with any requirements for each type.
Navigator.registerContentHandler() - Web APIs
example navigator.registercontenthandler( "application/vnd.mozilla.maybe.feed", "http://www.example.tld/?foo=%s", "my feed reader" ); notes for firefox 2 and above, only the application/vnd.mozilla.maybe.feed, application/atom+xml, and application/rss+xml mime
types are supported.
Navigator - Web APIs
navigatorplugins.mime
types read only returns an mimetypearray listing the mime
types supported by the browser.
NavigatorPlugins.plugins - Web APIs
applications that must check for the presence of a browser plugin should query navigator.plugins or navigator.mime
types by exact name instead of enumerating the navigator.plugins array and comparing every plugin's name.
NavigatorPlugins - Web APIs
properties navigatorplugins.mime
types read only returns an mimetypearray listing the mime
types supported by the browser.
Node.nodeName - Web APIs
values for the different
types of nodes are: interface nodename value attr the value of attr.name cdatasection "#cdata-section" comment "#comment" document "#document" documentfragment "#document-fragment" documenttype the value of documenttype.name element the value of element.tagname entity the entity name entityreference the name of entity reference notation the notation name processinginstruction the value of processinginstruction.target text "#text" example given the following markup: <div ...
Node.textContent - Web APIs
for other node
types, textcontent returns the concatenation of the textcontent of every child node, excluding comments and processing instructions.
Node - Web APIs
the dom node interface is an abstract base class upon which many other dom api objects are based, thus letting those object
types to be used similarly and often interchangeably.
NodeIterator - Web APIs
nodeiterator.whattoshow read only returns an unsigned long being a bitmask made of constants describing the
types of node that must to be presented.
OES_element_index_uint - Web APIs
the oes_element_index_uint extension is part of the webgl api and adds support for gl.unsigned_int
types to webglrenderingcontext.drawelements().
OVR_multiview2 - Web APIs
most vr headsets have two views, but there are proto
types of headset with ultra-wide fov using 4 views which is currently the maximum number of views supported by multiview.
ParentNode - Web APIs
the parentnode mixin contains methods and properties that are common to all
types of node objects that can have children.
Using the Payment Request API - Web APIs
(buildsupportedpaymentmethoddata(), buildshoppingcartdetails()); the functions invoked inside the constructor simply return the required object parameters: function buildsupportedpaymentmethoddata() { // example supported payment methods: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supported
types: ['debit', 'credit'] } }]; } function buildshoppingcartdetails() { // hardcoded for demo purposes: return { id: 'order-123', displayitems: [ { label: 'example item', amount: {currency: 'usd', value: '1.00'} } ], total: { label: 'total', amount: {currency: 'usd', value: '1.00'} } }; } starting the payment process once the p...
performance.getEntries() - Web APIs
if you are only interested in performance entries of certain
types or that have certain names, see getentriesbytype() and getentriesbyname().
PerformanceEntry - Web APIs
performanceentry instances will always be one of the following sub
types: performancemark performancemeasure performanceframetiming performancenavigationtiming performanceresourcetiming performancepainttiming note: this feature is available in web workers.
PerformanceObserver.takeRecords() - Web APIs
example var observer = new performanceobserver(function(list, obj) { var entries = list.getentries(); for (var i=0; i < entries.length; i++) { // process "mark" and "frame" events } }); observer.observe({entry
types: ["mark", "frame"]}); var records = observer.takerecords(); console.log(records[0].name); console.log(records[0].starttime); console.log(records[0].duration); specifications specification status comment performance timeline level 2the definition of 'takerecords()' in that specification.
PerformanceObserverEntryList - Web APIs
example // create observer for all performance event
types // list is of type performanceobserveentrylist var observe_all = new performanceobserver(function(list, obs) { var perfentries = list.getentries(); for (var i = 0; i < perfentries.length; i++) { print_perf_entry(perfentries[i]); // do something with it } }) specifications specification status comment performance timeline level 2the definition of 'per...
PerformanceResourceTiming - Web APIs
properties this interface extends the following performanceentry properties for resource performance entry
types by qualifying and constraining them as follows: performanceentry.entrytyperead only returns "resource".
Plugin - Web APIs
methods plugin.item returns the mime type of a supported content type, given the index number into a list of supported
types.
PointerEvent.PointerEvent() - Web APIs
syntax event = new pointerevent(type, pointereventinit); arguments type is a domstring representing the name of the event (see pointerevent event
types).
PointerEvent.isPrimary - Web APIs
when two or more pointer device
types are being used concurrently, multiple pointers (one for each pointertype) are considered primary.
PointerEvent.pointerType - Web APIs
if the browser supports pointer device
types other than those listed above, the value should be vendor-prefixed to avoid conflicting names for different
types of devices.
Multi-touch interaction - Web APIs
example this example demonstrates using pointer events' various event
types (pointerdown, pointermove, pointerup pointercancel, etc.) for different multi-touch interactions.
RTCStats - Web APIs
the statistics type hierarchy the various dictionaries that are used to define the contents of the objects that contain each of the various
types of statistics for webrtc are structured in such a way that they build upon the core rtcstats dictionary, each layer adding more relevant information.
RTCStatsReport - Web APIs
track the object is one of the
types based on rtcmediahandlerstats: for audio tracks, the type is rtcsenderaudiotrackattachmentstats and for video tracks, the type is rtcsendervideotrackattachmentstats.
RTCStatsType - Web APIs
track the object is one of the
types based on rtcmediahandlerstats: for audio tracks, the type is rtcsenderaudiotrackattachmentstats and for video tracks, the type is rtcsendervideotrackattachmentstats.
Range.endOffset - Web APIs
for other node
types, the endoffset is the number of child nodes between the start of the endcontainer and the boundary point of the range.
Range.startOffset - Web APIs
for other node
types, the startoffset is the number of child nodes between the start of the startcontainer and the boundary point of the range.
RenderingContext - Web APIs
the primary use of this type is the definition of the <canvas> element's htmlcanvaselement.getcontext() method, which returns a renderingcontext (meaning it returns any one of the rendering context
types).
Report.url - Web APIs
examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { let firstreport = reports[0]; // log the url of the document that generated the first report // e.g.
Report - Web APIs
examples in our deprecation_report.html example, we create a simple reporting observer to observe usage of deprecated features on our web page: let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.o...
ReportingObserver.disconnect() - Web APIs
syntax reportingobserverinstance.disconnect() examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); observer.observe() ...
ReportingObserver.observe() - Web APIs
syntax reportingobserverinstance.observe() examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); observer.observe() specifications specification status comment reporting apithe definition of 'reportingobserver.observe()' in that specification.
ReportingObserver.takeRecords() - Web APIs
examples let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); observer.observe() // ...
ReportingObserver - Web APIs
examples in our deprecation_report.html example, we create a simple reporting observer to observe usage of deprecated features on our web page: let options = {
types: ['deprecation'], buffered: true } let observer = new reportingobserver(function(reports, observer) { reportbtn.onclick = () => displayreports(reports); }, options); we then tell it to start observing reports using reportingobserver.observe(); this tells the observer to start collecting reports in its report queue, and runs the callback function specified inside the constructor: observer.o...
Request.context - Web APIs
note: you can find a full list of the different available contexts including associated context frame
types, csp directives, and platform feature examples in the fetch spec request context section.
Request.destination - Web APIs
the destination is used by the user agent to, for example, help determine which set of rules to follow for cors purposes, or how to navigate any complicated code paths that affect how specific
types of request get handled.
SVGComponentTransferFunctionElement - Web APIs
" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgcomponenttransferfunctionelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomponenttransfer_type_unknown 0 the type is not one of predefined
types.
SVGFEBlendElement - Web APIs
ke-width="2px" /><text x="396" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeblendelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_feblend_mode_unknown 0 the type is not one of predefined
types.
SVGFEColorMatrixElement - Web APIs
x" /><text x="366" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecolormatrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecolormatrix_type_unknown 0 the type is not one of predefined
types.
SVGFECompositeElement - Web APIs
x" /><text x="376" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfecompositeelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_fecomposite_operator_unknown 0 the type is not one of predefined
types.
SVGFEConvolveMatrixElement - Web APIs
dth="2px" /><text x="351" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfeconvolvematrixelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined
types.
SVGFEDisplacementMapElement - Web APIs
dth="2px" /><text x="346" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfedisplacementmapelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_channel_unknown 0 the type is not one of predefined
types.
SVGFEGaussianBlurElement - Web APIs
width="2px" /><text x="361" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfegaussianblurelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_edgemode_unknown 0 the type is not one of predefined
types.
SVGFEMorphologyElement - Web APIs
x" /><text x="371" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgfemorphologyelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_morphology_operator_unknown 0 the type is not one of predefined
types.
SVGLength - Web APIs
dpi-dependent): value: 37.7952766418457, valueinspecifiedunits: 6: 1, valueasstring: 1cm value: 26.66666603088379, valueinspecifiedunits 9: 20, valueasstring: 20pt value: 26.66666603088379, valueinspecifiedunits 8: 0.277777761220932, valueasstring: 0.277778in constants name value description svg_lengthtype_unknown 0 the unit type is not one of predefined unit
types.
SVGPathSeg - Web APIs
pathseg_curveto_quadratic_smooth_rel = 19 normative document svg 1.1 (2nd edition) constants name value description pathseg_unknown 0 the unit type is not one of predefined
types.
SVGTransform - Web APIs
nsform_unknown = 0 svg_transform_matrix = 1 svg_transform_translate = 2 svg_transform_scale = 3 svg_transform_rotate = 4 svg_transform_skewx = 5 svg_transform_skewy = 6 normative document svg 1.1 (2nd edition) constants name value description svg_transform_unknown 0 the unit type is not one of predefined unit
types.
SVGZoomAndPan - Web APIs
4" stroke-width="2px" /><text x="66" y="30" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgzoomandpan</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} constants name value description svg_zoomandpan_unknown 0 the type is not one of predefined
types.
ScriptProcessorNode.onaudioprocess - Web APIs
the onaudioprocess event handler of the scriptprocessornode interface represents the eventhandler to be called for the audioprocess event that is dispatched to scriptprocessornode node
types.
SourceBuffer.changeType() - Web APIs
notsupportederror the specified mime type is not supported, or is not supported with the
types of sourcebuffer objects present in the mediasource.sourcebuffers list.
SourceBuffer - Web APIs
as written by nick desaulniers and can be viewed live here (you can also download the source for further investigation.) var video = document.queryselector('video'); var asseturl = 'frag_bunny.mp4'; // need to be specific for blink regarding codecs // ./mp4info frag_bunny.mp4 | grep codec var mimecodec = 'video/mp4; codecs="avc1.42e01e, mp4a.40.2"'; if ('mediasource' in window && mediasource.is
typesupported(mimecodec)) { var mediasource = new mediasource(); //console.log(mediasource.readystate); // closed video.src = url.createobjecturl(mediasource); mediasource.addeventlistener('sourceopen', sourceopen); } else { console.error('unsupported mime type or codec: ', mimecodec); } function sourceopen (_) { //console.log(this.readystate); // open var mediasource = this; var sourc...
SpeechSynthesisEvent.name - Web APIs
the name read-only property of the speechsynthesisutterance interface returns the name associated with certain
types of events occuring as the speechsynthesisutterance.text is being spoken: the name of the ssml marker reached in the case of a mark event, or the type of boundary reached in the case of a boundary event.
SpeechSynthesisEvent - Web APIs
speechsynthesisevent.name read only returns the name associated with certain
types of events occuring as the speechsynthesisutterance.text is being spoken: the name of the ssml marker reached in the case of a mark event, or the type of boundary reached in the case of a boundary event.
StaticRange.StaticRange() - Web APIs
those node
types are node.document_type_node (representing the documenttype node derived from the dtd identified using the doctype preamble in the html, for example) and the attr node describing an attribute of an element on the dom..
StorageQuota - Web APIs
properties storagequota.supported
types read only returns a list of the available storage
types.
Using readable streams - Web APIs
in the pump() function seen above we first invoke read(), which returns a promise containing a results object — this has the results of our read in it, in the form { done, value }: return reader.read().then(({ done, value }) => { the results can be one of three different
types: if a chunk is available to read, the promise will be fulfilled with an object of the form { value: thechunk, done: false }.
Streams API - Web APIs
unpack chunks of a png: this example shows how pipethrough() can be used to transform a readablestream into a stream of other data
types by transforming a data of a png file into a stream of png chunks.
TextEncoder - Web APIs
) | (point&0x3f/*0b00111111*/); } } if (typeof uint8array !== "undefined") return resarr.subarray(0, respos + 1); // else // ie 6-9 resarr.length = respos + 1; // trim off extra weight return resarr; }; textencoder.prototype.tostring = function(){return "[object textencoder]"}; try { // object.defineproperty only works on dom proto
types in ie8 object.defineproperty(textencoder.prototype,"encoding",{ get:function(){if(textencoder.prototype.isprototypeof(this)) return"utf-8"; else throw typeerror("illegal invocation");} }); } catch(e) { /*ie6-8 fallback*/ textencoder.prototype.encoding = "utf-8"; } if(typeof symbol!=="undefined")textencoder.prototype[symbol.tostringtag...
TextTrackCue - Web APIs
texttrackcue is an abstract class which is used as the basis for the various derived cue
types, such as vttcue; you will instead work with those derived
types.
TouchEvent - Web APIs
initial value: 1.0 touch event
types there are several
types of event that can be fired to indicate that touch-related changes have occurred.
TrackEvent.track - Web APIs
syntax track = trackevent.track; value an object which is one of the
types audiotrack, videotrack, or texttrack, depending on the type of media represented by the track.
Transferable - Web APIs
the arraybuffer, messageport, imagebitmap and offscreencanvas
types implement this interface.
TreeWalker - Web APIs
treewalker.whattoshow read only returns an unsigned long being a bitmask made of constants describing the
types of node that must be presented.
ValidityState.rangeOverflow - Web APIs
if the field is numeric in nature, including the date, month, week, time, datetime-local, number and range
types and a max value is set, if the value don't doesn't conform to the constraints set by the max value, the rangeoverflow property will be true.
ValidityState.rangeUnderflow - Web APIs
if the field is numeric in nature, including the date, month, week, time, datetime-local, number and range
types and a min value is set, if the value don't doesn't conform to the constraints set by the min value, the rangeunderflow property will be true.
ValidityState.stepMismatch - Web APIs
if the field is numeric in nature, including the date, month, week, time, datetime-local, number and range
types and the step value is not any, if the value don't doesn't conform to the constraints set by the step and min values, then stepmismatch will be true.
Lighting in WebGL - Web APIs
there are three basic
types of lighting: ambient light is the light that permeates the scene; it's non-directional and affects every face in the scene equally, regardless of which direction it's facing.
Lifetime of a WebRTC session - Web APIs
information exchanged during signaling there are three basic
types of information that need to be exchanged during signaling: control messages used to set up, open, and close the communication channel, and to handle errors.
WebSocket() - Web APIs
these strings are used to indicate sub-protocols, so that a single server can implement multiple websocket sub-protocols (for example, you might want one server to be able to handle different
types of interactions depending on the specified protocol).
WebXR Device API - Web APIs
learn how reference spaces are used to position objects—and the viewer—and the differences among the available
types of reference space, as well as their use cases.
Web Speech API - Web APIs
grammar is defined using jspeech grammar format (jsgf.) speech synthesis is accessed via the speechsynthesis interface, a text-to-speech component that allows programs to read out their text content (normally via the device's default speech synthesiser.) different voice
types are represented by speechsynthesisvoice objects, and different parts of text that you want to be spoken are represented by speechsynthesisutterance objects.
Worker - Web APIs
(fetch is also available, with no such restrictions.) in firefox extensions, if you want to use workers with access to js-c
types, use chromeworker object instead.
Worklet - Web APIs
worklet
types worklets are restricted to specific use cases; they cannot be used for arbitrary computations like web workers.
XMLDocument - Web APIs
it inherits from the generic document and does not add any specific methods or properties to it: nevertheless, several algorithms behave differently with the two
types of documents.
XMLHttpRequest.sendAsBinary() - Web APIs
ndasbinary = function (sdata) { var nbytes = sdata.length, ui8data = new uint8array(nbytes); for (var nidx = 0; nidx < nbytes; nidx++) { ui8data[nidx] = sdata.charcodeat(nidx) & 0xff; } /* send as arraybufferview...: */ this.send(ui8data); /* ...or as arraybuffer (legacy)...: this.send(ui8data.buffer); */ }; } note: it's possible to build this polyfill putting two
types of data as argument for send(): an arraybuffer (ui8data.buffer – the commented code) or an arraybufferview (ui8data, which is a typed array of 8-bit unsigned integers – uncommented code).
XPathResult - Web APIs
since xpath expressions can result in a variety of result
types, this interface makes it possible to determine and handle the type and value of the result.
XRReferenceSpaceEvent - Web APIs
event
types reset the reset event is sent to a reference space when its native origin is changed due to a discontinuity, recalibration, or device reset.
XRSessionEvent - Web APIs
session event
types the following events are represented using the xrsessionevent interface, and are permitted values for its type property.
XRViewport - Web APIs
the precise orientation of the coordinate system may vary with other surface
types, but in webgl, the origin (0, 0) is located at the bottom-left corner of the surface.
XRWebGLLayer - Web APIs
although xrwebgllayer is currently the only type of framebuffer layer supported by webgl, it's entirely possible that future updates to the webxr specification may allow for other layer
types and corresponding image sources.
Using the aria-labelledby attribute - Accessibility
in addition to form elements, you can use the aria-labelledby attribute to associate static text with widgets, groups of elements, panes, regions that have a heading, definitions, and other
types of objects.
ARIA Test Cases - Accessibility
n/a - fail window-eyes - - - - nvda - n/a - - zoom (leopard) pass n/a pass pass zoom (leopard) pass n/a pass pass zoomtext fail- announced as 'alert' pass - - orca - - - - button basic button button with description dojo nightly build -- lots of other
types of buttons there as well.
ARIA: img role - Accessibility
this is obvious to fix in the case of images (you can use the alt attribute), but in the case of mixed or other certain
types of content it is not so obvious, and role="img" can come into play.
Accessibility documentation index - Accessibility
24 using the aria-relevant attribute aria, accessibility, needsexample, arialive, attri the aria-relevant attribute is an optional value used to describe what
types of changes have occurred to an aria-live region, and which are relevant and should be announced.
Keyboard - Accessibility
you can make it operable with the keyboard by defining an onkeydown event handler; in most cases, the action taken by event handler should be the same for both
types of events.
::-moz-focus-inner - CSS: Cascading Style Sheets
the ::-moz-focus-inner css pseudo-element is a mozilla extension that represents an inner focus ring of the <button> element as well as the button, submit, reset, and color
types of the <input> element.
:invalid - CSS: Cascading Style Sheets
people who have certain
types of color blindness will be unable to determine the input's state unless it is accompanied by an additional indicator that does not rely on color to convey meaning.
:valid - CSS: Cascading Style Sheets
people who have certain
types of color blindness will be unable to determine the input's state unless it is accompanied by an additional indicator that does not rely on color to convey meaning.
prefers-reduced-motion - CSS: Cascading Style Sheets
reduce indicates that user has notified the system that they prefer an interface that removes or replaces the
types of motion-based animation that trigger discomfort for those with vestibular motion disorders.
CSS Display - CSS: Cascading Style Sheets
reference css properties display css data
types <display-outside> <display-inside> <display-listitem> <display-box> <display-internal> <display-legacy> guides css flow layout (display: block, display: inline) block and inline layout in normal flow flow layout and overflow flow layout and writing modes formatting contexts explained in flow and out of flow display: flex basic concepts of flexbox aligning items in a flex container controlling ratios of flex items along the main axis cross-browser flexbox mixins mastering wrapping of flex items ordering flex items relationship of flexbox to other layou...
CSS Grid Layout - CSS: Cascading Style Sheets
{ grid-column: 3; grid-row: 4; } reference css properties grid-template-columns grid-template-rows grid-template-areas grid-template grid-auto-columns grid-auto-rows grid-auto-flow grid grid-row-start grid-column-start grid-row-end grid-column-end grid-row grid-column grid-area row-gap column-gap gap css functions repeat() minmax() fit-content() css data
types <flex> glossary entries grid grid lines grid tracks grid cell grid area gutters grid axis grid row grid column guides basic concepts of grid layout relationship of grid layout to other layout methods layout using line-based placement grid template areas layout using named grid lines auto-placement in css grid layout box alignment in css grid layout css grid, logic...
CSS Shapes - CSS: Cascading Style Sheets
reference properties shape-image-threshold shape-margin shape-outside data
types <basic-shape> guides overview of css shapes shapes from box values basic shapes shapes from images edit shape paths in css — firefox developer tools external resources a list of css shapes resources css shapes 101 creating non-rectangular layouts with css shapes how to use css shapes in your web design how to get started with css shapes what i learned in one weekend with...
CSS Transforms - CSS: Cascading Style Sheets
reference properties backface-visibility perspective perspective-origin rotate scale transform transform-box transform-origin transform-style translate data
types <transform-function> guides using css transforms step-by-step tutorial about how to transform elements styled with css.
Compositing and Blending - CSS: Cascading Style Sheets
reference properties background-blend-mode isolation mix-blend-mode data
types <blend-mode> specifications specification status comment compositing and blending level 1 candidate recommendation initial definition ...
Filter Effects - CSS: Cascading Style Sheets
reference properties backdrop-filter filter data
types <filter-function> specifications specification status comment filter effects module level 1the definition of 'filter' in that specification.
Replaced elements - CSS: Cascading Style Sheets
however, other form controls, including other
types of <input> elements, are explicitly listed as non-replaced elements (the spec describes their default platform-specific rendering with the term "widgets").
<filter-function> - CSS: Cascading Style Sheets
examples filter function comparison this example provides a simple graphic, along with a select menu to allow you to choose between the different
types of filter function, and a slider to allow you to vary the values used inside the filter function.
grid-template-columns - CSS: Cascading Style Sheets
formal definition initial valuenoneapplies togrid containersinheritednopercentagesrefer to corresponding dimension of the content areacomputed valueas specified, but with relative lengths converted into absolute lengthsanimation
typesimple list of length, percentage, or calc, provided the only differences are in the values of the length, percentage, or calc components in the list formal syntax none | <track-list> | <auto-track-list> | subgrid <line-name-list>?where <track-list> = [ <line-names>?
grid-template-rows - CSS: Cascading Style Sheets
formal definition initial valuenoneapplies togrid containersinheritednopercentagesrefer to corresponding dimension of the content areacomputed valueas specified, but with relative lengths converted into absolute lengthsanimation
typesimple list of length, percentage, or calc, provided the only differences are in the values of the length, percentage, or calc components in the list formal syntax none | <track-list> | <auto-track-list> | subgrid <line-name-list>?where <track-list> = [ <line-names>?
Inheritance - CSS: Cascading Style Sheets
css properties can be categorized in two
types: inherited properties, which by default are set to the computed value of the parent element non-inherited properties, which by default are set to initial value of the property refer to any css property definition to see whether a specific property inherits by default ("inherited: yes") or not ("inherited: no").
margin-left - CSS: Cascading Style Sheets
flexbox layout mode formal definition initial value0applies toall elements, except elements with table display
types other than table-caption, table and inline-table.
margin - CSS: Cascading Style Sheets
initial valueas each of the properties of the shorthand:margin-bottom: 0margin-left: 0margin-right: 0margin-top: 0applies toall elements, except elements with table display
types other than table-caption, table and inline-table.
perspective-origin - CSS: Cascading Style Sheets
formal definition initial value50% 50%applies totransformable elementsinheritednopercentagesrefer to the size of bounding boxcomputed valuefor <length> the absolute value, otherwise a percentageanimation
typesimple list of length, percentage, or calc formal syntax <position>where <position> = [ [ left | center | right ] | [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]?
scale() - CSS: Cascading Style Sheets
cartesian coordinates on ℝ2 homogeneous coordinates on ℝℙ2 cartesian coordinates on ℝ3 homogeneous coordinates on ℝℙ3 sx0 0sy sx000sy0001 sx000sy0001 sx0000sy0000100001 [sx 0 0 sy 0 0] accessibility concerns scaling/zooming animations are problematic for accessibility, as they are a common trigger for certain
types of migraine.
<transform-function> - CSS: Cascading Style Sheets
examples transform function comparison the following example provides a 3d cube created from dom elements and transforms, and a select menu allowing you to choose different transform functions to transform the cube with, so you can compare the effects of the different
types.
transform-origin - CSS: Cascading Style Sheets
and match the following <percentage> values: keyword value left 0% center 50% right 100% top 0% bottom 100% formal definition initial value50% 50% 0applies totransformable elementsinheritednopercentagesrefer to the size of bounding boxcomputed valuefor <length> the absolute value, otherwise a percentageanimation
typesimple list of length, percentage, or calc formal syntax [ <length-percentage> | left | center | right | top | bottom ] | [ [ <length-percentage> | left | center | right ] && [ <length-percentage> | top | center | bottom ] ] <length>?where <length-percentage> = <length> | <percentage> examples code sample transform: none; <div class="box1"> </div...
CSS: Cascading Style Sheets
this module looks at the cascade and inheritance, all the selector
types we have available, units, sizing, styling backgrounds and borders, debugging, and lots more.
exsl:object-type() - EXSLT
note: most xslt object
types can be coerced into each other safely; however, certain coercsions to raise error conditions.
WAI ARIA Live Regions/API Support - Developer guides
fined on some ancestor element (closest ancestor wins): object attribute name possible values default value if not specified meaning aria markup if required container-live "off" | "polite" | "assertive" "off" interruption policy aria-live on ancestor element container-relevant "[additions] [removals] [text]" | "all" "additions text" what
types of mutations are possibly relevant?
Audio and video manipulation - Developer guides
common audio filters these are some of the common
types of audio filter you can apply: low pass: allows frequencies below the cutoff frequency to pass through and attenuates frequencies above the cutoff.
Creating and triggering events - Developer guides
event, allow bubbling, and provide any data you want to pass to the "detail" property const eventawesome = new customevent('awesome', { bubbles: true, detail: { text: () => textarea.value } }); // the form element listens for the custom "awesome" event and then consoles the output of the passed text() method form.addeventlistener('awesome', e => console.log(e.detail.text())); // as the user
types, the textarea inside the form dispatches/triggers the event to fire, and uses itself as the starting point textarea.addeventlistener('input', e => e.target.dispatchevent(eventawesome)); creating and dispatching events dynamically elements can listen for events that haven't been created yet: <form> <textarea></textarea> </form> const form = document.queryselector('form'); const textarea = ...
DOM onevent handlers - Developer guides
for example: if ("onsomenewfeature" in window) { /* do something amazing */ } event handlers and proto
types you can't set or access the values of any idl-defined attributes on dom prototype objects.
The Unicode Bidirectional Text Algorithm - Developer guides
fundamentals (base direction, character
types, etc) the algorithm character level directionality directional runs (what they are, how base direction applies) handling neutral characters overriding the algorithm content about using html and css to override the default behavior of the algorithm; include info about isolating ranges etc.
Developer guides
events developer guide events refer to two things: a design pattern used for the asynchronous handling of various incidents which occur in the lifetime of a web page; and the naming, characterization, and use of a large number of incidents of different
types.
HTML attribute: max - HTML: Hypertext Markup Language
valid for the numeric input
types, including the date, month, week, time, datetime-local, number and range
types, and both the <progress> and <meter> elements, the max attribute is a number that specifies the most positive value a form control to be considered valid.
<input type="hidden"> - HTML: Hypertext Markup Language
additional attributes in addition to the attributes common to all <input> elements, hidden inputs offer the following attributes: attribute description name like all input
types, the name of the input to report when submitting the form; the special value _charset_ causes the hidden input's value to be reported as the character encoding used to submit the form name this is actually one of the common attributes, but it has a special meaning available for hidden inputs.
HTML elements reference - HTML: Hypertext Markup Language
<input> the html <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of
types of input data and control widgets are available, depending on the device and user agent.
itemscope - HTML: Hypertext Markup Language
the item
types, recipe, aggregaterating, and nutritioninformation in the following example are part of the schema.org structured data for a recipe, as specified by the first itemtype, http://schema.org/recipe.
Microdata - HTML: Hypertext Markup Language
commonly used vocabularies: creative works: creativework, book, movie, musicrecording, recipe, tvseries embedded non-text objects: audioobject, imageobject, videoobject event health and medical
types: notes on the health and medical
types under medicalentity organization person place, localbusiness, restaurant product, offer, aggregateoffer review, aggregaterating action thing intangible major search engine operators like google, microsoft, and yahoo!
Cross-Origin Resource Sharing (CORS) - HTTP
additionally, for http request methods that can cause side-effects on server data (in particular, http methods other than get, or post with certain mime
types), the specification mandates that browsers "preflight" the request, soliciting supported methods from the server with the http options request method, and then, upon "approval" from the server, sending the actual request.
Compression in HTTP - HTTP
unlike text, these other media
types use lot of space to store their data and the need to optimize storage and regain space was apparent very early.
Connection management in HTTP/1.x - HTTP
not all
types of http requests can be pipelined: only idempotent methods, that is get, head, put and delete, can be replayed safely: should a failure happen, the pipeline content can simply be repeated.
List of default Accept values - HTTP
edge text/html, application/xhtml+xml, image/jxr, */* opera text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/webp, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1 values for an image when requesting an image, like through an html <img> element, user-agent often sets a specific list of media
types to be welcomed.
Feature Policy - HTTP
types of policy-controlled features though feature policy provides control of multiple features using a consistent syntax, the behavior of policy controlled features varies and depends on several factors.
Accept-Charset - HTTP
header type request header forbidden header name yes syntax accept-charset: <charset> // multiple
types, weighted with the quality value syntax: accept-charset: utf-8, iso-8859-1;q=0.5 directives <charset> a character encoding name, like utf-8 or iso-8859-15.
Accept-Language - HTTP
syntax accept-language: <language> accept-language: * // multiple
types, weighted with the quality value syntax: accept-language: fr-ch, fr;q=0.9, en;q=0.8, de;q=0.7, *;q=0.5 directives <language> a language tag (which is sometimes referred to as a "locale identifier").
Accept-Patch - HTTP
two common cases lead to this: a server receiving a patch request with an unsupported media type could reply with 415 unsupported media type and an accept-patch header referencing one or more supported media
types.
Authorization - HTTP
other
types: iana registry of authentication schemes authentification for aws servers (aws4-hmac-sha256) <credentials> if the "basic" authentication scheme is used, the credentials are constructed like this: the username and the password are combined with a colon (aladdin:opensesame).
Content-Encoding - HTTP
the recommendation is to compress data as much as possible and therefore to use this field, but some
types of resources, such as jpeg images, are already compressed.
Content-Language - HTTP
multiple language tags are also possible, as well as applying the content-language header to various media
types and not only to textual documents.
Content-Location - HTTP
on the request's accept header: request header response header accept: application/json, text/json content-location: /documents/foo.json accept: application/xml, text/xml content-location: /documents/foo.xml accept: text/plain, text/* content-location: /documents/foo.txt these urls are examples — the site could serve the different file
types with any url patterns it wishes, such as a query string parameter: /documents/foo?format=json, /documents/foo?format=xml, and so on.
CSP: base-uri - HTTP
sites needing to allow these content
types can specify them using the data attribute.
CSP: child-src - HTTP
sites needing to allow these content
types can specify them using the data attribute.
CSP: font-src - HTTP
sites needing to allow these content
types can specify them using the data attribute.
CSP: frame-src - HTTP
sites needing to allow these content
types can specify them using the data attribute.
CSP: img-src - HTTP
sites needing to allow these content
types can specify them using the data attribute.
CSP: media-src - HTTP
sites needing to allow these content
types can specify them using the data attribute.
Strict-Transport-Security - HTTP
description if a website accepts a connection through http and redirects to https, visitors may initially communicate with the non-encrypted version of the site before being redirected, if, for example, the visitor
types http://www.foo.com/ or even just foo.com.
HTTP headers - HTTP
content negotiation accept informs the server about the
types of data that can be sent back.
Link prefetching FAQ - HTTP
in fact, the html 4.01 specification explicitly allows for the definition of new link relation
types (see section 6.12: link
types).
HTTP Messages - HTTP
there are two
types of messages: requests sent by the client to trigger an action on the server, and responses, the answer from the server.
POST - HTTP
data; name="field1" value1 --boundary content-disposition: form-data; name="field2"; filename="example.txt" value2 --boundary-- specifications specification title rfc 7231, section 4.3.3: post hypertext transfer protocol (http/1.1): semantics and content rfc 2046, section 5.1.1: common syntax multipurpose internet mail extensions (mime) part two: media
types ...
Network Error Logging - HTTP
"phase": "dns", "protocol": "http/1.1", "referrer": "https://example.com/previous-page", "sampling_fraction": 1, "server_ip": "", "status_code": 0, "type": "dns.name_not_resolved", "url": "https://example-host.com/" } } the type of the network error may be one of the following pre-defined values from the specification, but browsers can add and send their own error
types: dns.unreachable the user's dns server is unreachable dns.name_not_resolved the user's dns server responded but was unable to resolve an ip address for the requested uri.
Proxy servers and tunneling - HTTP
there are two
types of proxies: forward proxies (or tunnel, or gateway) and reverse proxies (used to control and protect access to a server for load-balancing, authentication, decryption or caching).
A typical HTTP session - HTTP
an absolute url without the protocol or domain name the http protocol version subsequent lines represent an http header, giving the server information about what type of data is appropriate (e.g., what language, what mime
types), or other data altering its behavior (e.g., not sending an answer if it is already cached).
CSS Houdini
houdini's css typed om is a css object model with
types and methods, exposing values as javascript objects making for more intuitive css manipulation than previous string based htmlelement.style manipulations.
Indexed collections - JavaScript
typed array views typed array views have self descriptive names and provide views for all the usual numeric
types like int8, uint32, float64 and so forth.
JavaScript Guide - JavaScript
chapters this guide is divided into several chapters: introduction about this guide about javascript javascript and java ecmascript tools hello world grammar and
types basic syntax & comments declarations variable scope variable hoisting data structures and
types literals control flow and error handling if...else switch try/catch/throw error objects loops and iteration for while do...while break/continue for..in for..of functions defining functions calling functions function scope closures arguments & param...
JavaScript technologies overview - JavaScript
among other things, ecmascript defines: language syntax (parsing rules, keywords, control flow, object literal initialization, ...) error handling mechanisms (throw, try...catch, ability to create user-defined error
types)
types (boolean, number, string, function, object, ...) the global object.
BigInt64Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
BigUint64Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
DataView - JavaScript
the dataview view provides a low-level interface for reading and writing multiple number
types in a binary arraybuffer, without having to care about the platform's endianness.
Float32Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
Float64Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
Function.prototype.bind() - JavaScript
// yes, it does work with `new (funca.bind(thisarg, args))` if (!function.prototype.bind) (function(){ var arrayproto
typeslice = array.prototype.slice; function.prototype.bind = function(otherthis) { if (typeof this !== 'function') { // closest thing possible to the ecmascript 5 // internal iscallable function throw new typeerror('function.prototype.bind - what is trying to be bound is not callable'); } var baseargs= arrayproto
typeslice.call(arguments, 1), baseargslength = bas...
Int16Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
Int32Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
Int8Array() constructor - JavaScript
typedarray when called with a typedarray argument, which can be an object of any of the typed array
types (such as int32array), the typedarray gets copied into a new typed array.
Intl.Locale() constructor - JavaScript
examples basic usage at its very simplest, the intl.locale constructor takes a locale identifier string as its argument: let us = new intl.locale('en-us'); using the locale constructor with an options object the constructor also takes an optional configuration object argument, which can contain any of several extension
types.
Intl.Locale.prototype.calendar - JavaScript
let frbuddhist = new intl.locale("fr-fr-u-ca-buddhist"); console.log(frbuddhist.calendar); // prints "buddhist" adding a calendar with a configuration object the intl.locale constructor has an optional configuration object argument, which can contain any of several extension
types, including calendars.
Intl.Locale.prototype.caseFirst - JavaScript
let casefirststr = new intl.locale("fr-latn-fr-u-kf-upper"); console.log(casefirststr.casefirst); // prints "upper" setting the casefirst value via the configuration object argument the intl.locale constructor has an optional configuration object argument, which can be used to pass extension
types.
Intl.Locale.prototype.numberingSystem - JavaScript
let numberingsystemviastr = new intl.locale("fr-latn-fr-u-nu-mong"); console.log(numberingsystemstr.numberingsystem); // prints "mong" setting the numberingsystem value via the configuration object argument the intl.locale constructor has an optional configuration object argument, which can be used to pass extension
types.
Intl.Locale.prototype.numeric - JavaScript
let numericviastr = new intl.locale("fr-latn-fr-u-kn-false"); console.log(numericstr.numeric); // prints "false" setting the numeric value via the configuration object argument the intl.locale constructor has an optional configuration object argument, which can be used to pass extension
types.
Intl.Locale - JavaScript
examples basic usage at its very simplest, the intl.locale constructor takes a locale identifier string as its argument: let us = new intl.locale('en-us'); using the locale constructor with an options object the constructor also takes an optional configuration object argument, which can contain any of several extension
types.
Intl.NumberFormat.prototype.formatToParts() - JavaScript
the structure the formattoparts() method returns, looks like this: [ { type: "integer", value: "3" }, { type: "group", value: "." }, { type: "integer", value: "500" } ] possible
types are the following: currency the currency string, such as the symbols "$" and "€" or the name "dollar", "euro" depending on how currencydisplay is specified.
Map - JavaScript
key
types a map's keys can be any value (including functions, objects, or any primitive).
NaN - JavaScript
there are five different
types of operations that return nan: number cannot be parsed (e.g.
Number - JavaScript
values of other
types can be converted to numbers using the number() function.
Object() constructor - JavaScript
examples creating a new object let o = new object() o.foo = 42 console.log(o) // object { foo: 42 } using object given undefined and null
types the following examples store an empty object object in o: let o = new object() let o = new object(undefined) let o = new object(null) specifications specification ecmascript (ecma-262)the definition of 'object constructor' in that specification.
Object.assign() - JavaScript
for copying property definitions (including their enumerability) into proto
types, use object.getownpropertydescriptor() and object.defineproperty() instead.
Object.prototype.valueOf() - JavaScript
examples using valueof on custom
types function mynumbertype(n) { this.number = n; } mynumbertype.prototype.valueof = function() { return this.number; }; var myobj = new mynumbertype(4); myobj + 3; // 7 using unary plus +"5" // 5 (string to number) +"" // 0 (string to number) +"1 + 2" // nan (doesn't evaluate) +new date() // same as (new date()).gettime() +"foo" // nan (string to number) +{} // nan +[] // 0 (tostring() r...
Symbol() constructor - JavaScript
it creates a new symbol each time: symbol('foo') === symbol('foo') // false new symbol(...) the following syntax with the new operator will throw a typeerror: let sym = new symbol() // typeerror this prevents authors from creating an explicit symbol wrapper object instead of a new symbol value and might be surprising as creating explicit wrapper objects around primitive data
types is generally possible (for example, new boolean, new string and new number).
typeof - JavaScript
for more information about
types and primitives, see also the javascript data structure page.
try...catch - JavaScript
conditional catch-blocks you can create "conditional catch-blocks" by combining try...catch blocks with if...else if...else structures, like this: try { myroutine(); // may throw three
types of exceptions } catch (e) { if (e instanceof typeerror) { // statements to handle typeerror exceptions } else if (e instanceof rangeerror) { // statements to handle rangeerror exceptions } else if (e instanceof evalerror) { // statements to handle evalerror exceptions } else { // statements to handle any unspecified exceptions logmyerrors(e); // pass exception object t...
JavaScript reference - JavaScript
arguments arrow functions default parameters rest parameters additional reference pages lexical grammar data
types and data structures strict mode deprecated features ...
JavaScript
javascript building blocks continues our coverage of javascript's key fundamental features, turning our attention to commonly-encountered
types of code blocks such as conditional statements, loops, functions, and events.
icons - Web app manifests
the purpose of this member is to allow a user agent to quickly ignore images with media
types it does not support.
Lazy loading - Web Performance
css must be thin, delivered as quickly as possible, and the usage media
types and queries are advised to unblock rendering.
Progressive loading - Progressive web apps (PWAs)
we can also split css files and add media
types to them: <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="print.css" media="print"> this will tell the browser to load them only when the condition is met.
The building blocks of responsive design - Progressive web apps (PWAs)
(-webkit-min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { button { background: url(images/high-res-header.jpg) 1rem center ; } } this looks rather complicated, but really it's not — we are providing a number of media query options, as at this time different browsers support different resolution media query
types and even units.
d - SVG: Scalable Vector Graphics
svg defines 6
types of path commands, for a total of 20 commands: moveto: m, m lineto: l, l, h, h, v, v cubic bézier curve: c, c, s, s quadratic bézier curve: q, q, t, t elliptical arc curve: a, a closepath: z, z note: commands are case-sensitive.
href - SVG: Scalable Vector Graphics
refer to the descriptions of the individual animation elements for any restrictions on what
types of elements can be targets of particular
types of animations.
SVG 2 support in Mozilla - SVG: Scalable Vector Graphics
<image>; bug 1240357) rendering model change notes svg root and <foreignobject> not overflow:hidden in ua style sheet implementation status unknown allow overflow: auto; to clip and show scroll bars implementation status unknown allow overflow: scroll; to show scroll bars on <svg> elements implementation status unknown basic data
types and interfaces change notes dommatrix or dommatrixreadonly instead of svgmatrix implementation status unknown domrect or domrectreadonly instead of svgrect implementation status unknown dompoint or dompointreadonly instead of svgpoint implementation status unknown members of svgstylable and svglangspace available in svgelement imple...
Same-origin policy - Web security
any.com/page.html failure different protocol http://store.company.com:81/dir/page.html failure different port (http:// is port 80 by default) http://news.company.com/dir/page.html failure different host inherited origins scripts executed from pages with an about:blank or javascript: url inherit the origin of the document containing that url, since these
types of urls do not contain information about an origin server.
boolean - XPath
an object of a type other than the four basic
types is converted to a boolean in a way that is dependent on that type.
number - XPath
an object of a type other than the four basic
types is converted to a number in a way that is dependent on that type.
Compiling a New C/C++ Module to WebAssembly - WebAssembly
<button class="mybutton">run myfunction</button> now add the following code at the end of the first <script> element: document.queryselector('.mybutton') .addeventlistener('click', function() { alert('check console'); var result = module.ccall( 'myfunction', // name of c function null, // return type null, // argument
types null // arguments ); }); this illustrates how ccall() is used to call the exported function.
Exported WebAssembly functions - WebAssembly
when you call them, you get some activity in the background to convert the arguments into
types that wasm can work with (for example converting javascript numbers to int32), the arguments are passed to the function inside your wasm module, the function is invoked, and the result is converted and passed back to javascript.