Search completed in 1.03 seconds.
VideoPlaybackQuality.totalVideoFrames - Web APIs
the videoplaybackquality interface's
totalvideoframes read-only property returns the
total number of video frames that have been displayed or dropped since the media was loaded.
... syntax value = videoplaybackquality.
totalvideoframes; value the
total number of frames that the <video> element has displayed or dropped since the media was loaded into it.
... var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if ((quality.corruptedvideoframes + quality.droppedvideoframes)/quality.
totalvideoframes > 0.1) { lostframesthresholdexceeded(); } a similar algorithm might be used to attempt to switch to a lower-resolution video that requires less bandwidth, in order to avoid dropping frames.
... specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.
totalvideoframes' in that specification.
PaymentRequestEvent.total - Web APIs
the
total readonly property of the paymentrequestevent interface returns a paymentcurrencyamount object containing the
total amount being requested for payment.
... syntax var paymentcurrencyamount = paymentrequestevent.
total value a paymentcurrencyamount object.
... specifications specification status comment payment handler apithe definition of '
total' in that specification.
RTCIceCandidatePairStats.totalRoundTripTime - Web APIs
the rtcicecandidatepairstats dictionary's
totalroundtriptime property is the
total time that has elapsed between sending stun requests and receiving the responses, for all such requests that have been made so far on the pair of candidates described by this rtcicecandidatepairstats object.
... syntax
totalrtt = rtcicecandidatepairstats.
totalroundtriptime; value this floating-point value indicates the
total number of seconds which have elapsed between sending out stun connectivity and consent check requests and receiving their responses, for all such requests made so far on the connection described by this candidate pair.
... you can calculate the average round-trip time (rtt) by dividing this value by the value of the responsesreceived property: rtt = rtcicecandidatepairstats.
totalroundtriptime / rtcicecandidatepairstats.responsesreceived; specifications specification status comment identifiers for webrtc's statistics apithe definition of 'rtcicecandidatepairstats.
totalroundtriptime' in that specification.
SVGGeometryElement.getTotalLength() - Web APIs
the svggeometryelement.get
totallength() method returns the user agent's computed value for the
total length of the path in user units.
... syntax float someelement.get
totallength(); return value a float indicating the
total length of the path in user units.
... specifications specification status comment scalable vector graphics (svg) 2the definition of 'svggeometryelement.get
totallength()' in that specification.
SVGPathElement.getTotalLength() - Web APIs
the svgpathelement.get
totallength() method returns the user agent's computed value for the
total length of the path in user units.
... syntax float someelement.get
totallength(); return value a float indicating the
total length of the path in user units.
... specifications specification status comment scalable vector graphics (svg) 1.1 (second edition)the definition of 'svgpathelement.get
totallength()' in that specification.
ProgressEvent.total - Web APIs
the progressevent.
total read-only property is an integer representing the
total amount of work that the underlying process is in the progress of performing.
... syntax value = progressevent.
total specifications specification status comment xmlhttprequestthe definition of 'progressevent.lengthcomputable' in that specification.
VideoPlaybackQuality.totalFrameDelay - Web APIs
the videoplaybackquality.
totalframedelay read-only property returns a double containing the sum of the frame delay since the creation of the associated htmlvideoelement.
... syntax value = videoplaybackquality.
totalframedelay; example var videoelt = document.getelementbyid('my_vid'); var quality = videoelt.getvideoplaybackquality(); alert(quality.
totalframedelay); ...
Index - Web APIs
677 countqueuingstrategy.size() api, countqueuingstrategy, experimental, method, reference, streams, size the size() method of the countqueuingstrategy interface always returns 1, so that the
total queue size is a count of the number of chunks in the queue.
... 2951 paymentrequestevent.
total api, payment request api, paymentrequestevent, property, reference, payment,
total the
total readonly property of the paymentrequestevent interface returns a paymentcurrencyamount object containing the
total amount being requested for payment.
...if not, the progressevent.
total property has no significant value.
...And 25 more matches
Timing element visibility with the Intersection Observer API - Web APIs
then, for each of the ads that are being suspended, we call our updateadtimer() function, which handles updating the ad's
total visible time counter, then we set their dataset.lastviewstarted property to 0, which indicates that the tab's timer isn't running.
...ooks like this: function intersectioncallback(entries) { entries.foreach(function(entry) { let adbox = entry.target; if (entry.isintersecting) { if (entry.intersectionratio >= 0.75) { adbox.dataset.lastviewstarted = entry.time; visibleads.add(adbox); } } else { visibleads.delete(adbox); if ((entry.intersectionratio === 0.0) && (adbox.dataset.
totalviewtime >= 60000)) { replacead(adbox); } } }); } as previously mentioned, the intersectionobserver callback receives as input an array of all of the observer's targeted elements which have become either more or less visible than one of the intersection observer ratios.
...then we have one special behavior: we look to see if entry.ratio is 0.0; if it is, that means the element has become
totally obscured.
...And 14 more matches
RTCIceCandidatePairStats - Web APIs
in addition, it adds the following new properties: availableincomingbitrate optional provides an informative value representing the available inbound capacity of the network by reporting the
total number of bits per second available for all of the candidate pair's incoming rtp streams.
... availableoutgoingbitrate optional provides an informative value representing the available outbound capacity of the network by reporting the
total number of bits per second available for all of the candidate pair's outoing rtp streams.
... bytesreceieved optional the
total number of payload bytes received (that is, the
total number of bytes received minus any headers, padding, or other administrative overhead) on this candidate pair so far.
...And 12 more matches
Background Tasks API - Web APIs
</p> <div class="container"> <div class="label">decoding quantum filament tachyon emissions...</div> <progress id="progress" value="0"></progress> <div class="button" id="startbutton"> start </div> <div class="label counter"> task <span id="currenttasknumber">0</span> of <span id="
totaltaskcount">0</span> </div> </div> <div class="logbox"> <div class="logheader"> log </div> <div id="log"> </div> </div> the progress box uses a <progress> element to show the progress, along with a label with sections that are changed to present numeric information about the progress.
... variable declarations let tasklist = []; let
totaltaskcount = 0; let currenttasknumber = 0; let taskhandle = null; these variables are used to manage the list of tasks that are waiting to be performed, as well as status information about the task queue and its execution: tasklist is an array of objects, each representing one task waiting to be run.
...
totaltaskcount is a counter of the number of tasks that have been added to the queue; it will only go up, never down.
...And 9 more matches
JavaScript Daemons Management - Archive of obsolete content
it will be called with three parameters: index (the iterative index of each invocation), length (the number of
total invocations assigned to the daemon - finite or infinity), and backwards (a boolean expressing whether the process is going backwards or not).
... length optional the
total number of invocations.
...it will be called with three arguments: index (the iterative index of each invocation), length (the number of
total invocations assigned to the daemon - finite or infinity), and backwards (a boolean expressing whether the process is going backwards or not).
...And 7 more matches
Dynamic behavior in Svelte: working with variables and props - Learn web development
we'll also create two variables to keep track of the
total number of tasks and the completed tasks.
... create a <script> section at the top of src/components/todos.svelte and give it some content, as follows: <script> let todos = [ { id: 1, name: 'create a svelte starter app', completed: true }, { id: 2, name: 'create your first component', completed: true }, { id: 3, name: 'complete the rest of the tutorial', completed: false } ] let
totaltodos = todos.length let completedtodos = todos.filter(todo => todo.completed).length </script> now let's do something with that information.
...find the <h2> heading with an id of list-heading and replace the hardcoded number of active and completed tasks with dynamic expressions: <h2 id="list-heading">{completedtodos} out of {
totaltodos} items completed</h2> go to the app, and you should see the "2 out of 3 items completed" message as before, but this time the information is coming from the todos array.
...And 7 more matches
Legacy layout methods - Learn web development
if we want the two <div>s to be floated alongside one another, we need to set their widths to
total 100% of the width of their parent element or smaller so they can fit alongside one another.
... add the following to the bottom of your css: div:nth-of-type(1) { width: 48%; } div:nth-of-type(2) { width: 48%; } here we've set both to be 48% of their parent's width — this
totals 96%, leaving us 4% free to act as a gutter between the two columns, giving the content some space to breathe.
... the easiest type of grid framework to create is a fixed width one — we just need to work out how much
total width we want our design to be, how many columns we want, and how wide the gutters and columns should be.
...And 6 more matches
NSS Code Coverage
numbers in tested files example: 72.69% (165/227/731) 72.69% - ratio of tested blocks and
total blocks in file (generated by tcov).
... 227 -
total blocks in file (generated by tcov).
... 31 -
total lines in file (by wc -l command).
...And 6 more matches
XBL Example - Archive of obsolete content
<method name="setpage"> <parameter name="newidx"/> <body> <![cdata[ var thedeck=document.getanonymousnodes(this)[0].childnodes[0]; var
totalpages=this.childnodes.length; if (newidx<0) return 0; if (newidx>=
totalpages) return
totalpages; thedeck.setattribute("selectedindex",newidx); document.getanonymousnodes(this)[0].childnodes[1].childnodes[1] .setattribute("value",(newidx+1)+" of "+
totalpages); return newidx; ]]> </body> </method> this function is called setpage and takes one para...
... var
totalpages=this.childnodes.length; get the number of children that the bound box has.
... this will give the
total number of pages that there are.
...And 5 more matches
Arrays - Learn web development
maybe we've got a series of product items and their prices stored in an array, and we want to loop through them all and print them out on an invoice, while
totaling all the prices together and printing out the
total price at the bottom.
... let's return to the example we described earlier — printing out product names and prices on an invoice, then
totaling the prices and printing them at the bottom.
... there is a variable called
total that is created and given a value of 0 at the top of the code.
...And 5 more matches
BloatView
== bloatview: all (cumulative) leak and bloat statistics, tab process 1862 |<----------------class--------------->|<-----bytes------>|<----objects---->| | | per-inst leaked|
total rem| 0 |
total | 17 2484|253953338 38| 17 |asynctransactiontrackersholder | 40 40| 10594 1| 78 |compositorchild | 472 472| 1 1| 79 |condvar | 24 48| 3086 2| 279 |messagepump | 8 ...
...(should be zero!) objects
total - the
total count of objects allocated of a given class.
... the number of objects remaining might not be equal to the
total number of objects.
...And 5 more matches
Mail event system
for example, when a folder gets a new message, its
total message count increases.
... because the number of messages in the folder have increased, this change in
total message count needs to be broadcast to the world.
... the folder calls notifyintpropertychanged on itself with the atom that represents "
totalmessages": this->notifyintpropertychanged(k
totalmessagesatom, 4, 5);.
...And 5 more matches
RTCInboundRtpStreamStats - Web APIs
bytesreceived a 64-bit integer which indicats the
total numer of bytes that have been received so far for this media source.
... fecpacketsreceived an integer value indicating the
total number of rtp fec packets received for this source.
... fircount an integer value which indicates the
total number of full intra request (fir) packets which this receiver has sent to the sender.
...And 5 more matches
RTCOutboundRtpStreamStats - Web APIs
fircount an integer value which indicates the
total number of full intra request (fir) packets which this rtcrtpsender has sent to the remote rtcrtpreceiver.
... nackcount an integer value indicating the
total number of negative acknolwedgement (nack) packets this rtcrtpsender has received from the remote rtcrtpreceiver.
... perdscppacketssent a record of key-value pairs with strings as the keys mapped to 32-bit integer values, each indicating the
total number of packets this rtcrtpsender has transmitted for this source for each differentiated services code point (dscp).
...And 5 more matches
pathLength - SVG: Scalable Vector Graphics
the pathlength attribute lets authors specify a
total length for the path, in user units.
...ke if the path length was 50 user units long --> <path d="m 0,30 h100" pathlength="50"/> <!-- compute everything like if the path length was 30 user units long --> <path d="m 0,40 h100" pathlength="30"/> <!-- compute everything like if the path length was 10 user units long --> <path d="m 0,50 h100" pathlength="10"/> </svg> circle for <circle>, pathlength lets authors specify a
total length for the circle, in user units.
... value <number> default value none animatable yes ellipse for <ellipse>, pathlength lets authors specify a
total length for the ellipse, in user units.
...And 5 more matches
Mail and RDF
msgaccounts:/ +-- http://home.netscape.com/nc-rdf#child --> | imap://alecf@imap.mywork.com | +-- http://home.netscape.com/nc-rdf#isserver --> "true" | +-- http://home.netscape.com/nc-rdf#child --> | imap://alecf@imap.mywork.com/inbox | +-- http://home.netscape.com/nc-rdf#
totalmessages --> "4" | +-- http://home.netscape.com/nc-rdf#isserver --> "false" | +-- http://home.netscape.com/nc-rdf#messagechild --> | | imap_message://alecf@imap.mywork.com/inbox#1 | +-- http://home.netscape.com/nc-rdf#messagechild --> | | imap_message://alecf@imap.mywork.com/inbox#2 | +-- http://home.netscape.com/nc-rdf#messagechi...
... +-- http://home.netscape.com/nc-rdf#child --> | mailbox://alecf@pop.mywork.com | +-- http://home.netscape.com/nc-rdf#isserver --> "true" | +-- http://home.netscape.com/nc-rdf#child --> | mailbox://alecf@pop.mywork.com/inbox | +-- http://home.netscape.com/nc-rdf#
totalmessages --> "2" | +-- http://home.netscape.com/nc-rdf#isserver --> "false" | +-- http://home.netscape.com/nc-rdf#messagechild --> | | mailbox_message://alecf@pop.mywork.com/inbox#1 | +-- http://home.netscape.com/nc-rdf#messagechild --> | mailbox_message://alecf@pop.mywork.com/inbox#2 | etc...
...it also answers queries about various properties of folders such as the
total number of messages, whether or not this folder is actually a root server, and so forth.
...And 4 more matches
Aggregate view - Firefox Developer Tools
the "
total count" column shows you the number of objects of each category that are currently allocated.
... the "
total bytes" column shows you the number of bytes occupied by objects in each category, and that number as a percentage of the whole heap size for that tab.
... for example, in the screenshot above, you can see that: there are four array objects that account for 15% of the
total heap.
...And 4 more matches
Controlling Ratios of Flex Items Along the Main Axis - CSS: Cascading Style Sheets
if i have a 500 pixel-wide container like the one above, but the three flex items are each 200 pixels wide, the
total space i need will be 600 pixels, so i have 100 pixels of negative free space.
...we will be calculating the positive and negative free space created by comparing the
total width of all the items with the container width.
...after laying the items out we have some positive free space in the flex container, shown in this image as the hatched area: we are working with a flex-basis equal to the content size so the available space to distribute is subtracted from the
total available space (the width of the flex container), and the leftover space is then shared out equally among each item.
...And 3 more matches
Connecting to Remote Content - Archive of obsolete content
assume we need to parse the following data: {"shops": [{"name": "apple", "code": "a001"}, {"name": "orange"}], "
total": 100} when the onload callback function is called, the response text is converted into a js object using the parse method.
... request.onload = function(aevent) { let text = aevent.target.responsetext; let jsobject = json.parse(text); window.alert(jsobject.shops[1].name); // => "orange" window.alert(jsobject.
total); // => 2; }; the javascript object can also be serialized back with the stringify method.
...let's assume that the xml returned from remote server is this: <?xml version="1.0"?> <data> <shops> <shop> <name>apple</name> <code>a001</code> </shop> <shop> <name>orange</name> </shop> </shops> <
total>2</
total> </data> when a valid xml response comes back from the remote server, the xml document object can be manipulated using different dom methods, to display the data in the ui or store it into a local datasource.
...And 2 more matches
XUL element attributes - Archive of obsolete content
« xul reference home the following attributes are common to all xul elements: align type: one of the values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the
total size of the children.
...if the box is larger than the
total size of the children, the extra space is placed on the right or bottom side.
...if the box is larger than the
total size of the children, the extra space is placed on the left or top side.
...And 2 more matches
2D maze game with device orientation - Game development
updatecounter updates the time spent playing each level and records the
total time spent playing the game..
...let’s define the variables in the create function first: this.timer = 0; // time elapsed in the current level this.
totaltimer = 0; // time elapsed in the whole game then, right after that, we can initialize the necessary text objects to display this information to the user: this.timertext = this.game.add.text(15, 15, "time: "+this.timer, this.fontbig); this.
totaltimetext = this.game.add.text(120, 30, "
total time: "+this.
totaltimer, this.fontsmall); we’re defining the top and left positions of the text, the con...
...this is how the complete updatecounter function looks: updatecounter: function() { this.timer++; this.timertext.settext("time: "+this.timer); this.
totaltimetext.settext("
total time: "+(this.
totaltimer+this.timer)); }, as you can see we’re incrementing the this.timer variable and updating the content of the text objects with the current values on each iteration, so the player sees the elapsed time.
...And 2 more matches
Advanced Svelte: Reactivity, lifecycle, accessibility - Learn web development
add the following contents to it: <script> export let todos $:
totaltodos = todos.length $: completedtodos = todos.filter(todo => todo.completed).length </script> <h2 id="list-heading">{completedtodos} out of {
totaltodos} items completed</h2> import the file at the beginning of todos.svelte, adding the following import statement below the others: import todosstatus from './todosstatus.svelte' replace the <h2> status heading inside todos.svelte wi...
...th a call to the todosstatus component, passing todos to it as a prop, like so: <todosstatus {todos} /> you can also do a bit of clean-up, removing the
totaltodos and completedtodos variables from todos.svelte.
... just remove the $:
totaltodos = ...
...And 2 more matches
IAccessibleTable
ncolumns() returns the
total number of columns in table.
...nrows() returns the
total number of rows in table.
...nselectedchildren() returns the
total number of selected cells.
...And 2 more matches
IAccessibleTable2
ncolumns() returns the
total number of columns in table.
...nrows() returns the
total number of rows in table.
...nselectedcells() returns the
total number of selected cells.
...And 2 more matches
nsIDOMProgressEvent
method overview void initprogressevent(in domstring typearg, in boolean canbubblearg, in boolean cancelablearg, in boolean lengthcomputablearg, in unsigned long long loadedarg, in unsigned long long
totalarg); deprecated since gecko 22.0 attributes attribute type description lengthcomputable boolean specifies whether or not the
total size of the transfer is known.
...
total unsigned long long the
total number of bytes of content that will be transferred during the operation.
... if the
total size is unknown, this value is zero.
...And 2 more matches
nsIMsgFolder
w,in nsisupportsarray aofflinefolderarray); void emptytrash(in nsimsgwindow amsgwindow, in nsiurllistener alistener); void rename(in astring name, in nsimsgwindow msgwindow); void renamesubfolders( in nsimsgwindow msgwindow, in nsimsgfolder oldfolder); astring generateuniquesubfoldername(in astring prefix,in nsimsgfolder otherfolder); void updatesummary
totals(in boolean force); void summarychanged(); long getnumunread(in boolean deep); long get
totalmessages(in boolean deep); void clearnewmessages(); void clearrequirescleanup(); void setflag(in unsigned long flag); void clearflag(in unsigned long flag); boolean getflag(in unsigned long flag); void toggleflag(in unsigned l...
...currently only supporting allmessagecountnotifications which refers to both
total and unread message counts.
...() change the name of the folder void rename(in astring name, in nsimsgwindow msgwindow); renamesubfolders() void renamesubfolders(in nsimsgwindow msgwindow, in nsimsgfolder oldfolder); generateuniquesubfoldername() astring generateuniquesubfoldername(in astring prefix, in nsimsgfolder otherfolder); updatesummary
totals() void updatesummary
totals(in boolean force); summarychanged() void summarychanged(); getnumunread() get the
total number of unread messages in this folder, or in all subfolders.
...And 2 more matches
nsIWebProgressListener
method overview void onlocationchange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsiuri alocation, [optional] in unsigned long aflags); void onprogresschange(in nsiwebprogress awebprogress, in nsirequest arequest, in long acurselfprogress, in long amaxselfprogress, in long acur
totalprogress, in long amax
totalprogress); void onsecuritychange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astate); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus); void onstatuschange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsresult astatus, in wstr...
...progress
totals are reset to zero when all requests in awebprogress complete (corresponding to onstatechange() being called with astateflags including the state_stop and state_is_window flags).
... void onprogresschange( in nsiwebprogress awebprogress, in nsirequest arequest, in long acurselfprogress, in long amaxselfprogress, in long acur
totalprogress, in long amax
totalprogress ); parameters awebprogress the nsiwebprogress instance that fired the notification.
...And 2 more matches
nsIWebProgressListener2
last changed in gecko 1.9 (firefox 3) inherits from: nsiwebprogresslistener method overview void onprogresschange64(in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acur
totalprogress, in long long amax
totalprogress); boolean onrefreshattempted(in nsiwebprogress awebprogress, in nsiuri arefreshuri, in long amillis, in boolean asameuri); methods onprogresschange64() notification that the progress has changed for one of the requests associated with awebprogress.
... progress
totals are reset to zero when all requests in awebprogress complete (corresponding to onstatechange being called with astateflags including the state_stop and state_is_window flags).
...void onprogresschange64( in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acur
totalprogress, in long long amax
totalprogress ); parameters awebprogress the nsiwebprogress instance that fired the notification.
...And 2 more matches
Tutorial: Show Allocations Per Call Path - Firefox Developer Tools
site = components.utils.waivexrays(site.frame); if (!counts.has(site)) counts.set(site, 0); counts.set(site, counts.get(site) + 1); } // walk from each site that allocated something up to the // root, computing allocation
totals that include // children.
... var
totals = new map; for (let [site, count] of counts) { for(;;) { if (!
totals.has(site))
totals.set(site, 0);
totals.set(site,
totals.get(site) + count); if (!site) break; site = site.parent; } } // compute parent-to-child links, since saved stack frames // have only parent links.
... var rootchildren = new map; function childmapfor(site) { if (!site) return rootchildren; let parentmap = childmapfor(site.parent); if (parentmap.has(site)) return parentmap.get(site); var m = new map; parentmap.set(site, m); return m; } for (let [site,
total] of
totals) { childmapfor(site); } // print the allocation count for |site|.
...And 2 more matches
Allocations - Firefox Developer Tools
it includes the following columns: self count: the number of allocation-samples that were taken in this function (also shown as a percentage of the
total) self bytes: the
total number of bytes allocated in the allocation-samples in this function (also shown as a percentage of the
total) rows are sorted by the "self bytes" column.
... so in the example above: 8904 samples were taken in signallater(), which is 28.57% of the
total number of samples taken those samples allocated 1102888 bytes, which is 30.01% of the
total memory allocated in all samples next to each function name is a disclosure arrow.
... self cost and
total cost you'll see that there are separate sets of columns for "self" and for "
total".
...And 2 more matches
Call Tree - Firefox Developer Tools
total time is that number translated into milliseconds, based on the
total amount of time covered by the selected portion of the recording.
...
total cost is that number as a percentage of the
total number of samples in the selected portion of the recording.
... self cost is calculated from self time as a percentage of the
total number of samples in the selected portion of the recording.
...And 2 more matches
PaymentRequest.PaymentRequest() - Web APIs
this parameter contains the following fields:
total the
total amount of the payment request.
... modifiers modifiers for specific payment methods; for example, adjusting the
total amount based on the payment method.
...this property is commonly used to add a discount or surcharge line item indicating the different amount in details.modifiers.
total.
...And 2 more matches
PaymentRequest: shippingoptionchange event - Web APIs
the code recalculates the
total charge for the payment based on the selected shipping option.
... for example, if there are three options (such as "free ground shipping", "2-day air", and "next day"), each time the user chooses one of those options, this event handler is called to recalculate the
total based on the changed shipping option.
... paymentrequest.addeventlistener("shippingoptionchange", event => { const value = calculatenew
total(paymentrequest.shippingoption); const
total = { currency: "eur", label: "
total due", value, }; event.updatewith({
total }); }, false); after caling a custom function, calculatenew
total(), to compute the updated
total based on the newly-selected shipping option as specified by the shippingoption.
...And 2 more matches
Using XMLHttpRequest - Web APIs
// progress on transfers from the server to the client (downloads) function updateprogress (oevent) { if (oevent.lengthcomputable) { var percentcomplete = oevent.loaded / oevent.
total * 100; // ...
... } else { // unable to compute progress information since the
total size is unknown } } function transfercomplete(evt) { console.log("the transfer is complete."); } function transferfailed(evt) { console.log("an error occurred while transferring the file."); } function transfercanceled(evt) { console.log("the transfer has been canceled by the user."); } lines 3-6 add event listeners for the various events that are sent while performing a data transfer using xmlhttprequest.
... the progress event handler, specified by the updateprogress() function in this example, receives the
total number of bytes to transfer as well as the number of bytes transferred so far in the event's
total and loaded fields.
...And 2 more matches
Index - Archive of obsolete content
while it was published in 2001 and might not be
totally accurate, it does help understanding the internals of the bidi code.
...since prism is a
totally separate host application, there are some prism-specific issues that you need to handle when creating your extension.
... 1823 attribute.align the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the
total size of the children.
...of the languages firefox and thunderbird are shipped in, that includes arabic and hebrew, with persian available as beta, for a
total population in excess of 100 million potential users.
Space Manager Detailed Design - Archive of obsolete content
starting at the head of the list of bandrects, check for intersection with the rect passed in: case #1: the rect is
totally above the current band rect, so insert a new band rect before the current bandrect cases #2 and #7: the rect is partially above the band rect, so it is divided into two bandrects, one entirely above the band, and one containing the remainder of the rect.
... insert the part that is
totally above the bandrect before the current bandrect, as in case #1 above, and adjust the other band rect to exclude the part already added.
... case #5: the rect is
totally below the current bandrect, so just skip to the next band case #3 and #4: rect is at least partially intersection with the bandrect, so divide the current band into two parts, where the top part is above the current rect.
... this algorithm is pretty confusing - basically what needs to happen is that rects and bands need to be divided up so that complicated cases like#2, #4, and #7, are reduced to simpler cases where the rects is
totally above,below, or between a band rect.
The box model - Learn web development
any padding and border is then added to that width and height to get the
total size taken up by the box.
... note: the margin is not counted towards the actual size of the box — sure, it affects the
total space that the box will take up on the page, but only the space outside the box.
...if one or both margins are negative, the amount of negative value will subtract from the
total.
...the margins have collapsed together so the actual margin between the boxes is 50 pixels and not the
total of the two margins.
DMD
"summary": gives measurements of the
total heap, and the unreported/once-reported/twice-reported portions of it.
...it also indicates what percentage of the
total heap size and the unreported portion of the heap these blocks represent.
... "summary": gives measurements of the
total heap.
... "summary": gives measurements of the
total (cumulative) heap.
tools/power/rapl
total w = _pkg_ (cores + _gpu_ + other) + _ram_ w #01 5.17 w = 1.78 ( 0.12 + 0.10 + 1.56) + 3.39 w #02 9.43 w = 5.44 ( 1.44 + 1.20 + 2.80) + 3.98 w #03 14.26 w = 10.21 ( 5.47 + 0.19 + 4.55) + 4.04 w #04 10.02 w = 6.15 ( 2.62 + 0.43 + 3.10) + 3.86 w #05 14.63 w = 10.43 ( 4.41 + 0.81 + 5.22) + 4.19 w #06 11.16 w = 6.90 ( 1.91 + 1.68 + 3.31) + 4.26 w #07 5.40 w = 1.97 ( 0.20 + 0...
... the
total power is the sum of the package power and the ram power.
... if the processor does not support gpu or ram estimates then " n/a " will be printed in the relevant column instead of a number, and it will contribute zero to the
total.
... once sampling is finished — either because the user interrupted it, or because the requested number of samples has been taken — the following summary data is shown: 10 samples taken over a period of 10.000 seconds distribution of '
total' values: mean = 8.85 w std dev = 3.50 w 0th percentile = 5.17 w (min) 5th percentile = 5.17 w 25th percentile = 5.17 w 50th percentile = 8.13 w 75th percentile = 11.16 w 95th percentile = 14.63 w 100th percentile = 14.63 w (max) the distribution data is omitted if there was zero or one samples taken.
nsIDownloadProgressListener
void ondownloadstatechange(in short astate, in nsidownload adownload); void onlocationchange(in nsiwebprogress awebprogress, in nsirequest arequest, in nsiuri alocation, in nsidownload adownload); obsolete since gecko 1.9.1 void onprogresschange(in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acur
totalprogress, in long long amax
totalprogress, in nsidownload adownload); void onsecuritychange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astate, in nsidownload adownload); void onstatechange(in nsiwebprogress awebprogress, in nsirequest arequest, in unsigned long astateflags, in nsresult astatus, in nsidownload adownload); void onstatuschange(i...
... void onprogresschange( in nsiwebprogress awebprogress, in nsirequest arequest, in long long acurselfprogress, in long long amaxselfprogress, in long long acur
totalprogress, in long long amax
totalprogress, in nsidownload adownload ); parameters awebprogress the nsiwebprogress instance used by the download manager to monitor downloads.
... acur
totalprogress the current amount of progress that's been made on all downloads.
... amax
totalprogress the value that the
total progress needs to reach to indicate that all downloads are complete.
Mail composition back end
ns_imethod onstartsending(const char *amsgid, - the message id for the message being sent pruint32 amsgsize) = 0; - the
total message size for the message being sent onprogress the onprogress interface is called with progress notification on the send operation.
... ns_imethod onstartsending( pruint32 a
totalmessagecount) = 0; - the
total messages to be sent createandsendmessage the onprogress interface is called with progress notification of the send later operation.
... ns_imethod onprogress( pruint32 acurrentmessage, - the current message being sent pruint32 a
totalmessage) = 0; - the
total messages to be sent createandsendmessage the onstatus gives the listener status updates for the current operation.
... ns_imethod onstopsending( nsresult astatus, - the resulting status for the send operation const prunichar *amsg, - a status message pruint32 a
totaltried, - the
total messages that were attempted pruint32 asuccessful) = 0; - the number of successful messages quoting quoting a mail message is made possible via the nsimsgquote interface.
Dominators view - Firefox Developer Tools
each entry displays: the retained size of the node, as bytes and as a percentage of the
total the shallow size of the node, as bytes and as a percentage of the
total the nodes's name and address in memory.
...the first two are call and window objects, and retain about 21% and 8% of the
total size of the memory snapshot, respectively.
... for example, if we click on the first window object: we can see that this window dominates a css2properties object, whose retained size is 2% of the
total snapshot size.
...ot to see what it looks like in the dominators view: load the page enable the memory tool in the settings, if you haven't already open the memory tool check "record call stacks" press the button labeled "make monsters!" take a snapshot switch to the "dominators" view analyzing the dominators tree you'll see the three arrays as the top three gc roots, each retaining about 23% of the
total memory usage: if you expand an array, you'll see the objects (monsters) it contains.
PaymentDetailsUpdate - Web APIs
for example, you can use one to adjust the
total payment amount based on the selected payment method ("5% cash discount!").
...
total optional a paymentitem providing an updated
total for the payment.
...you must update this value yourself anytime the
total amount due changes.
... this lets you have flexibility for how to handle things like tax, discounts, and other adjustments to the
total price charged.
PaymentRequestUpdateEvent.updateWith() - Web APIs
for example, you can use one to adjust the
total payment amount based on the selected payment method ("5% cash discount!").
...
total optional a paymentitem providing an updated
total for the payment.
...you must update this value yourself anytime the
total amount due changes.
... this lets you have flexibility for how to handle things like tax, discounts, and other adjustments to the
total price charged.
Using the Payment Request API - Web APIs
details — an object containing information concerning the specific payment, such as the
total payment amount, tax, shipping cost, etc.
...s: return [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard'], supportedtypes: ['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 paymentrequest object has been created, you call the paymentrequest.show() method on it to initiate the payment request.
...it returns a promise that fulfills with a boolean indicating whether it is or not, for example: // dummy payment request to check whether payment can be made new paymentrequest(buildsupportedpaymentmethoddata(), {
total: {label: 'stub', amount: {currency: 'usd', value: '0.01'}}}) .canmakepayment() .then(function(result) { if(result) { // real payment request var request = new paymentrequest(buildsupportedpaymentmethoddata(), checkoutobject); request.show().then(function(paymentresponse) { // here we would pr...
...let shouldcallpaymentrequest = true; let fallbacktolegacyonpaymentrequestfailure = false; (new paymentrequest(supportedpaymentmethods, {
total: {label: 'stub', amount: {currency: 'usd', value: '0.01'}}}) .canmakepayment() .then(function(result) { shouldcallpaymentrequest = result; }).catch(function(error) { console.log(error); // the user may have turned off query ability in their privacy settings.
ProgressEvent() - Web APIs
syntax progressevent = new progressevent(type, {lengthcomputable: abooleanvalue, loaded: anumber,
total: anumber}); arguments the progressevent() constructor also inherits arguments from event().
... lengthcomputable optional is a boolean flag indicating if the
total work to be done, and the amount of work already done, by the underlying process is calculable.
...the ratio of work done can be calculated with the property and progressevent.
total.
...
total optional is an unsigned long long representing the
total amount of work that the underlying process is in the progress of performing.
ProgressEvent.initProgressEvent() - Web APIs
do not use it anymore, use the standard constructor, progressevent(), to create a synthetic progressevent syntax progress.initprogressevent(typearg, canbubblearg, cancelablearg, lengthcomputable, loaded,
total); parameters typearg is a domstring identifying the specific type of animation event that occurred.
... lengthcomputable is a boolean flag indicating if the
total work to be done, and the amount of work already done, by the underlying process is calculable.
...the ratio of work done can be calculated with the property and progressevent.
total.
...
total is an unsigned long long representing the
total amount of work that the underlying process is in the progress of performing.
ProgressEvent - Web APIs
progressevent.lengthcomputable read only is a boolean flag indicating if the
total work to be done, and the amount of work already done, by the underlying process is calculable.
...the ratio of work done can be calculated with the property and progressevent.
total.
... progressevent.
total read only is an unsigned long long representing the
total amount of work that the underlying process is in the progress of performing.
... var progressbar = document.getelementbyid("p"), client = new xmlhttprequest() client.open("get", "magical-unicorns") client.onprogress = function(pe) { if(pe.lengthcomputable) { progressbar.max = pe.
total progressbar.value = pe.loaded } } client.onloadend = function(pe) { progressbar.value = pe.loaded } client.send() specifications specification status comment xmlhttprequestthe definition of 'progressevent' in that specification.
WebGLRenderingContext.vertexAttribPointer() - Web APIs
in addition, we need to include the stride, which is the
total byte length of all attributes for one vertex.
...for highest precision, we use 32-bit floats; in
total this uses 12 bytes.
...for better performance, we align the data to 32 bits by also storing a fourth zero-valued component, bringing the
total size to 4 bytes.
... texture coordinate: we need to store the u and v coordinates; for this 16-bit unsigned integers offer enough precision, the
total size is 4 bytes.
WindowOrWorkerGlobalScope.setInterval() - Web APIs
it is called with three arguments: index (the iterative index of each invocation), length (the number of
total invocations assigned to the daemon - finite or infinity) and backwards (a boolean expressing whether the index is increasing or decreasing).
... length (optional) the
total number of invocations.
...it is called with three arguments: index (the iterative index of each invocation), length (the number of
total invocations assigned to the daemon - finite or infinity) and backwards (a boolean expressing whether the index is decreasing or not) – see above.
... mydaemon.length the
total number of invocations.
ARIA: cell role - Accessibility
the attribute takes as its value an integer between 1 and the
total number of columns within the table, grid or treegrid.
... the aria-colindex defines an element's column index or position with respect to the
total number of columns within a row.
... aria-rowindex attribute the aria-rowindex attribute is only needed if rows are hidden from the dom, to indicate which row, in the list of
total rows, the current cell is in.
... the attribute, takes as its value an integer between 1 and the
total number of rows within the table, grid, or treegrid, indicating the position, or index, of the cell.
ARIA: row role - Accessibility
the attribute takes as its value an integer between 1 and the
total number of columns within the table, grid or treegrid.
... when placed on the row, the aria-colindex defines an element's column index or position with respect to the
total number of columns within a row.
... aria-rowindex attribute the aria-rowindex attribute is only needed if rows are hidden from the dom, to indicate which row, in the list of
total rows, is being read.
... the attribute, placed with a unique value on each row, takes as its value an integer between 1 and the
total number of rows within the table, grid or treegrid, indicating the position, or index, of each row.
An Interview With Douglas Bowman of Wired News - Archive of obsolete content
it was a no-brainer to us that wired news was a perfect candidate for the
total conversion to xhtml and css.
... technically, there are 13
total stylesheets used at any one time.
...but adding a third column to the mix created too many width variables for some browsers to dynamically calculate a
total.
progress - Archive of obsolete content
lengthcomputable boolean specifies whether or not the
total size of the transfer is known.
...
total unsigned long (long) the
total number of bytes of content that will be transferred during the operation.
... if the
total size is unknown, this value is zero.
align - Archive of obsolete content
« xul reference home align type: one of the values below the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the
total size of the children.
...if the box is larger than the
total size of the children, the extra space is placed on the right or bottom side.
...if the box is larger than the
total size of the children, the extra space is placed on the left or top side.
Multiple Rules - Archive of obsolete content
ght results that contain a search term here is an example using the 'contains' operator: <vbox datasources="people.xml" ref="*" querytype="xml"> <template> <query expr="person"> <assign var="?letters" expr="string-length(@name) - 1"/> </query> <rule> <where subject="?name" rel="contains" value=" "/> <action> <label uri="?" value="?name has two names for a
total length of ?letters"/> </action> </rule> </template> </vbox> this example contains only one rule with a condition which checks for names that contain a space character, which has the effect of selecting only those people with multiple names.
...adding to the previous example, here we check for people with a space in their name, and a
total number of letters less than 15.
... <rule> <where subject="?name" rel="contains" value=" "/> <where subject="?letters" rel="less" value="15"/> <action> <label uri="?" value="?name has two names for a
total length of ?letters"/> </action> </rule> negating a condition you can reverse a where clause by using the negate attribute.
attribute.align - Archive of obsolete content
summary the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the
total size of the children.
...if the box is larger than the
total size of the children, the extra space is placed on the right or bottom side.
...if the box is larger than the
total size of the children, the extra space is placed on the left or top side.
Making asynchronous programming easier with async and await - Learn web development
} each one ends by recording a start time, seeing how long the timetest() promise takes to fulfill, then recording an end time and reporting how long the operation took in
total: let starttime = date.now(); timetest().then(() => { let finishtime = date.now(); let timetaken = finishtime - starttime; alert("time taken in milliseconds: " + timetaken); }) it is the timetest() function that differs in each case.
...each subsequent one is forced to wait until the last one finished — if you run the first example, you'll see the alert box reporting a
total run time of around 9 seconds.
... next, we await their results — because the promises all started processing at essentially the same time, the promises will all fulfill at the same time; when you run the second example, you'll see the alert box reporting a
total run time of just over 3 seconds!
Listening to events on all tabs
void onprogresschange( nsidomxulelement abrowser, nsiwebprogress awebprogress, nsirequest arequest, print32 acurselfprogress, print32 amaxselfprogress, print32 acur
totalprogress, print32 amax
totalprogress ); parameters abrowser the browser representing the tab for which updated progress information is being provided.
... acur
totalprogress the current progress for all requests associated with webprogress.
... amax
totalprogress the
total progress for all requests associated with webprogress.
Download
note: you shouldn't rely on this property being equal to
totalbytes to determine whether the download is completed.
... hasprogress read only boolean indicates whether this download's progress property is able to report partial progress while the download proceeds, and whether the value in
totalbytes is relevant.
...
totalbytes read only number when hasprogress is true, this indicates the
total number of bytes to be transferred before the download finishes; this value can be zero if the file is empty.
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_misses .cache_misses memory accesses that missed the cache ::branch_instructions .branch_instructions branch instructions executed ::branch_misses .branch_misses branch instructions that were not predicted correctly ...
... ::bus_cycles .bus_cycles
total memory bus cycles ::page_faults .page_faults
total page-fault exceptions fielded by the os ::major_page_faults .major_page_faults page faults that required disk access ::context_switches .context_switches context switches involving the profiled thread ::cpu_migrations .cpu_migrations migrations of the profiled thread from one cpu core to another these events map directly to "generic events" in the linux 2.6.31+ <linux/perf_event.h> interface, and so unfortunately are a little vague in their specification; for instance, we can't tell you exactly which level of cache you get misses for if you measure cache_misses.
...perfmeasurement::all in a constructor call, this special value means "measure everything that can possibly be measured." perfmeasurement::num_measurable_events this constant equals the
total number of events defined by the api - not necessarily the
total number of events that a particular os allows you to measure.
Leak And Bloat Tests
aim to provide a continuous check within mailnews and its sub-components for the following items:
total memory leaks.
...
total memory usage (aka bloat).
...results printed on tinderbox output, these consist of: mail rlk reference count leaks mail lk
total bytes malloc'ed and not free'd mail mh maximum heap size mail a allocations - number of calls to malloc and friends.
Statistics API
total_time: number (milliseconds) - the amount of wall time that this gc consumed.
... times: object - a map from phase names to the
total time taken by each phase: the sum of each field of the map from the slices.
... times: object - a map from phase names to the
total time taken by that phase during this slice.
JS_GetGCParameter
typedef enum jsgcparamkey { jsgc_max_bytes, jsgc_max_malloc_bytes, jsgc_max_nursery_bytes, jsgc_bytes, jsgc_number, jsgc_mode, jsgc_unused_chunks, jsgc_
total_chunks, jsgc_slice_time_budget, jsgc_mark_stack_limit, jsgc_high_frequency_time_limit, jsgc_high_frequency_low_limit, jsgc_high_frequency_high_limit, jsgc_high_frequency_heap_growth_max, jsgc_high_frequency_heap_growth_min, jsgc_low_frequency_heap_growth, jsgc_dynamic_heap_growth, jsgc_dynamic_mark_slice, jsgc_allocation_threshold, jsgc_min_empty_ch...
... jsgc_
total_chunks / "
totalchunks"
total number of allocated gc chunks.
... see also mxr id search for js_getgcparameter mxr id search for js_setgcparameter bug 474801 jsgc_bytes jsgc_number bug 474497 jsgc_max_code_cache_bytes this option no-longer exists js_getgcparameterforthread js_setgcparameterforthread bug 624229 jsgc_mode bug 631733 jsgc_unused_chunks bug 674480 jsgc_
total_chunks bug 641025 jsgc_slice_time_budget bug 673551 jsgc_mark_stack_limit bug 765435 jsgc_high_frequency_time_limit jsgc_high_frequency_low_limit jsgc_high_frequency_high_limit jsgc_high_frequency_heap_growth_max jsgc_high_frequency_heap_growth_min jsgc_low_frequency_heap_growth jsgc_dynamic_heap_growth jsgc_dynamic_mark_slice bug 800...
Frecency algorithm
points for each sampled visit = (bonus / 100.0) * weight final frecency score for visited uri = ceiling(
total visit count * sum of points for sampled visits / number of sampled visits) example this is an example of a frecency calculation for a uri that is bookmarked and has been visited twice recently (once yesterday, and once last week by clicking a link), and two other times more than 90 days ago: 0 default score +140 100 * (140/100.0) - first bucket weight and bookmark...
...ed bonus +84 70 * (120/100.0) - second bucket weight and followed-link bonus +14 10 * (140/100.0) - fifth bucket weight and bookmarked bonus +14 10 * (140/100.0) - fifth bucket weight and bookmarked bonus -- 252 (4 * 252 / 4) - final frecency score notes the number of sampled visits is min(10 most recent visits pref,
total visit counts).
... the
total visit count includes embedded, undefined, etc visits (does not exclude invalid or embedded visits).
mozIStorageAggregateFunction
var standarddeviationfunc = { _numbers: [], onstep: function(aarguments) { this._numbers.push(aarguments.getint32(0)); }, onfinal: function() { let
total = 0; let ilength = this._numbers.length; this._numbers.foreach(function(elt) {
total += elt }); let mean =
total / this._numbers.length; let data = this._numbers.map(function(elt) { let value = elt - mean; return value * value; });
total = 0; data.foreach(function(elt) {
total += elt }); this._numbers = []; return math.sqrt(
total / ilength); } }; ...
...class standarddeviationfunc : public mozistorageaggregatefunction { public: ns_imethod onstep(mozistoragevaluearray *aarguments) { print32 value; nsresult rv = aarguments->getint32(&value); ns_ensure_success(rv, rv); mnumbers.appendelement(value); } ns_imethod onfinal(nsivariant **_result) { print64
total = 0; for (pruint32 i = 0; i < mnumbers.length(); i++)
total += mnumbers[i]; print32 mean =
total / mnumbers.length(); nstarray<print64> data(mnumbers); for (pruint32 i = 0; i < data.length(); i++) { print32 value = data[i] - mean; data[i] = value * value; }
total = 0; for (pruint32 i = 0; i < data.length(); i++)
total += data[i]; nscomptr...
...<nsiwritablevariant> result = do_createinstance("@mozilla.org/variant;1"); ns_ensure_true(result, ns_error_out_of_memory); rv = result->setasdouble(sqrt(double(
total) / double(data.length()))); ns_ensure_success(rv, rv); ns_addref(*_result = result); return ns_ok; } private: nstarray<print32> mnumbers; }; // now, register our function with the database connection.
nsIAccessibleTable
obsolete since gecko 1.9.2 selectedcellcount unsigned long the
total number of selected cells.
... selectedcolumncount unsigned long the
total number of selected columns.
... note: renamed from selectedcolumnscount in gecko 1.9.2 selectedrowcount unsigned long the
total number of selected rows.
nsIDOMMozNetworkStatsManager
when
total data usage reaches threshold bytes, a "networkstats-alarm" system message is sent to the application, where the optional parameter data must be a cloneable object.
... threshold the
total data usage threshold in bytes.
...if false or not set, the
total traffic, which is generated from both the mozapp and mozbrowser iframe elements, is returned.
nsIUpdateCheckListener
nsisupports last changed in gecko 1.8 (firefox 1.5 / thunderbird 1.5 / seamonkey 1.0) method overview void oncheckcomplete(in nsixmlhttprequest request, [array, size_is(updatecount)] in nsiupdate updates, in unsigned long updatecount); void onerror(in nsixmlhttprequest request, in nsiupdate update); void onprogress(in nsixmlhttprequest request, in unsigned long position, in unsigned long
totalsize); methods oncheckcomplete() called when the update check is completed.
...void onprogress( in nsixmlhttprequest request, in unsigned long position, in unsigned long
totalsize ); parameters request the nsixmlhttprequest object handling the update check.
...
totalsize the
total number of bytes that need to be downloaded.
AddressErrors - Web APIs
let supportedhandlers = [ { supportedmethods: "basic-card", data: { supportednetworks: ["visa", "mastercard", "amex", "discover"], supportedtypes: ["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'}, selected: true } ] }; supportedhandlers describes the supported pa...
...a description of the
total amount being requested (including a label and the currency used), a list of the line items (in this case only one, "original donation amount"), and a list of shipping options available; in this case only one.
... <p>donate us $65 to our worthwhile cause and we will send you a
totally not-useless gift as a token of our thanks!</p> <button id="pay">donate now</button> result the final product is below.
Navigation Timing API - Web APIs
this api lets you measure data that was previously difficult to obtain, such as the amount of time needed to unload the previous page, how long domain lookups take, the
total time spent executing the window's load handler, and so forth.
... the navigation timing api can be used to gather performance data on the client side to be sent to a server via xhr as well as measure data that was very difficult to measure by other means such as time to unload a previous page, domain look up time, window.onload
total time, etc.
... examples calculate the
total page load time to compute the
total amount of time it took to load the page, you can use the following code: const perfdata = window.performance.timing; const pageloadtime = perfdata.loadeventend - perfdata.navigationstart; this subtracts the time at which navigation began (navigationstart) from the time at which the load event handler returns (loadeventend).
PaymentRequest.show() - Web APIs
async function requestpayment() { // we start with au$0 as the
total.
... const initialdetails = {
total: { label: "
total", amount: { value: "0", currency: "aud" }, }, }; const request = new paymentrequest(methods, initialdetails, options); // check if the the user supports the `methods` if (!await request.canmakepayment()) { return; // no, so use a web form instead.
... } // let's update the
total as the sheet is shown const updateddetails = {
total: { label: "
total", amount: { value: "20", currency: "aud" }, }, }; const response = await request.show(updateddetails); // check response, etc...
SVGPathElement - Web APIs
stroke-width="2px" /><text x="-29" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svgpathelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: in svg 2 the getpathsegatlength() and createsvgpathseg* methods were removed and the pathlength property and the get
totallength() and getpointatlength() methods were moved to svggeometryelement.
... svgpathelement.get
totallength() returns a float representing the computed value for the
total length of the path using the browser's distance-along-a-path algorithm, as a distance in the current user coordinate system.
... candidate recommendation removed the getpathsegatlength() and createsvgpathseg* methods and moved the pathlength property and the get
totallength() and getpointatlength() methods to svggeometryelement.
ARIA: feed role - Accessibility
however, if the
total number is extremely large, indefinite, or changes often, set aria-setsize="-1" to indicate that the size of the feed is not known.
...each article element has aria-posinset set to a value that represents its position in the feed and an aria-setsize set to a value that represents either the
total number of articles that have been loaded or the
total number in the feed, depending on which value is more helpful to users.
... if the
total number in the feed is not known, set aria-setsize="-1".
ARIA: table role - Accessibility
if any rows or columns are hidden, the aria-colcount or aria-rowcount should be included indicating the
total number of columns or rows, respectively, along with the aria-colindex or aria-rowindex on each cell.
...set the value to the
total number of columns in the full table.
...set the value to the
total number of rows in the full table.
Basic concepts of flexbox - CSS: Cascading Style Sheets
the live sample below contains items that have been given a width, the
total width of the items being too wide for the flex container.
...if we give our first item a flex-grow value of 2 and the other items a value of 1, 2 parts will be given to the first item (100px out of 200px in the case of the example above), 1 part each the other two (50px each out of the 200px
total).
...the second is flex-shrink — with a positive value the items can shrink, but only if their
total values overflow the main axis.
Image file type and format guide - Web media technologies
bit depth, on the other hand, is the
total number of bits used to represent each pixel in memory.
... indexed color 8 each color in a gif palette is defined as 8 bits each of red, green, and blue (24
total bits per pixel).
...lossless webp uses 8-bit argb color, with each component taking 8 bits for a
total of 32 bits per pixel.
MMgc - Archive of obsolete content
memory profiler mmgc's memory profiler can display the state of your application's heap, showing the different classes of object in memory, along with object counts, byte counts, and percentage of
total memory.
...currently we make the decision on when to do a collection based on how much memory has been allocated since the last collection, if its over a certain fraction of the the
total heap size we do a collection and if its not we expand.
pack - Archive of obsolete content
if the box is larger than the
total size of the children, the extra space is placed on the right or bottom side.
...if the box is larger than the
total size of the children, the extra space is placed on the left or top side.
Custom Tree Views - Archive of obsolete content
the following example shows this: <tree id="my-tree" flex="1"> <treecols> <treecol id="namecol" label="name" flex="1"/> <treecol id="datecol" label="date" flex="1"/> </treecols> <treechildren/> </tree> to assign data to be displayed in the tree, the view object needs to be created which is used to indicate the value of each cell, the
total number of rows plus other optional information.
... rowcount this property should be set to the
total number of rows in the tree.
Element Positioning - Archive of obsolete content
the width of the box containing the buttons is the
total width of the buttons plus the padding between them.
...the width of the box will be set to the initial
total width of all three buttons (around 430 pixels in the image).
Focus and Selection - Archive of obsolete content
for instance, you might update a
total as the user enters values in other fields, or use focus events to validate certain values.
...one additional useful property of textboxes is the textlength property, which holds the
total number of characters in the field.
The Implementation of the Application Object Model - Archive of obsolete content
well, let's take this problem to the natural extreme, and assume that there are n
total possible representations for the same group of data.
... then without some common internal representation of the data, it would be necessary to implement n*n
total translators in order to guarantee that for whatever content model you happen to have built that the transformation could be applied.
Styling the Amazing Netscape Fish Cam Page - Archive of obsolete content
since i wanted them to be side by side, it was important to be sure the
total width of the element boxes (including margins) was less than 50%, so the first step was this: div.card {float: left; width: 45%; margin: 1em 2% 0 2%;} by making the content of each card 45% the width of the containing element, and adding 2% margin to both the left and right sides, each card's element box is 49% as wide as the parent.
...i did it that way because it's a lot less likely to trigger a situation where rounding errors force the two floats to
total more than 100% the width of the parent, as could happen if the floats' element boxes were made to
total 50%.
Index - Game development
it's
totally up to you which path you're going to follow.
... 69 track the score and win beginner, canvas, games, javascript, tutorial, scoring, winning destroying the bricks is really cool, but to be even more awesome the game could award points for every brick a user hits, and keep count of the
total score.
Game monetization - Game development
a
totally new set of levels with new characters, weapons and story is a good material for dlc, but to have enough sales the game itself has to be popular, or else there won't be any players interested in spending their hard earned money on it.
...it's
totally up to you which path you're going to follow.
Implementing controls using the Gamepad API - Game development
controls for web games historically playing games on a console connected to your tv was always a
totally different experience to gaming on the pc, mostly because of the unique controls.
... the game encapsulates two
totally different types of "change" — good food vs.
Positioning - Learn web development
our
total width and height is our content + padding + border width/height.</p> <p>we are separated by our margins.
...our
total width and height is our content + padding + border width/height.</p> <p>we are separated by our margins.
Other form controls - Learn web development
<progress max="100" value="75">75/100</progress> this is for implementing anything requiring progress reporting, such as the percentage of
total files downloaded, or the number of questions filled in on a questionnaire.
...this is for implementing any kind of meter, for example a bar showing
total space used on a disk, which turns red when it starts to get full.
Document and website structure - Learn web development
blind and visually impaired people represent roughly 4-5% of the world population (in 2012 there were 285 million such people in the world, while the
total population was around 7 billion).
... </li> </ul> <p>
total cost: $237.89</p> </div> this isn't really an <aside>, as it doesn't necessarily relate to the main content of the page (you want it viewable from anywhere).
Test your skills: JSON - Learn web development
the
total number of kittens, and how many are male and female, in the kitteninfo variable.
... you'll probably want to use an outer loop to loop through the cats and add their names to the motherinfo variable string, and an inner loop to loop through all the kittens, add up the
total of all/male/female kittens, and add those details to the kitteninfo variable string.
Accessibility API cross-reference
checked checked checked aria-checked checked (boolean attribute) defines the
total number of columns in a table, grid, or treegrid.
... n/a n/a aria-colcount defines an element's column index or position with respect to the
total number of columns within a table, grid, or treegrid.
How Mozilla's build system works
finished reading 1096 moz.build files into 1276 descriptors in 2.40s backend executed in 2.39s 2188
total backend files.
... 0 created; 1 updated; 2187 unchanged
total wall time: 5.03s; cpu time: 3.79s; efficiency: 75% what this is saying is that a
total of 1,096 moz.build files were read.
Performance
all their overhead is thus not just incurred by active tabs but by the
total number of tabs in a session.
...d notifications can be substituted with domwindowcreated events other observers and services should be registered in a process script or jsm instead load frame scripts on demand bad: // addon.js services.mm.loadframescript("framescript.js", /*delayed:*/ true) // stuff communicating with the framescript // framescript.js function onlyonceinabluemoon() { // we only need this during a
total solar eclipse while goat blood rains from the sky sendasyncmessage('my-addon:paragraph-count', {num: content.document.queryselectorall('p').length}) } addmessagelistener("my-addon:request-from-parent", onlyonceinabluemoon) better: // addon.js function ontoolbarbutton(event) { let tabmm = gbrowser.mcurrentbrowser.frameloader.messagemanager; let button = event.target; let callback = (me...
mozbrowserasyncscroll
scrollwidth the
total content width in css pixels of the document within the browser <iframe>.
... scrollheight the
total content height in css pixels of the document within the browser <iframe>.
Interfacing with the Add-on Repository
it receives a list of the matching addons, the number of add-ons returned, and the
total number of add-ons that matched the query (in case the returned number is smaller than the requested number, for example).
... for example: searchsucceeded: function(addons, addoncount,
totalresults) { var num = math.floor(math.random() * addoncount); this.shownotification("would you like to try the " + addons[num].name + " addon?", "install", addons[num].install); }, this routine randomly selects one of the returned add-ons, then calls the previously mentioned shownotification() routine, passing in as parameters a prompt including the name of the returned add-on, a label for the button to show in the notification ("install"), and the addoninstall object that can be used with the add-on manager api to install the add-on.
Profiling with the Firefox Profiler
you could compare the time with this option checked and the
total time to get an idea of how much time was spent running js.
...note that the running time here is only the running time of that particular frame and not the
total of all called instances of that function.
Enc Dec MAC Output Public Key as CSR
c_dersigndata(arena, &result, encoding->data, encoding->len, privk, signalgtag); if (rv) { pr_fprintf(pr_stderr, "signing of data failed\n"); rv = secfailure; goto cleanup; } /* encode request in specified format */ if (ascii) { char *obuf; char *name, *email, *org, *state, *country; secitem *it; int
total; it = &result; obuf = btoa_convertitemtoascii(it);
total = pl_strlen(obuf); name = cert_getcommonname(subject); if (!name) { name = strdup("(not specified)"); } email = cert_getcertemailaddress(subject); if (!email) email = strdup("(not specified)"); org = cert_getorgname(subject); if (!or...
...ed by netscape certutil\n"); pr_fprintf(outfile, "common name: %s\n", name); pr_fprintf(outfile, "email: %s\n", email); pr_fprintf(outfile, "organization: %s\n", org); pr_fprintf(outfile, "state: %s\n", state); pr_fprintf(outfile, "country: %s\n\n", country); pr_fprintf(outfile, "%s\n", ns_certreq_header); numbytes = pr_write(outfile, obuf,
total); if (numbytes !=
total) { pr_fprintf(pr_stderr, "write error\n"); return secfailure; } pr_fprintf(outfile, "\n%s\n", ns_certreq_trailer); if (obuf) { port_free(obuf); } } else { numbytes = pr_write(outfile, result.data, result.len); if (numbytes != (int)result.len) { pr_fprintf(pr_stderr, ...
Enc Dec MAC Using Key Wrap CertReq PKCS10 CSR
ta(arena, &result, encoding->data, encoding->len, privk, signalgtag); if (rv) { pr_fprintf(pr_stderr, "signing of data failed\n"); rv = secfailure; goto cleanup; } /* encode request in specified format */ if (ascii) { char *obuf; char *name, *email, *org, *state, *country; secitem *it; int
total; it = &result; obuf = btoa_convertitemtoascii(it);
total = pl_strlen(obuf); name = cert_getcommonname(subject); if (!name) { name = strdup("(not specified)"); } email = cert_getcertemailaddress(subject); if (!email) email = strdup("(not specified)"); org = cert_getorgname(subject); ...
...netscape certutil\n"); pr_fprintf(outfile, "common name: %s\n", name); pr_fprintf(outfile, "email: %s\n", email); pr_fprintf(outfile, "organization: %s\n", org); pr_fprintf(outfile, "state: %s\n", state); pr_fprintf(outfile, "country: %s\n\n", country); pr_fprintf(outfile, "%s\n", ns_certreq_header); numbytes = pr_write(outfile, obuf,
total); if (numbytes !=
total) { pr_fprintf(pr_stderr, "write error\n"); return secfailure; } pr_fprintf(outfile, "\n%s\n", ns_certreq_trailer); } else { numbytes = pr_write(outfile, result.data, result.len); if (numbytes != (int)result.len) { pr_fprintf(pr_stderr, "write error\n"); rv = secfailure; ...
NSS Sample Code Sample_1_Hashing
tf(out, "%02x", data[i]); column += 2; break; } if (column > 76 || (i % 16 == limit)) { newline(out); column = level; limit = i % 16; } } if (column != level) { newline(out); } } /* * prints a usage message and exits */ static void usage(const char *progname) { int htype; int hash_alg
total = sizeof(hash_names) / sizeof(hash_names[0]); fprintf(stderr, "usage: %s -t type [ < input ] [ > output ]\n", progname); fprintf(stderr, "%-20s specify the digest method (must be one of\n", "-t type"); fprintf(stderr, "%-20s ", ""); for (htype = 0; htype < hash_alg
total; htype++) { fprintf(stderr, hash_names[htype].hashname); if (htype == (hash_algtot...
...al - 2)) fprintf(stderr, " or "); else if (htype != (hash_alg
total - 1)) fprintf(stderr, ", "); } fprintf(stderr, " (case ignored))\n"); fprintf(stderr, "%-20s define an input file to use (default is stdin)\n", "< input"); fprintf(stderr, "%-20s define an output file to use (default is stdout)\n", "> output"); exit(-1); } /* * check for the missing arguments */ static void printmsgandexit(const char *progname, char opt) { fprintf(stderr, "%s: option -%c requires an argument\n", progname, opt); usage(progname); } #define require_arg(opt,value) if (!(value)) printmsgandexit(progname, opt) /* * digests a file according to the specified algorithm.
Hashing - sample 1
f(out, "%02x", data[i]); column += 2; break; } if (column > 76 || (i % 16 == limit)) { newline(out); column = level; limit = i % 16; } } if (column != level) { newline(out); } } /* * prints a usage message and exits */ static void usage(const char *progname) { int htype; int hash_alg
total = sizeof(hash_names) / sizeof(hash_names[0]); fprintf(stderr, "usage: %s -t type [ < input ] [ > output ]\n", progname); fprintf(stderr, "%-20s specify the digest method (must be one of\n", "-t type"); fprintf(stderr, "%-20s ", ""); for (htype = 0; htype < hash_alg
total; htype++) { fprintf(stderr, hash_names[htype].hashname); if (htype == (hash_algtot...
...al - 2)) fprintf(stderr, " or "); else if (htype != (hash_alg
total - 1)) fprintf(stderr, ", "); } fprintf(stderr, " (case ignored))\n"); fprintf(stderr, "%-20s define an input file to use (default is stdin)\n", "< input"); fprintf(stderr, "%-20s define an output file to use (default is stdout)\n", "> output"); exit(-1); } /* * check for the missing arguments */ static void printmsgandexit(const char *progname, char opt) { fprintf(stderr, "%s: option -%c requires an argument\n", progname, opt); usage(progname); } #define require_arg(opt,value) if (!(value)) printmsgandexit(progname, opt) /* * digests a file according to the specified algorithm.
sample1
ata[i]); column += 2; break; } if (column > 76 || (i % 16 == limit)) { newline(out); column = level; limit = i % 16; } } if (column != level) { newline(out); } } /* prints a usage message and exits */ static void usage(const char *progname) { int htype; int hash_alg
total = sizeof(hash_names) / sizeof(hash_names[0]); fprintf(stderr, "usage: %s -t type [ < input ] [ > output ]\n", progname); fprintf(stderr, "%-20s specify the digest method (must be one of\n", "-t type"); fprintf(stderr, "%-20s ", ""); for (htype = 0; htype < hash_alg
total; htype++) { fprintf(stderr, hash_names[htype].hashname); if (htype == (has...
...h_alg
total - 2)) fprintf(stderr, " or "); else if (htype != (hash_alg
total - 1)) fprintf(stderr, ", "); } fprintf(stderr, " (case ignored))\n"); fprintf(stderr, "%-20s define an input file to use (default is stdin)\n", "< input"); fprintf(stderr, "%-20s define an output file to use (default is stdout)\n", "> output"); exit(-1); } /* check for the missing arguments */ static void printmsgandexit(const char *progname, char opt) { fprintf(stderr, "%s: option -%c requires an argument\n", progname, opt); usage(progname); } #define require_arg(opt,value) if (!(value)) printmsgandexit(progname, opt) /* digests a file according to the specified algorithm.
sample2
n) { pr_fprintf(pr_stderr, "unknown key or hash type\n"); rv = secfailure; goto cleanup; } rv = sec_dersigndata(arena, &result, encoding->data, encoding->len, privk, signalgtag); if (rv) { pr_fprintf(pr_stderr, "signing of data failed\n"); rv = secfailure; goto cleanup; } /* encode request in specified format */ if (ascii) { char *obuf; char *name, *email, *org, *state, *country; secitem *it; int
total; it = &result; obuf = btoa_convertitemtoascii(it);
total = pl_strlen(obuf); name = cert_getcommonname(subject); if (!name) { name = strdup("(not specified)"); } email = cert_getcertemailaddress(subject); if (!email) email = strdup("(not specified)"); org = cert_getorgname(subject); if (!org) org = strdup("(not specified)"); state = cert_getstatename(subject); if (!state) state = strdup("(not spec...
...ed)"); pr_fprintf(outfile, "\ncertificate request generated by netscape certutil\n"); pr_fprintf(outfile, "common name: %s\n", name); pr_fprintf(outfile, "email: %s\n", email); pr_fprintf(outfile, "organization: %s\n", org); pr_fprintf(outfile, "state: %s\n", state); pr_fprintf(outfile, "country: %s\n\n", country); pr_fprintf(outfile, "%s\n", ns_certreq_header); numbytes = pr_write(outfile, obuf,
total); if (numbytes !=
total) { pr_fprintf(pr_stderr, "write error\n"); return secfailure; } pr_fprintf(outfile, "\n%s\n", ns_certreq_trailer); } else { numbytes = pr_write(outfile, result.data, result.len); if (numbytes != (int)result.len) { pr_fprintf(pr_stderr, "write error\n"); rv = secfailure; goto cleanup; } } cleanup: if (outfile) { pr_close(outfile); } if (privk) { seckey_destroyprivatekey(pri...
nsICycleCollectorListener
method overview void begin(); void begindescriptions(); void describegcedobject(in unsigned long long aaddress, in boolean amarked); void describerefcountedobject(in unsigned long long aaddress, in unsigned long aknownedges, in unsigned long a
totaledges); void end(); void noteedge(in unsigned long long afromaddress, in unsigned long long atoaddress, in string aedgename); void noteobject(in unsigned long long aaddress, in string aobjectdescription); methods begin() void begin(); parameters none.
...describegcedobject() void describegcedobject( in unsigned long long aaddress, in boolean amarked ); parameters aaddress amarked describerefcountedobject() void describerefcountedobject( in unsigned long long aaddress, in unsigned long aknownedges, in unsigned long a
totaledges ); parameters aaddress aknownedges a
totaledges end() void end(); parameters none.
nsINavHistoryResultNode
1.0 66 introduced gecko 1.9 inherits from: nsisupports last changed in gecko 2.0 (firefox 4 / thunderbird 3.3 / seamonkey 2.1) attributes attribute type description accesscount unsigned long
total number of times the uri has been accessed.
... for hosts, this is the
total number of the children under it, rather than the
total number of times the host has been accessed (getting that information would require an additional query, so for performance reasons that information isn't given by default).
Web Console remoting - Firefox Developer Tools
1024, "discardrequestbody": false }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "responsestart", "response": { "httpversion": "http/1.1", "status": "304", "statustext": "not modified", "headerssize": 194, "discardresponsebody": true } }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "eventtimings", "
totaltime": 1 }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "responseheaders", "headers": 6, "headerssize": 194 }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "responsecookies", "cookies": 0 }, { "from": "conn0.netevent14", "type": "networkeventupdate", "updatetype": "responsecontent", "mimetype": "text/css", "cont...
... the geteventtimings packet: { "to": "conn0.netevent15", "type": "geteventtimings" } { "from": "conn0.netevent15", "timings": { "blocked": 0, "dns": 0, "connect": 0, "send": 0, "wait": 16, "receive": 0 }, "
totaltime": 16 } the fileactivity packet when a file load is observed the following fileactivity packet is sent to the client: { "from": "conn0.console9", "type": "fileactivity", "uri": "file:///home/mihai/public_html/mozilla/test2.css" } history protocol changes by firefox version: firefox 18: initial version.
Using files from web applications - Web APIs
example: showing file(s) size the following example shows a possible use of the size property: <!doctype html> <html> <head> <meta charset="utf-8"> <title>file(s) size</title> </head> <body> <form name="uploadform"> <div> <input id="uploadinput" type="file" name="myfiles" multiple> selected files: <span id="filenum">0</span>;
total size: <span id="filesize">0</span> </div> <div><input type="submit" value="send file"></div> </form> <script> function updatesize() { let nbytes = 0, ofiles = this.files, nfiles = ofiles.length; for (let nfileid = 0; nfileid < nfiles; nfileid++) { nbytes += ofiles[nfileid].size; } let soutput = nbytes + " bytes"; // optional code for multip...
... function fileupload(img, file) { const reader = new filereader(); this.ctrl = createthrobber(img); const xhr = new xmlhttprequest(); this.xhr = xhr; const self = this; this.xhr.upload.addeventlistener("progress", function(e) { if (e.lengthcomputable) { const percentage = math.round((e.loaded * 100) / e.
total); self.ctrl.update(percentage); } }, false); xhr.upload.addeventlistener("load", function(e){ self.ctrl.update(100); const canvas = self.ctrl.ctx.canvas; canvas.parentnode.removechild(canvas); }, false); xhr.open("post", "http://demos.hacks.mozilla.org/paul/demos/resources/webservices/devnull.php"); xhr.overridemimetype('text/plai...
FileRequest.onprogress - Web APIs
total a number representing the
total amount of bytes that will be processed by the operation.
... example // assuming 'request' which is a filerequest object request.onprogress = function (status) { var progress = document.queryselector('progress'); progress.value = status.loaded; progress.max = status.
total; } specification not part of any current specification.
HTMLMediaElement - Web APIs
htmlmediaelement.duration read only a read-only double-precision floating-point value indicating the
total duration of the media in seconds.
...this number is a
total for all channels, and by default is set to be the number of channels * 1024 (e.g., 2 channels * 1024 samples = 2048
total).
HTMLVideoElement.getVideoPlaybackQuality() - Web APIs
example this example updates an element to indicate the
total number of video frames that have elapsed so far in the playback process.
... this value includes any dropped or corrupted frames, so it's not the same as "
total number of frames played." var videoelem = document.getelementbyid("my_vid"); var counterelem = document.getelementbyid("counter"); var quality = videoelem.getvideoplaybackquality(); counterelem.innertext = quality.
totalvideoframes; specifications specification status comment media playback qualitythe definition of 'htmlvideoelement.getvideoplaybackquality()' in that specification.
IDBObjectStore.count() - Web APIs
the count() method of the idbobjectstore interface returns an idbrequest object, and, in a separate thread, returns the
total number of records that match the provided key or idbkeyrange.
... if no arguments are provided, it returns the
total number of records in the store.
IDBObjectStore - Web APIs
idbobjectstore.count() returns an idbrequest object, and, in a separate thread, returns the
total number of records that match the provided key or idbkeyrange.
... if no arguments are provided, it returns the
total number of records in the store.
PaymentRequest.shippingOption - Web APIs
const request = new paymentrequest(methoddata, details, options); // async update to details request.onshippingaddresschange = ev => { ev.updatewith(checkshipping(request)); }; // sync update to the
total request.onshippingoptionchange = ev => { const shippingoption = shippingoptions.find( option => option.id === request.id ); const new
total = { currency: "usd", label: "
total due", value: calculatenew
total(shippingoption), }; ev.updatewith({ ...details,
total: new
total }); }; async function checkshipping(request) { try { const json = request.shippingaddress.tojson()...
...; await ensurecanshipto(json); const { shippingoptions,
total } = await calculateshipping(json); return { ...details, shippingoptions,
total }; } catch (err) { return { ...details, error: `sorry!
RTCIceCandidatePairStats.bytesReceived - Web APIs
the rtcicecandidatepairstats property bytesreceived indicates the
total number of payload bytes—that is, bytes which aren't overhead such as headers or padding—that hve been received to date on the connection described by the candidate pair.
... syntax received = rtcicecandidatepairstats.bytesreceived; value an integer value indicating the
total number of bytes received so far on the connection described by this candidate pair.
RTCIceCandidatePairStats.bytesSent - Web APIs
the rtcicecandidatepairstats property bytessent indicates the
total number of payload bytes—that is, bytes which aren't overhead such as headers or padding—that hve been sent so far on the connection described by the candidate pair.
... syntax sent = rtcicecandidatepairstats.bytessent; value an integer value indicating the
total number of bytes sent so far on the connection described by this candidate pair.
RTCIceCandidatePairStats.packetsReceived - Web APIs
the rtcicecandidatepairstats dictionary's packetsreceived property indicates the
total number of packets of any kind that have been received on the connection described by the pair of candidates.
... syntax packetsreceived = rtcicecandidatepairstats.packetsreceived; value an integer value indicating the
total number of packets, of any kind, which have been received on the connection described by the two candidates comprising this pair.
RTCIceCandidatePairStats.packetsSent - Web APIs
the rtcicecandidatepairstats dictionary's packetssent property indicates the
total number of packets which have been sent on the connection described by the pair of candidates.
... syntax packetssent = rtcicecandidatepairstats.packetssent; value an integer value indicating the
total number of packets, of any kind, which have been sent on the connection described by the two candidates comprising this pair.
RTCIceCandidatePairStats.retransmissionsReceived - Web APIs
the rtcicecandidatepairstats dictionary's retransmissionsreceived property indicates the
total number of stun connectivity check request retransmissions that have been received so far on the pair of candidates.
... syntax retransmissionsreceived = rtcicecandidatepairstats.retransmissionsreceived; value an integer value indicating the
total number of retransmitted stun connectivity check requests have been received on the connection referenced by this candidate pair so far.
RTCIceCandidatePairStats.retransmissionsSent - Web APIs
the rtcicecandidatepairstats dictionary's retransmissionssent property indicates the
total number of stun connectivity check request retransmissions that have been sent so far on the pair of candidates.
... syntax retransmissionssent = rtcicecandidatepairstats.retransmissionssent; value an integer value indicating the
total number of retransmitted stun connectivity check requests have been sent on the connection referenced by this candidate pair so far.
RTCInboundRtpStreamStats.bytesReceived - Web APIs
the rtcinboundrtpstreamstats dictionary's bytesreceived property is an integer value which indicates the
total number of bytes received so far from this synchronization source (ssrc).
... syntax var bytesreceived = rtcinboundrtpstreamstats.bytesreceived; value an unsigned integer value indicating the
total number of bytes received so far on this rtp stream, not including header and padding bytes.
RTCInboundRtpStreamStats.framesDecoded - Web APIs
the framesdecoded property of the rtcinboundrtpstreamstats dictionary indicates the
total number of frames which have been decoded successfully for this media source.
... syntax var framesdecoded = rtcinboundrtpstreamstats.framesdecoded; value an integer value indicating the
total number of video frames which have been decoded for this stream so far.
RTCOutboundRtpStreamStats.framesEncoded - Web APIs
the framesencoded property of the rtcoutboundrtpstreamstats dictionary indicates the
total number of frames that have been encoded by this rtcrtpsender for this media source.
... syntax var framesencoded = rtcoutboundrtpstreamstats.framesencoded; value an integer value indicating the
total number of video frames that this sender has encoded so far for this stream.
SVGGeometryElement - Web APIs
"><rect x="81" y="65" width="180" height="50" fill="#f4f7f8" stroke="#d4dde4" stroke-width="2px" /><text x="171" y="94" font-size="12px" font-family="consolas,monaco,andale mono,monospace" fill="#4d4e53" text-anchor="middle" alignment-baseline="middle">svggeometryelement</text></a></svg></div> a:hover text { fill: #0095dd; pointer-events: all;} note: the pathlength property and the get
totallength() and getpointatlength() methods were originally part of the svgpathelement interface.
... svggeometryelement.get
totallength() returns the user agent's computed value for the
total length of the path in user units.
Streams API concepts - Web APIs
in general, the strategy compares the size of the chunks in the queue to a value called the high water mark, which is the largest
total chunk size that the queue can realistically manage.
... the calculation performed is high water mark -
total size of chunks in queue = desired size the desired size is the size of chunks the stream can still accept to keep the stream flowing but below the high water mark in size.
SubtleCrypto.deriveBits() - Web APIs
tekey, 128 ); const buffer = new uint8array(sharedsecret, 0, 5); const sharedsecretvalue = document.queryselector(".ecdh .derived-bits-value"); sharedsecretvalue.classlist.add("fade-in"); sharedsecretvalue.addeventlistener("animationend", () => { sharedsecretvalue.classlist.remove("fade-in"); }); sharedsecretvalue.textcontent = `${buffer}...[${sharedsecret.bytelength} bytes
total]`; } // generate 2 ecdh key pairs: one for alice and one for bob // in more normal usage, they would generate their key pairs // separately and exchange public keys securely const generatealiceskeypair = window.crypto.subtle.generatekey( { name: "ecdh", namedcurve: "p-384" }, false, ["derivebits"] ); const generatebobskeypair = window.crypto.subtle.generatekey( { name: "ec...
...eymaterial, 256 ); const buffer = new uint8array(derivedbits, 0, 5); const derivedbitsvalue = document.queryselector(".pbkdf2 .derived-bits-value"); derivedbitsvalue.classlist.add("fade-in"); derivedbitsvalue.addeventlistener("animationend", () => { derivedbitsvalue.classlist.remove("fade-in"); }); derivedbitsvalue.textcontent = `${buffer}...[${derivedbits.bytelength} bytes
total]`; } const derivebitsbutton = document.queryselector(".pbkdf2 .derive-bits-button"); derivebitsbutton.addeventlistener("click", () => { getderivedbits(); }); specifications specification status comment web cryptography apithe definition of 'subtlecrypto.derivebits()' in that specification.
VideoPlaybackQuality - Web APIs
totalvideoframes read only an unsigned long giving the number of video frames created and dropped since the creation of the associated htmlvideoelement.
...
totalframedelay read only a double containing the sum of the frame delay since the creation of the associated htmlvideoelement.
Using IIR filters - Web APIs
// arrays for our frequency response const
totalarrayitems = 30; let myfrequencyarray = new float32array(
totalarrayitems); let magresponseoutput = new float32array(
totalarrayitems); let phaseresponseoutput = new float32array(
totalarrayitems); let's fill our first array with frequency values we want data to be returned on: myfrequencyarray = myfrequencyarray.map(function(item, index) { return math.pow(1.4, index); }); we could go for a ...
...filltext('hz', width/2, height-spacing+fontsize); canvasctx.filltext('20k', width-spacing, height-spacing+fontsize); // loop over our magnitude response data and plot our filter canvasctx.beginpath(); for(let i = 0; i < magresponseoutput.length; i++) { if (i === 0) { canvasctx.moveto(spacing, height-(magresponseoutput[i]*100)-spacing ); } else { canvasctx.lineto((width/
totalarrayitems)*i, height-(magresponseoutput[i]*100)-spacing ); } } canvasctx.stroke(); summary that's it for our iirfilter demo.
XMLHttpRequestEventTarget.onprogress - Web APIs
event.
total the
total amount of data to be transferred.
... xmlhttprequest.onprogress = function (event) { event.loaded; event.
total; }; example var xmlhttp = new xmlhttprequest(), method = 'get', url = 'https://developer.mozilla.org/'; xmlhttp.open(method, url, true); xmlhttp.onprogress = function () { //do something }; xmlhttp.send(); specifications specification status comment xmlhttprequest living standard whatwg living standard ...
XREnvironmentBlendMode - Web APIs
this is primarily used by fully-immersive vr headsets, which
totally obscure the surrounding environment, with none of the real world shown to the user at all.
...pixels whose alpha value is 1.0 are rendered fully opaque,
totally obscuring the real world, while pixels with an alpha of 1.0 are
totally transparent, leaving the surrounding environment to pass through.
XRSession.environmentBlendMode - Web APIs
this is primarily used by fully-immersive vr headsets, which
totally obscure the surrounding environment, with none of the real world shown to the user at all.
...pixels whose alpha value is 1.0 are rendered fully opaque,
totally obscuring the real world, while pixels with an alpha of 1.0 are
totally transparent, leaving the surrounding environment to pass through.
box-sizing - CSS: Cascading Style Sheets
the box-sizing css property sets how the
total width and height of an element is calculated.
... html <div class="content-box">content box</div> <br> <div class="border-box">border box</div> css div { width: 160px; height: 80px; padding: 20px; border: 8px solid red; background: yellow; } .content-box { box-sizing: content-box; /*
total width: 160px + (2 * 20px) + (2 * 8px) = 216px
total height: 80px + (2 * 20px) + (2 * 8px) = 136px content box width: 160px content box height: 80px */ } .border-box { box-sizing: border-box; /*
total width: 160px
total height: 80px content box width: 160px - (2 * 20px) - (2 * 8px) = 104px content box height: 80px - (2 * 20px) - (2 * 8px) = 24px */ } result ...
offset-distance - CSS: Cascading Style Sheets
100% represents the
total length of the path (when the offset-path is defined as a basic shape or path()).
... formal definition initial value0applies totransformable elementsinheritednopercentagesrefer to the
total path lengthcomputed valuefor <length> the absolute value, otherwise a percentageanimation typea length, percentage or calc(); formal syntax <length-percentage>where <length-percentage> = <length> | <percentage> examples using offset-distance in an animation the motion aspect in css motion path typically comes from animating the offset-distance property.
<colgroup> - HTML: Hypertext Markup Language
if the table doesn't use a colspan attribute, use one td:nth-child(an+b) css selector per column, where a is the
total number of the columns in the table and b is the ordinal position of this column in the table.
... if the table doesn't use a colspan attribute, use the td:nth-child(an+b) css selector per column, where a is the
total number of the columns in the table and b is the ordinal position of the column in the table.
itemscope - HTML: Hypertext Markup Language
add a dash of nutmeg.</span> <br> <span itemprop="aggregaterating" itemscope itemtype="http://schema.org/aggregaterating"> <span itemprop="ratingvalue">4.0</span> stars based on <span itemprop="reviewcount">35</span> reviews </span> <br> prep time: <time datetime="pt30m" itemprop="preptime">30 min</time><br> cook time: <time datetime="pt1h" itemprop="cooktime">1 hou</time>r<br>
total time: <time datetime="pt1h30m" itemprop="
totaltime">1 hour 30 min</time><br> yield: <span itemprop="recipeyield">1 9" pie (8 servings)</span><br> <span itemprop="nutrition" itemscope itemtype="http://schema.org/nutritioninformation"> serving size: <span itemprop="servingsize">1 medium slice</span><br> calories per serving: <span itemprop="calories">250 cal</span><br> fat per servi...
... itemprop preptime pt30m itemprop cooktime pt1h itemprop
totaltime pt1h30m itemprop recipeyield 1 9" pie (8 servings) itemprop recipeingredient thinly-sliced apples: 6 cups itemprop recipeingredient white sugar: 3/4 cup itemprop recipeinstructions 1.
Array.prototype.push() - JavaScript
the
total variable contains the new length of the array.
... let sports = ['soccer', 'baseball'] let
total = sports.push('football', 'swimming') console.log(sports) // ['soccer', 'baseball', 'football', 'swimming'] console.log(
total) // 4 merging two arrays this example uses apply() to push all elements from a second array.
MathML attribute reference - MathML
unimplemented edge <malignmark> unimplemented equalcolumns <mtable> a boolean value indicating whether to force all columns to have the same
total height.
... unimplemented equalrows <mtable> a boolean value indicating whether to force all rows to have the same
total height.
<mtable> - MathML
unimplemented equalcolumns a boolean value indicating whether to force all columns to have the same
total height.
... unimplemented equalrows a boolean value indicating whether to force all rows to have the same
total height.
Populating the page: how browsers work - Web Performance
rather, the "recalculate style" in developer tools shows the
total time it takes to parse css, construct the cssom tree, and recursively calculate computed styles.
... in terms of web performance optimization, there are lower hanging fruit, as the
total time to create the cssom is generally less than the time it takes for one dns lookup.
SVG documentation index - SVG: Scalable Vector Graphics
158 pathlength svg, svg attribute the pathlength attribute lets authors specify a
total length for the path, in user units.
... 176 repeatdur svg, svg attribute the repeatdur attribute specifies the
total duration for repeating an animation.
Introduction to using XPath in JavaScript - XPath
var xpathresult = document.evaluate( xpathexpression, contextnode, namespaceresolver, resulttype, result ); parameters the evaluate function takes a
total of five parameters: xpathexpression: a string containing the xpath expression to be evaluated.
...the
total number of nodes contained can be accessed through the snapshotlength property.
Communicating using "port" - Archive of obsolete content
ort: var tabs = require("sdk/tabs"); var alertcontentscript = "self.port.on('alert', function(message) {" + " window.alert(message);" + "})"; tabs.on("ready", function(tab) { worker = tab.attach({ contentscript: alertcontentscript }); worker.port.emit("alert", "message from the add-on"); }); tabs.open("http://www.mozilla.org"); in
total, the port object defines four functions: emit(): emit a message.
context-menu - Archive of obsolete content
if the
total number of menu items in the main context menu from all add-ons exceeds a certain number (normally 10 but configurable with the extensions.addon-sdk.context-menu.overflowthreshold preference) all of the menu items will instead appear in an overflow menu to avoid making the context menu too large.
Downloading Files - Archive of obsolete content
var privacy = privatebrowsingutils.privacycontextfromwindow(aurlsourcewindow); var progresselement = document.getelementbyid("progress_element"); persist.progresslistener = { onprogresschange: function(awebprogress, arequest, acurselfprogress, amaxselfprogress, acur
totalprogress, amax
totalprogress) { var percentcomplete = math.round((acur
totalprogress / amax
totalprogress) * 100); progresselement.textcontent = percentcomplete +"%"; }, onstatechange: function(awebprogress, arequest, astateflags, astatus) { // do something } } persist.saveuri(obj_uri, null, null, null, "", targetfile, privacy); downloading files that require credentials before c...
Forms related code snippets - Archive of obsolete content
arget.offsetleft + "px"; otable.style.top = (otarget.offsettop + otarget.offsetheight) + "px"; otarget.parentnode.insertbefore(otable, otarget); }; ainstances.push(this); } datepicker.prototype.writedays = function () { const nendblanks = (this.current.getday() + bzeroismonday * 6) % 7, nend = amonthlengths[this.current.getmonth()] + nendblanks, n
total = nend + ((7 - nend % 7) % 7); var otd, otr; if (this.otbody) { this.container.removechild(this.otbody); } this.otbody = document.createelement("tbody"); for (var nday, oday, niter = 0; niter < n
total; niter++) { if (niter % 7 === 0) { otr = document.createelement("tr"); this.otbody.appendchild(otr); } nday = niter - nendblanks + 1; ...
Extension Versioning, Update and Compatibility - Archive of obsolete content
the information page retrieved must currently be
totally valid xhtml, including being delivered with the mime type application/xhtml+xml (important: see problems section) you may include %app_locale% in your updateinfourl if you want to have locale information included in the url -- this allows you to customize the text based on the user's locale.
Index - Archive of obsolete content
1092 attribute.align the align attribute specifies how child elements of the box are aligned, when the size of the box is larger than the
total size of the children.
Simple Example - Archive of obsolete content
/www.xulplanet.com/ndeakin/images/t/palace.jpg, ?title = 'palace from above') (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/canal.jpg, ?title = 'canal') (?start = http://www.xulplanet.com/rdf/myphotos, ?photo = http://www.xulplanet.com/ndeakin/images/t/obelisk.jpg, ?title = 'obelisk') since the triple is the last statement, three matches
total have been found.
XULRunner tips - Archive of obsolete content
("browser.download.manager.showwhenstarting", true); pref("browser.download.manager.usewindow", true); pref("browser.download.manager.closewhendone", true); pref("browser.download.manager.opendelay", 0); pref("browser.download.manager.focuswhenstarting", false); pref("browser.download.manager.flashcount", 2); // pref("alerts.slideincrement", 1); pref("alerts.slideincrementtime", 10); pref("alerts.
totalopentime", 4000); pref("alerts.height", 50); if you are missing preferences that a dialog requires, you will get the following errors: component returned failure code: 0x8000ffff (ns_error_unexpected) [nsiprefbranch.getboolpref] error: dialog has no properties source file: chrome://mozapps/content/downloads/u...ontenttype.xul line: 1 enabling password manager these preferences seem to be th...
Using the W3C DOM - Archive of obsolete content
ie5+: elemref.style.pixelleft = x; elemref.style.pixeltop = y; dom level 2: elemref.style.left = x + "px"; elemref.style.top = y + "px"; w3c dom2 reflection of an element's css properties keep in mind that according to the w3c recommendation, the values returned by the style property of an element reflect static settings in the element's style attribute only, not the
total "computed style" that includes any inherited style settings from parent elements.
Generator comprehensions - Archive of obsolete content
nd value from it, doubled when a generator comprehension is used as the argument to a function, the parentheses used for the function call means that the outer parentheses can be omitted: var result = dosomething(for (i in it) i * 2); the significant difference between the two examples being that by using the generator comprehension, you would only have to loop over the 'obj' structure once,
total, as opposed to once when comprehending the array, and again when iterating through it.
Enumerator.atEnd - Archive of obsolete content
n showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var
totalgb = drv.
totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s +=
totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standar...
Enumerator.item - Archive of obsolete content
n showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var
totalgb = drv.
totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s +=
totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standar...
Enumerator.moveFirst - Archive of obsolete content
n showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var
totalgb = drv.
totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s +=
totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standar...
Enumerator.moveNext - Archive of obsolete content
n showdrives() { var s = ""; var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); var e = new enumerator(fso.drives); e.movefirst(); while (e.atend() == false) { var drv = e.item(); s += drv.path + " - "; if (drv.isready) { var freegb = drv.freespace / bytespergb; var
totalgb = drv.
totalsize / bytespergb; s += freegb.tofixed(3) + " gb free of "; s +=
totalgb.tofixed(3) + " gb"; } else { s += "not ready"; } s += "<br />"; e.movenext(); } return(s); } requirements supported in the following document modes: quirks, internet explorer 6 standards, internet explorer 7 standar...
Enumerator - Archive of obsolete content
the enumerator object: var bytespergb = 1024 * 1024 * 1024; var fso = new activexobject("scripting.filesystemobject"); document.write(fso.drives); var e = new enumerator(fso.drives); var drivestring = ""; e.movefirst(); while (e.atend() == false) { var drv = e.item(); drivestring += drv.path + " - "; if (drv.isready){ var freegb = drv.freespace / bytespergb; var
totalgb = drv.
totalsize / bytespergb; drivestring += freegb.tofixed(3) + " gb free of "; drivestring +=
totalgb.tofixed(3) + " gb"; } else{ drivestring += "not ready"; } drivestring += "<br />";; e.movenext(); } document.write(drivestring); // output: <drive information properties the enumerator object has no properties.
Implementation Status - Archive of obsolete content
6.1.5 calculate supported 6.1.6 constraint supported 6.1.7 p3ptype unsupported 279049; 6.2.1 atomic datatype partial we will support simpletype's using length, minlength, maxlength, pattern, maxinclusive, mininclusive, maxexclusive, minexclusive,
totaldigits, and fractiondigits 7.
Unconventional controls - Game development
it would be very difficult to do everything with only your hands, but it's
totally doable for the simple captain roger's gameplay — steering the ship and shooting the bullets.
Quality values - MDN Web Docs Glossary: Definitions of Web-related terms
nevertheless, with the same quality, more specific values have priority over less specific ones: text/html;q=0.8,text/*;q=0.8,*/*;q=0.8 value priority text/html 0.8 (but
totally specified) text/* 0.8 (partially specified) */* 0.8 (not specified) some syntax, like the one of accept, allow additional specifiers like text/html;level=1.
Cascade and inheritance - Learn web development
selector thousands hundreds tens ones
total specificity h1 0 0 0 1 0001 h1 + p::first-letter 0 0 0 3 0003 li > a[href*="en-us"] > .inline-warning 0 0 2 2 0022 #identifier 0 1 0 0 0100 no selector, with a rule inside an element's style attribute 1 0 0 0 1000 before we move on, let's look at an example in action.
Fundamental CSS comprehension - Learn web development
new rulesets you need to write: write a ruleset that targets both the card header, and card footer, giving them both a computed
total height of 50px (including a content height of 30px and padding of 10px on all sides.) but express it in ems.
Styling tables - Learn web development
some rows removed for brevity <tr> <th scope="row">the stranglers</th> <td>1974</td> <td>17</td> <td>no more heroes</td> </tr> </tbody> <tfoot> <tr> <th scope="row" colspan="2">
total albums</th> <td colspan="2">77</td> </tr> </tfoot> </table> the table is nicely marked up, easily styleable, and accessible, thanks to features such as scope, <caption>, <thead>, <tbody>, etc.
Flexbox - Learn web development
now add the following rule below the previous one: article:nth-of-type(3) { flex: 2; } now when you refresh, you'll see that the third <article> takes up twice as much of the available width as the other two — there are now four proportion units available in
total (since 1 + 1 + 2 = 4).
HTML Cheatsheet - Learn web development
it's always possible to
totally change the look and feel of a given tag using css so, when using html, take the time to focus on the meaning rather than the appearance.
Test your skills: Conditionals - Learn web development
the different conditional tests (and resulting responses) are as follows: score of less than 0 or more than 100 — "this is not possible, an error has occurred." score of 0 to 19 — "that was a terrible score —
total fail!" score of 20 to 39 — "you know some things, but it's a pretty bad score.
Video and Audio APIs - Learn web development
the length we should set the inner <div> to is worked out by first working out the width of the outer <div> (any element's clientwidth property will contain its length), and then multiplying it by the htmlmediaelement.currenttime divided by the
total htmlmediaelement.duration of the media.
Measuring performance - Learn web development
you can use the navigation timing api to measure client-side web performance; including the amount of time needed to unload the previous page, how long domain lookups take, the
total time spent executing the window's load handler, and more.
The business case for web performance - Learn web development
a performance budget is a set of limits that are set to specify limits, such as maximum number of http requests allowed, the maximum
total size of all the assets combined, the minimum allowable fps on a specific device, etc, that must be maintained.
The "why" of web performance - Learn web development
here's some real-world examples of performance improvements: tokopedia reduced render time from 14s to 2s for 3g connections and saw a 19% increase in visitors, 35% increase in
total sessions, 7% increase in new users, 17% increase in active users and 16% increase in sessions per user.
Getting started with Ember - Learn web development
starting the development server you may start the app in development mode by typing the following command in your terminal, while inside the todomvc directory: ember server this should give you an output similar to the following: build successful (190ms) – serving on http://localhost:4200/ slowest nodes (
totaltime >= 5%) |
total (avg) -----------------------------------------+----------- broccolimergetrees (17) | 35ms (2 ms) package /assets/vendor.js (1) | 13ms concat: vendor styles/assets/vend...
TypeScript support in Svelte - Learn web development
to fix it, replace tabindex="-1" with tabindex={-1}, like this: <h2 id="list-heading" bind:this={headingel} tabindex={-1}>{completedtodos} out of {
totaltodos} items completed</h2> this way typescript can prevent us from incorrectly assigning it to a string variable.
Deployment and next steps - Learn web development
total 5 (delta 3), reused 0 (delta 0) to gitlab.com:opensas/mdn-svelte-todo.git 7dac9f3..5725f46 master -> master whenever there's a job running gitlab will display an icon showing the process of the job.
Using Vue computed properties - Learn web development
add the described <h2> and update the <ul> inside your app's template as follows: <h2 id="list-summary">{{listsummary}}</h2> <ul aria-labelledby="list-summary" class="stack-large"> <li v-for="item in todoitems" :key="item.id"> <to-do-item :label="item.label" :done="item.done" :id="item.id"></to-do-item> </li> </ul> you should now see the list summary in your app, and the
total number of items update as you add more todo items!
Gecko info for Windows accessibility vendors
in
total, gecko supports the following window classes: mozillauiwindowclass - root ui window, at the root of the window hierarchy mozillacontentwindowclass -- root document window mozillacontentframewindowclass - root of a subdocument created by a <frame> or <iframe> element mozillahiddenwindowclass - ignore these windows, they are used to help manage other windows mozillawindowclas...
Creating a Language Pack
$ cd ../../dist/ $ ls -l
total 100216 drwxr-xr-x 5 your_id your_status 170 27 lis 13:33 branding -rw-r--r--@ 1 your_id your_status 25248119 26 lis 14:34 firefox-3.6b5pre.en-us.mac.dmg -rw-r--r--@ 1 your_id your_status 26056973 27 lis 13:40 firefox-3.6b5pre.x-testing.mac.dmg drwxr-xr-x 3 your_id your_status 102 27 lis 13:38 install drwxr-xr-x 3 your_id your_status 102 27 lis 13:40 l10n-stage drwxr-xr...
Addon
string eula read only string icon64url read only string supporturl read only string contributionurl read only string contributionamount read only string averagerating read only number reviewcount read only integer reviewurl read only string
totaldownloads read only integer weeklydownloads read only integer dailyusers read only integer repositorystatus read only integer callbacks datadirectorycallback() a callback which is passed a directory path, and, when an error has occured, an error object.
InstallListener
check the progress property for the amount of data downloaded and the maxprogress property for the
total data expected.
DownloadSummary
progress
totalbytes read only number indicates the
total number of bytes to be transferred before completing all the downloads that are currently in progress.
DownloadTarget
for single-file downloads, this property's value will always match the actual size of the file on disk, while the download.
totalbytes property, when available, may indicate the size of the data as encoded for transfer instead.
Sqlite.jsm
async function () { try { conn = await sqlite.openconnection({ path: dbfile.path }); let statement = "insert into accounts (username, details) values (:username, :details)" let params = { username:"lordbusiness", details: "all i'm asking for is
total perfection." }; await conn.execute(statement,params); // get accountid of the insert.
L10n Checks
the output closes with a summary, giving the
total counts of missing and obsolete strings and some statistics on how many strings are changed or not, excluding access and command keys.
Localizing with Koala
you're now looking at your locale's file structure and can see that searchbar.dtd is "unmodified" with 2 translated entities (0 missing, 0 obsolete), whereas search.properties is "modified" with 1 translated entity (6
total minus 5 missing, 0 obsolete).
TraceMalloc
this file can be post-processed by tools in mozilla/tools/trace-malloc as follows: histogram.pl, which produces a type histogram that can be diffed with histogram-diff.sh to produce output that looks like this: ---- base ---- ---- incr ---- ----- difference ---- type count bytes count bytes count bytes %
total total 48942 4754774 76136 6566453 27194 1811679 100.00 nstokenallocator 17 110007 60 388260 43 278253 15.36 nsimagegtk 476 2197708 341 2366564 -135 168856 9.32 nsmemcacherecord 843 45767 2328 124767 1485 79000 4.36 nstextnode 209 11704 1614 90384 1405 78680 4.34...
about:memory
for example, in the "explicit" tree all dom and layout measurements are broken down by window by window, but in "other measurements" those measurements are aggregated into
totals for the whole browser, as the following example shows.
powermetrics
total w = _pkg_ (cores + _gpu_ + other) + _ram_ w #01 17.14 w = 14.98 ( 5.50 + 1.19 + 8.29) + 2.16 w 1 sample taken over a period of 30.000 seconds name id cpu ms/s user% deadlines (<2 ms, 2-5 ms) wakeups (intr, pkg idle) gpu ms/s com.google.chrome 500 439.64 585.35 218.62 19.17 google chro...
MailNews automated testing
performance testing mail leak and bloat tests these tests start up thunderbird or seamonkey and record any leaks found, as well as the
total memory requirement.
FC_GetOperationState
puloperationstatelen [out] pointer to ck_ulong which receives the
total length (in bytes) of the operation state.
FC_SetOperationState
uloperationstatelen [in] contains the
total length (in bytes) of the operation state.
JIT Optimization Outcomes
cantinlinegeneric cantinlineclassconstructor cantinlineexceededdepth cantinlineexceeded
totalbytecodelength cantinlinebigcaller cantinlinebigcallee cantinlinebigcalleeinlinedbytecodelength cantinlinenothot cantinlinenotindispatch cantinlinenativebadtype cantinlinenotarget unable to inline function call.
JS_CompareStrings
this function imposes a
total order on all javascript strings, the same order imposed by the javascript string comparison operators (<, <=, >, >=), as described in ecma 262-3 § 11.8.5.
JS_THREADSAFE
each thread that uses the javascript engine must essentially operate in a
totally separate region of memory.
JSDBGAPI
typedef jspropertydescarray js_propertyiterator js_getpropertydesc js_getpropertydescarray js_putpropertydescarray hooks js_setdebuggerhandler js_setsourcehandler js_setexecutehook js_setcallhook js_setobjecthook js_setthrowhook js_setdebugerrorhook js_setnewscripthook js_setdestroyscripthook js_getglobaldebughooks js_setcontextdebughooks memory usage js_getobject
totalsize js_getfunction
totalsize js_getscript
totalsize system objects js_issystemobject js_newsystemobject profiling these functions can be used to profile a spidermonkey application using the mac profiler, shark.
Setting up CDT to work on SpiderMonkey
unfortunately, there are also large parts that are not properly indexed, leading to errors and warnings being shown for perfectly valid code, but i find that the parts that do work do so nicely enough to make it
totally worth it.
Shell global objects
the name is one of: maxbytes maxmallocbytes gcbytes gcnumber mode unusedchunks
totalchunks slicetimebudget markstacklimit highfrequencytimelimit highfrequencylowlimit highfrequencyhighlimit highfrequencyheapgrowthmax highfrequencyheapgrowthmin lowfrequencyheapgrowth dynamicheapgrowth dynamicmarkslice allocationthreshold minemptychunkcount maxemptychunkcount compactingenabled refreshframeslicesenabled relazifyfunctions(...) perform a gc and allo...
compare-locales
the output closes with a summary, giving the
total counts of missing and obsolete strings and words, and some statistics on how many strings are changed or not, excluding access- and commandkeys.
Mork
the '$' character quotes the next two characters (which must be valid hexadecimal digits) and these three in
total represent an octet with the value of the digits.
How to build an XPCOM component in JavaScript
ly, you create an array of your components to be created: var components = [helloworld]; and replace nsgetfactory/nsgetmodule to use this array and xpcomutils: if ("generatensgetfactory" in xpcomutils) var nsgetfactory = xpcomutils.generatensgetfactory(components); // firefox 4.0 and higher else var nsgetmodule = xpcomutils.generatensgetmodule(components); // firefox 3.x so the
total simplified version of your component now looks like (of course documentation and comments aren't a bad thing, but as a template something smaller is nice to have): components.utils.import("resource://gre/modules/xpcomutils.jsm"); function helloworld() { } helloworld.prototype = { classdescription: "my hello world javascript xpcom component", classid: components.id("{xxxxxxxx-xxxx-...
Index
79 using nscomptr xpcom this document is the sum
total of everything written down about nscomptr.
Profiling XPCShell
the line consists of: the compile count of the function; the call count of the function; the functions name; the starting line number; the ending line number; the function's size; the amount of time (in milliseconds) the fastest call took; the time of the slowest call; the average time spend; the
total time; the time spend in the function itself is given (that is the
total time excluding the time spend in functions called from this function).
imgIContainer
obsolete since gecko 2.0 numframes unsigned long the
total number of frames in this image.
imgIEncoder
frames=# -- default: "1"
total number of frames in the image.
nsICacheDeviceInfo
totalsize unsigned long get the
total size of the stored cache entries.
nsIDBFolderInfo
nsmsgkey expungedbytes long flags long folderdate unsigned long foldername string foldersize unsigned long highwater nsmsgkey imaphierarchyseparator wchar imap
totalpendingmessages long imapuidvalidity long imapunreadpendingmessages long knownartsset string locale astring mailboxname astring nummessages long numunreadmessages long ...
nsIDOMSimpleGestureEvent
for update events, this indicates the movement since the previous update; for the mozrotategesture and mozmagnifygesture events, this indicates the
total movement that occurred while the event was being processed.
nsIDownload
size long long the
total size of the file in bytes, or ll_maxuint if the file's size is unknown.
nsIEffectiveTLDService
the tld space is currently expanding at a fairly great rate, and the copy of the psl firefox has may not be
totally up to date (because it's not dynamically updated data).
nsIHttpActivityObserver
activity_subtype_response_complete aextrasizedata contains the
total number of bytes received.
nsIInputStream
note: this method should not be used to determine the
total size of a stream, even if the stream corresponds to a local file.
nsIMemoryReporterManager
in nsimemorymultireporter reporter); void registerreporter(in nsimemoryreporter reporter); void unregistermultireporter(in nsimemorymultireporter reporter); void unregisterreporter(in nsimemoryreporter reporter); attributes attribute type description explicit print64 gets the
total size of explicit memory allocations, both at the operating system level (for example, via mmap, virtualalloc) and at the heap level (for example, via malloc(), calloc(), operator new).
nsIMsgDBHdr
must be less than the
total number of references.
nsIMsgDatabase
(in nsimsgdbhdr newhdr, in boolean notify); copyhdrfromexistinghdr() nsimsgdbhdr copyhdrfromexistinghdr(in nsmsgkey key, in nsimsgdbhdr existinghdr, in boolean addhdrtodb); listallkeys() [noscript] void listallkeys(in nsmsgkeyarrayref outputkeys); enumeratemessages() nsisimpleenumerator enumeratemessages(); enumeratethreads() nsisimpleenumerator enumeratethreads(); synccounts() count the
total and unread msgs, and adjust global count if needed.
nsIProgressEventSink
aprogressmax numeric value indicating maximum number of bytes that will be transfered (or 0xffffffffffffffff if
total is unknown).
nsIPushSubscription
pushcount long long the
total number of messages sent to this subscription.
nsIScriptableInputStream
note: this method should not be used to determine the
total size of a stream, even if the stream corresponds to a local file.
nsITreeView
in long row); void selectionchanged(); void setcelltext(in long row, in nsitreecolumn col, in astring value); void setcellvalue(in long row, in nsitreecolumn col, in astring value); void settree(in nsitreeboxobject tree); void toggleopenstate(in long index); attributes attribute type description rowcount long the
total number of rows in the tree (including the offscreen rows).
Using nsCOMPtr
this document is the sum
total of everything written down about nscomptr.
XPCOM
troubleshooting xpcom components registrationoften the first time you create an xpcom component, it may fail to register correctly.using nscomptrthis document is the sum
total of everything written down about nscomptr.
MailNews fakeserver
using fakeserver in xpcshell tests since there are three different components of fakeserver, a
total of four objects need to be set up in a fakeserver test on top of other testing.
Working with data
myarray.constructor.size is 20; the
total size of the array's data buffer is 20 bytes (5 entries, 4 bytes apiece).
DOM allocation example - Firefox Developer Tools
= 0; i < toolbarcount; i++) { var toolbar = createtoolbar(); container.appendchild(toolbar); } } createtoolbars(); a simple pseudocode representation of how this code operates looks like this: createtoolbars() -> createtoolbar() // called 200 times, creates 1 div element each time -> createtoolbarbutton() // called 20 times per toolbar, creates 1 span element each time in
total, then, it creates 200 htmldivelement objects, and 4000 htmlspanelement objects.
Dominators - Firefox Developer Tools
retained size is an important concept in analyzing memory usage, because it answers the question "if this object ceases to exist, what's the
total amount of memory freed?".
Migrating from Firebug - Firefox Developer Tools
like in firebug it lists the
total execution time of each function call under
total time as well as the number of calls under samples, the time spent within the function under self time and the related percentages in reference to the
total execution time.
BasicCardRequest - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'] } }]; 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 } ] }; var options = {requestshipping: true}; try ...
BasicCardResponse - Web APIs
var supportedinstruments = [{ supportedmethods: 'basic-card', data: { supportednetworks: ['visa', 'mastercard', 'amex', 'jcb', 'diners', 'discover', 'mir', 'unionpay'], supportedtypes: ['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 } ] }; var options = {requestshipping: true}; try ...
Determining the dimensions of elements - Web APIs
if you need to know the
total amount of space an element occupies, including the width of the visible content, scrollbars (if any), padding, and border, you want to use the htmlelement.offsetwidth and htmlelement.offsetheight properties.
Applying styles and colors - Web APIs
it can equivalently be defined as the maximum allowed ratio of the distance between the inside and outside points of jonction of edges, to the
total line width.
console - Web APIs
note: it's important to note that if you're using this to log the timing for network traffic, the timer will report the
total time for the transaction, while the time listed in the network panel is just the amount of time required for the header.
CountQueuingStrategy.size() - Web APIs
the size() method of the countqueuingstrategy interface always returns 1, so that the
total queue size is a count of the number of chunks in the queue.
DOMMatrixReadOnly - Web APIs
for a 2d matrix, the elements a through f are listed, for a
total of six values and the form matrix(a, b, c, d, e, f).
Element.scrollHeight - Web APIs
padding-bottom left top right bottom margin-top margin-bottom border-top border-bottom problems and solutions determine if an element has been
totally scrolled the following equivalence returns true if an element is at the end of its scroll, false if it isn't.
FileHandle API - Web APIs
var progress = document.queryselector('progress'); var myfile = myfilehandle.open('readonly'); // let's read a 1gb file var action = myfile.readasarraybuffer(1000000000); action.onprogress = function (event) { if (progress) { progress.value = event.loaded; progress.max = event.
total; } } action.onsuccess = function () { console.log('yeah \o/ just read a 1gb file'); } action.onerror = function () { console.log('oups :( unable to read a 1gb file') } file storage when a file handle is created, the associated file only exists as a "temporary file" as long as you hold the filehandle instance.
HTMLTableRowElement.rowIndex - Web APIs
html <table> <thead> <tr><th>item</th> <th>price</th></tr> </thead> <tbody> <tr><td>bananas</td> <td>$2</td></tr> <tr><td>oranges</td> <td>$8</td></tr> <tr><td>top sirloin</td> <td>$20</td></tr> </tbody> <tfoot> <tr><td>
total</td> <td>$30</td></tr> </tfoot> </table> javascript let rows = document.queryselectorall('tr'); rows.foreach((row) => { let z = document.createelement("td"); z.textcontent = `(row #${row.rowindex})`; row.appendchild(z); }); result ...
HTMLVideoElement - Web APIs
this information includes things like the number of dropped or corrupted frames, as well as the
total number of frames.
IDBCursorSync - Web APIs
method overview bool continue (in optional any key); void remove () raises (idbdatabaseexception); attributes attribute type description count readonly unsigned long long the
total number of objects that share the current key.
ImageData() - Web APIs
examples creating a blank imagedata object this example creates an imagedata object that is 200 pixels wide and 100 pixels tall, containing a
total of 20,000 pixels.
MediaPositionState.duration - Web APIs
the mediapositionstate dictionary's duration property is used when calling the mediasession method setpositionstate() to provide the user agent with the overall
total duration in seconds of the media currently being performed.
OfflineAudioContext.suspend() - Web APIs
invalidstateerror if the quantized frame number is one of the following: a negative number is less than or equal to the current time is greater than or equal to the
total render duration is scheduled by another suspend for the same time specifications specification status comment web audio apithe definition of 'suspend()' in that specification.
PaymentAddress - Web APIs
const supportedinstruments = [ { supportedmethods: "basic-card", }, ]; const 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, }, ], }; const options = { requestshippi...
PaymentDetailsBase - Web APIs
for example, you can use one to adjust the
total payment amount based on the selected payment method ("5% cash discount!").
PaymentRequest.canMakePayment() - Web APIs
async function initpaymentrquest() { const details = {
total: { label: "
total", amount: { currency: "usd", value: "0.00", }, }, }; const supportsapplepay = new paymentrequest( [{ supportedmethods: "https://apple.com/apple-pay" }], details ).canmakepayment(); // supports apple pay?
PaymentRequest.prototype.id - Web APIs
const details = { id: "super-store-order-123-12312",
total: { label: "
total due", amount: { currency: "usd", value: "65.00" }, }, }; const request = new paymentrequest(methoddata, details); console.log(request.id); // super-store-order-123-12312 the id is then also available in the paymentresponse returned from the show() method, but under the requestid attribute.
PaymentRequest.onshippingoptionchange - Web APIs
nge', e => { e.updatewith(((details, addr) => { var shippingoption = { id: '', label: '', amount: { currency: 'usd', value: '0.00' }, selected: true }; // shipping to us is supported if (addr.country === 'us') { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.value = '0.00'; details.
total.amount.value = '55.00'; // shipping to jp is supported } else if (addr.country === 'jp') { shippingoption.id = 'jp'; shippingoption.label = 'international shipping'; shippingoption.amount.value = '10.00'; details.
total.amount.value = '65.00'; // shipping to elsewhere is unsupported } else { // empty array indicates rejection of the address detai...
PaymentRequest.shippingAddress - Web APIs
r.message); }); function updatedetails(details, shippingaddress, resolve) { if (shippingaddress.country === 'us') { var shippingoption = { id: '', label: '', amount: {currency: 'usd', value: '0.00'}, selected: true }; if (shippingaddress.region === 'mo') { shippingoption.id = 'mo'; shippingoption.label = 'free shipping in missouri'; details.
total.amount.value = '55.00'; } else { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.value = '5.00'; details.
total.amount.value = '60.00'; } details.displayitems.splice(2, 1, shippingoption); details.shippingoptions = [shippingoption]; } else { delete details.shippingoptions; } resolve(details); } sp...
PaymentResponse.shippingAddress - Web APIs
r.message); }); function updatedetails(details, shippingaddress, resolve) { if (shippingaddress.country === 'us') { var shippingoption = { id: '', label: '', amount: {currency: 'usd', value: '0.00'}, selected: true }; if (shippingaddress.region === 'mo') { shippingoption.id = 'mo'; shippingoption.label = 'free shipping in missouri'; details.
total.amount.value = '55.00'; } else { shippingoption.id = 'us'; shippingoption.label = 'standard shipping in us'; shippingoption.amount.value = '5.00'; details.
total.amount.value = '60.00'; } details.displayitems.splice(2, 1, shippingoption); details.shippingoptions = [shippingoption]; } else { delete details.shippingoptions; } resolve(details); } sp...
PaymentResponse.shippingOption - Web APIs
}).catch(function(err) { console.error("uh oh, something bad happened", err.message); }); function updatedetails(details, shippingoption, resolve, reject) { var selectedshippingoption; var othershippingoption; if (shippingoption === 'standard') { selectedshippingoption = details.shippingoptions[0]; othershippingoption = details.shippingoptions[1]; details.
total.amount.value = '55.00'; } else if (shippingoption === 'express') { selectedshippingoption = details.shippingoptions[1]; othershippingoption = details.shippingoptions[0]; details.
total.amount.value = '67.00'; } else { reject('unknown shipping option \'' + shippingoption + '\''); return; } selectedshippingoption.selected = true; othershippingoption.selected = false; ...
RTCIceCandidatePairStats.requestsReceived - Web APIs
the rtcicecandidatepairstats dictionary's requestsreceived property indicates the
total number of stun connectivity check requests that have been received so far on the connection described by this pairing of candidates.
RTCIceCandidatePairStats.requestsSent - Web APIs
the rtcicecandidatepairstats dictionary's requestssent property indicates the
total number of stun connectivity check requests that have been sent so far on the connection described by this pair of candidates.
RTCIceCandidatePairStats.responsesReceived - Web APIs
the responsesreceived property in the rtcicecandidatepairstats dictionary indicates the
total number of stun connectivity check responses that have been received on the connection described by this pair of candidates.
RTCIceCandidatePairStats.responsesSent - Web APIs
the rtcicecandidatepairstats dictionary's responsessent property indicates the
total number of stun connectivity check responses that have been sent so far on the connection described by this pair of candidates.
RTCInboundRtpStreamStats.fecPacketsReceived - Web APIs
syntax var fecpacketsreceived = rtcinboundrtpstreamstats.fecpacketsreceived; value an unsigned integer value which indicates the
total number of fec packets which have been recieved from the remote peer during this rtp session.
RTCInboundRtpStreamStats.packetsFailedDecryption - Web APIs
the packetsfaileddecryption property of the rtcinboundrtpstreamstats dictionary indicates the
total number of rtp packets which failed to be decrypted successfully after being received by the local end of the connection during this session.
ReadableStream.ReadableStream() - Web APIs
this takes two parameters: highwatermark a non-negative integer — this defines the
total number of chunks that can be contained in the internal queue before backpressure is applied.
SVGTextContentElement - Web APIs
svgtextcontentelement.getnumberofchars() returns a long representing the
total number of addressable characters available for rendering within the current element, regardless of whether they will be rendered.
Screen.availHeight - Web APIs
for instance, on a mac whose dock is located at the bottom of screen (which is the default), the value of availheight is approximately the value of height (the
total height of the screen in css pixels) minus the heights of the dock and menu bar, as seen in the diagram below.
Using the Screen Capture API - Web APIs
to request that the screen be shared with included audio, the options passed into getdisplaymedia() might look like this: const gdmoptions = { video: true, audio: true } this allows the user
total freedom to select whatever they want, within the limits of what the user agent supports.
StorageEstimate.quota - Web APIs
syntax quota = storageestimate.quota; value a numeric value specifying an approximation of the
total amount of storage space available for use by the application.
StorageEstimate.usage - Web APIs
syntax usage = storageestimate.usage; value a numeric value specifying an approximation of the
total amount of storage space available for use by the application.
StorageEstimate - Web APIs
properties quota secure context a numeric value in bytes which provides a conservative approximation of the
total storage the user's device or computer has available for the site origin or web app.
SubmitEvent.submitter - Web APIs
examples in this example, a shopping cart may have an assortment of different submit buttons depending on factors such as the user's settings, the shop's settings, and any minimum or maximum shopping card
totals established by the payment processors.
SubmitEvent - Web APIs
examples in this example, a shopping cart may have an assortment of different submit buttons depending on factors such as the user's settings, the shop's settings, and any minimum or maximum shopping card
totals established by the payment processors.
TouchList - Web APIs
for example, if the user has three fingers on the touch surface (such as a screen or trackpad), the corresponding touchlist object would have one touch object for each finger, for a
total of three entries.
USB.getDevices() - Web APIs
navigator.usb.getdevices() .then(devices => { console.log("
total devices: " + devices.length); devices.foreach(device => { console.log("product name: " + device.productname + ", serial number " + device.serialnumber); }); }); specifications specification status comment webusbthe definition of 'getdevices' in that specification.
VideoPlaybackQuality.corruptedVideoFrames - Web APIs
var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if (quality.corruptedvideoframes/quality.
totalvideoframes > 0.05) { downgradevideo(videoelem); } specifications specification status comment media playback qualitythe definition of 'videoplaybackquality: corruptedvideoframes' in that specification.
VideoPlaybackQuality.creationTime - Web APIs
var videoelem = document.getelementbyid("my_vid"); var quality = videoelem.getvideoplaybackquality(); if ((quality.corruptedvideoframes + quality.droppedvideoframes)/quality.
totalvideoframes > 0.1) { lostframesthresholdexceeded(); } specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.corruptedvideoframes' in that specification.
VideoPlaybackQuality.droppedVideoFrames - Web APIs
var videoelem = document.getelementbyid("my_vid"); var percentelem = document.getelementbyid("percent"); var quality = videoelem.getvideoplaybackquality(); var droppercent = (quality.droppedvideoframes/quality.
totalvideoframes)*100; percentelem.innertext = math.trunc(droppercent).tostring(10); specifications specification status comment media playback qualitythe definition of 'videoplaybackquality.droppedvideoframes' in that specification.
Creating 3D objects using WebGL - Web APIs
{ const vertexcount = 36; const type = gl.unsigned_short; const offset = 0; gl.drawelements(gl.triangles, vertexcount, type, offset); } since each face of our cube is comprised of two triangles, there are 6 vertices per side, or 36
total vertices in the cube, even though many of them are duplicates.
The WebSocket API (WebSockets) - Web APIs
total.js: web application framework for node.js (example: websocket chat) faye: a websocket (two-ways connections) and eventsource (one-way connections) for node.js server and client.
Window.scrollMaxX - Web APIs
example // scroll to right edge of the page let maxx = window.scrollmaxx; window.scrollto(maxx, 0); notes do not use this property to get the
total document width, which is not equivalent to window.innerwidth + window.scrollmaxx, because window.innerwidth includes the width of any visible vertical scrollbar, thus the result would exceed the
total document width by the width of any visible vertical scrollbar.
Window.scrollMaxY - Web APIs
example // scroll to the bottom of the page let maxy = window.scrollmaxy; window.scrollto(0, maxy); notes do not use this property to get the
total document height, which is not equivalent to window.innerheight + window.scrollmaxy, because window.innerheight includes the width of any visible horizontal scrollbar, thus the result would exceed the
total document height by the width of any visible horizontal scrollbar.
WritableStream.WritableStream() - Web APIs
this takes two parameters: highwatermark a non-negative integer — this defines the
total number of chunks that can be contained in the internal queue before backpressure is applied.
XRPermissionStatus.granted - Web APIs
xrreferencespace unbounded a tracking space which allows the user
total freedom of movement, possibly over extremely long distances from their origin point.
XRReferenceSpace - Web APIs
xrreferencespace unbounded a tracking space which allows the user
total freedom of movement, possibly over extremely long distances from their origin point.
XRReferenceSpaceType - Web APIs
xrreferencespace unbounded a tracking space which allows the user
total freedom of movement, possibly over extremely long distances from their origin point.
Viewport concepts - CSS: Cascading Style Sheets
this is because the outerheight includes the browser chrome: measurements were taken on a browser with an address bar and bookmarks bar
totalling 100px in height, but no chrome on the left or right of the window.
cross-fade() - CSS: Cascading Style Sheets
the green/red example (with the percentages
totalling 150%) and the yellow/red/blue example (with three images) from the specification syntax section, are not possible in this implementation.
offset - CSS: Cascading Style Sheets
cm / 0.5cm 3cm; offset: url(arc.svg) 30deg / 50px 100px; formal definition initial valueas each of the properties of the shorthand:offset-position: autooffset-path: noneoffset-distance: 0offset-anchor: autooffset-rotate: autoapplies totransformable elementsinheritednopercentagesas each of the properties of the shorthand:offset-position: refertosizeofcontainingblockoffset-distance: refer to the
total path lengthoffset-anchor: relativetowidthandheightcomputed valueas each of the properties of the shorthand:offset-position: for <length> the absolute value, otherwise a percentageoffset-path: as specifiedoffset-distance: for <length> the absolute value, otherwise a percentageoffset-anchor: for <length> the absolute value, otherwise a percentageoffset-rotate: as specifiedanimation typeas each of t...
Index - Developer guides
backrate explained apps, audio, media, video, playbackrate the playbackrate property of the <audio> and <video> elements allows us to change the speed, or rate, at which a piece of web audio or video is playing 15 writing web audio api code that works in every browser api you probably have already read the announcement on the web audio api coming to firefox, and are
totally excited and ready to make your until-now-webkit-only sites work with firefox, which uses the unprefixed version of the spec.
<col> - HTML: Hypertext Markup Language
if the table doesn't use a colspan attribute, use the td:nth-child(an+b) css selector where a is the
total number of the columns in the table and b is the ordinal position of the column in the table.
<input type="date"> - HTML: Hypertext Markup Language
eateelement('option'); option.textcontent = i; dayselect.appendchild(option); } // if previous day has already been set, set dayselect's value // to that day, to avoid the day jumping back to 1 when you // change the year if(previousday) { dayselect.value = previousday; // if the previous day was set to a high number, say 31, and then // you chose a month with less
total days in it (e.g.
<input type="datetime-local"> - HTML: Hypertext Markup Language
eateelement('option'); option.textcontent = i; dayselect.appendchild(option); } // if previous day has already been set, set dayselect's value // to that day, to avoid the day jumping back to 1 when you // change the year if(previousday) { dayselect.value = previousday; // if the previous day was set to a high number, say 31, and then // you chose a month with less
total days in it (e.g.
Evolution of HTTP - HTTP
the drawback of the rest model resides in the fact that each website defines its own non-standard restful api and has
total control on it; unlike the *dav extensions were clients and servers are interoperable.
Content negotiation - HTTP
even if server-driven content negotiation is the most common way to agree on a specific representation of a resource, it has several drawbacks: the server doesn't have
total knowledge of the browser.
Server-Timing - HTTP
// single metric without value server-timing: missedcache // single metric with value server-timing: cpu;dur=2.4 // single metric with description and value server-timing: cache;desc="cache read";dur=23.2 // two metrics with value server-timing: db;dur=53, app;dur=47.2 // server-timing as trailer trailer: server-timing --- response body --- server-timing:
total;dur=123.4 privacy and security the server-timing header may expose potentially sensitive application and infrastructure information.
Transfer-Encoding - HTTP
examples chunked encoding chunked encoding is useful when larger amounts of data are sent to the client and the
total size of the response may not be known until the request has been fully processed.
An overview of HTTP - HTTP
a server appears as only a single machine virtually: this is because it may actually be a collection of servers, sharing the load (load balancing) or a complex piece of software interrogating other computers (like cache, a db server, or e-commerce servers),
totally or partially generating the document on demand.
HTTP range requests - HTTP
comparison to chunked transfer-encoding the transfer-encoding header allows chunked encoding, which is useful when larger amounts of data are sent to the client and the
total size of the response is not known until the request has been fully processed.
Indexed collections - JavaScript
let a = [10, 20, 30] let
total = a.reduce(function(accumulator, currentvalue) { return accumulator + currentvalue }, 0) console.log(
total) // prints 60 reduceright(callback[, initialvalue]) works like reduce(), but starts with the last element.
Functions - JavaScript
// this function returns a string padded with leading zeros function padzeros(num,
totallen) { var numstr = num.tostring(); // initialize return value as string var numzeros =
totallen - numstr.length; // calculate no.
Array.prototype.reduce() - JavaScript
examples sum all the values of an array let sum = [0, 1, 2, 3].reduce(function (accumulator, currentvalue) { return accumulator + currentvalue }, 0) // sum is 6 alternatively written with an arrow function: let
total = [ 0, 1, 2, 3 ].reduce( ( accumulator, currentvalue ) => accumulator + currentvalue, 0 ) sum of values in an object array to sum up, the values contained in an array of objects, you must supply an initialvalue, so that each item passes through your function.
DataView() constructor - JavaScript
for example, if the buffer is 16 bytes long, the byteoffset is 8, and the bytelength is 10, this error is thrown because the resulting view tries to extend 2 bytes past the
total length of the buffer.
String.fromCharCode() - JavaScript
however, this set of characters, known as the base multilingual plane (bmp), is only 1/17th of the
total addressable unicode code points.
TypedArray.prototype.reduce() - JavaScript
examples sum up all values within an array var
total = new uint8array([0, 1, 2, 3]).reduce(function(a, b) { return a + b; }); //
total == 6 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.reduce' in that specification.
TypedArray.prototype.reduceRight() - JavaScript
examples sum up all values within an array var
total = new uint8array([0, 1, 2, 3]).reduceright(function(a, b) { return a + b; }); //
total == 6 specifications specification ecmascript (ecma-262)the definition of '%typedarray%.prototype.reduceright' in that specification.
function declaration - JavaScript
you can use the function before you declared it: hoisted(); // logs "foo" function hoisted() { console.log('foo'); } note that function expressions are not hoisted: nothoisted(); // typeerror: nothoisted is not a function var nothoisted = function() { console.log('bar'); }; examples using function the following code declares a function that returns the
total amount of sales, when given the number of units sold of products a, b, and c.
JavaScript typed arrays - JavaScript
let's create a view that treats the data in the buffer as an array of 32-bit signed integers: let int32view = new int32array(buffer); now we can access the fields in the array just like a normal array: for (let i = 0; i < int32view.length; i++) { int32view[i] = i * 2; } this fills out the 4 entries in the array (4 entries at 4 bytes each makes 16
total bytes) with the values 0, 2, 4, and 6.
iarc_rating_id - Web app manifests
note: the same code can be shared across multiple participating storefronts, as long as the distributed product remains the same (i.e., doesn’t serve
totally different code paths on different storefronts).
Web audio codec guide - Web media technologies
container support ogg, webm rtp / webrtc compatible yes licensing fully open and free of any licensing requirements choosing an audio codec typically, regardless of what codec you use, it will generally get the job done, even if it's not the ideal choice, as long as you choose a codec not specifically designed for a
totally different kind of source audio.
Web technology reference
if you're new to web development, consider starting with our learning area, which is filled with step-by-step tutorials that will guide you from
total webdev newbie to at least semi-pro!
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.
<polyline> - SVG: Scalable Vector Graphics
example of the same polyline shape with stroke and no fill --> <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" /> </svg> attributes points this attribute defines the list of points (pairs of x,y absolute coordinates) required to draw the polyline value type: <number>+ ; default value: ""; animatable: yes pathlength this attribute lets specify the
total length for the path, in user units.