UNPKG

elasticlunr

Version:

Lightweight full-text search engine in Javascript for browser search and offline search.

567 lines (537 loc) 28.4 kB
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" charset="utf-8"> <title>elasticlunr</title> <link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css"> <link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css"> <link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/docs.css"> <style> body > .navbar .brand { float:left; text-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px, rgba(255, 255, 255, 0.4) 0px 0px 30px; color: white; margin-left:0px; font-weight:normal; } .bs-docs-sidenav.affix { box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5); z-index: 10; } .bs-docs-sidenav i{ width: 8px; height: 8px; padding: 0px; margin: 0px; display: inline-block; margin-right:0.5em; } .bs-docs-sidenav > li > a { word-wrap: break-word; } .bs-docs-sidenav > li:first-child > a { border-top-right-radius: 6px; border-top-left-radius: 6px; } code[class*="language-"],pre[class*="language-"]{color:black;text-shadow:0 1px white;font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*="language-"]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f5f2f0}:not(pre)>code[class*="language-"]{padding:.1em;border-radius:.3em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number{color:#905}.token.selector,.token.attr-name,.token.string{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.regex,.token.important{color:#e90}.token.important{font-weight:bold}.token.entity{cursor:help} div.description {margin: 14px 0; padding-top: 14px; border-bottom:1px solid #eee; } .tags {} .ctx-type { display:inline-block; margin-right:0.5em; //- float:right; margin-top:8px } footer iframe{vertical-align:middle;} </style> </head> <body data-spy="scroll" data-target=".scrollspy"> <div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar-inner"> <div class="container"><a class="brand">Doxx</a> <div class="nav-collapse collapse"> <ul class="nav pull-right sponsored"></ul> </div> </div> </div> </div> <header id="overview" class="jumbotron subhead"> <div class="container"> <h1>elasticlunr</h1> <p class="lead"></p> </div> </header> <div class="container"> <div class="row"> <div class="span3 bs-docs-sidebar"> <ul class="nav nav-list bs-docs-sidenav affix-top"> <li><a href="index.html">Main</a></li> <li><a href="configuration.js.html">configuration.js</a></li> <li><a href="document_store.js.html">document_store.js</a></li> <li><a href="elasticlunr.js.html">elasticlunr.js</a></li> <li><a href="event_emitter.js.html">event_emitter.js</a></li> <li><a href="index.js.html">index.js</a></li> <li class="active"><a href="inverted_index.js.html">inverted_index.js</a></li> <li><a href="pipeline.js.html">pipeline.js</a></li> <li><a href="sorted_set.js.html">sorted_set.js</a></li> <li><a href="stemmer.js.html">stemmer.js</a></li> <li><a href="stop_word_filter.js.html">stop_word_filter.js</a></li> <li><a href="tokenizer.js.html">tokenizer.js</a></li> <li><a href="trimmer.js.html">trimmer.js</a></li> <li><a href="utils.js.html">utils.js</a></li> </ul> <div class="scrollspy"> <ul class="nav nav-list bs-docs-sidenav affix-top"> <li><a href="#InvertedIndex"><i class="alert alert-success"></i><span>InvertedIndex</span></a> </li> <li><a href="#load"><i class="alert alert-info"></i><span>load</span></a> </li> <li><a href="#addToken"><i class="alert alert-info"></i><span>addToken</span></a> </li> <li><a href="#hasToken"><i class="alert alert-info"></i><span>hasToken</span></a> </li> <li><a href="#getNode"><i class="alert alert-info"></i><span>getNode</span></a> </li> <li><a href="#getDocs"><i class="alert alert-info"></i><span>getDocs</span></a> </li> <li><a href="#getTermFrequency"><i class="alert alert-info"></i><span>getTermFrequency</span></a> </li> <li><a href="#getDocFreq"><i class="alert alert-info"></i><span>getDocFreq</span></a> </li> <li><a href="#removeToken"><i class="alert alert-info"></i><span>removeToken</span></a> </li> <li><a href="#expandToken"><i class="alert alert-info"></i><span>expandToken</span></a> </li> <li><a href="#toJSON"><i class="alert alert-info"></i><span>toJSON</span></a> </li> </ul> </div> </div> <div class="span9"> <section id="InvertedIndex"> <h1>InvertedIndex</h1> <h5 class="subheader"></h5> <p> <div class="label label-success radius ctx-type">constructor</div><span>elasticlunr.InvertedIndex()</span> </p> </section> <div class="description"><p>elasticlunr.InvertedIndex is used for efficiently storing and<br />lookup of documents that contain a given token.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex = function () { this.root = { docs: {}, df: 0 }; };</code></pre> <section id="load"> <h1>load</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.load()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>serialisedData</td> <td>Object</td> <td><p>The serialised inverted index to load.</p></td> </tr> <tr> <td>return</td> <td>elasticlunr.InvertedIndex</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Loads a previously serialised inverted index.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.load = function (serialisedData) { var idx = new this; idx.root = serialisedData.root; return idx; };</code></pre> <section id="addToken"> <h1>addToken</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.addToken()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td></td> </tr> <tr> <td>tokenInfo</td> <td>Object</td> <td><p>format: { ref: 1, tf: 2}</p></td> </tr> <tr> <td>root</td> <td>Object</td> <td><p>An optional node at which to start looking for the correct place to enter the doc, by default the root of this elasticlunr.InvertedIndex<br />is used.</p></td> </tr> </tbody> </table> <div class="description"><p>Adds a {token: tokenInfo} pair to the inverted index.<br />If the token already exist, then update the tokenInfo.</p><p>tokenInfo format: { ref: 1, tf: 2}<br />tokenInfor should contains the document&#39;s ref and the tf(token frequency) of that token in<br />the document.</p><p>By default this function starts at the root of the current inverted index, however<br />it can start at any node of the inverted index if required.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.addToken = function (token, tokenInfo, root) { var root = root || this.root, idx = 0; while (idx &lt;= token.length - 1) { var key = token[idx]; if (!(key in root)) root[key] = {docs: {}, df: 0}; idx += 1; root = root[key]; } var docRef = tokenInfo.ref; if (!root.docs[docRef]) { // if this doc not exist, then add this doc root.docs[docRef] = {tf: tokenInfo.tf}; root.df += 1; } else { // if this doc already exist, then update tokenInfo root.docs[docRef] = {tf: tokenInfo.tf}; } };</code></pre> <section id="hasToken"> <h1>hasToken</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.hasToken()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>The token to be checked</p></td> </tr> <tr> <td>return</td> <td>Boolean</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Checks whether a token is in this elasticlunr.InvertedIndex.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.hasToken = function (token) { if (!token) return false; var node = this.root; for (var i = 0; i &lt; token.length; i++) { if (!node[token[i]]) return false; node = node[token[i]]; } return true; };</code></pre> <section id="getNode"> <h1>getNode</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.getNode()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>The token to get the node for.</p></td> </tr> <tr> <td>return</td> <td>Object</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Retrieve a node from the inverted index for a given token.<br />If token not found in this InvertedIndex, return null.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.getNode = function (token) { if (!token) return null; var node = this.root; for (var i = 0; i &lt; token.length; i++) { if (!node[token[i]]) return null; node = node[token[i]]; } return node; };</code></pre> <section id="getDocs"> <h1>getDocs</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.getDocs()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>The token to get the documents for.</p></td> </tr> <tr> <td>return</td> <td>Object</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Retrieve the documents of a given token.<br />If token not found, return {}.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.getDocs = function (token) { var node = this.getNode(token); if (node == null) { return {}; } return node.docs; };</code></pre> <section id="getTermFrequency"> <h1>getTermFrequency</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.getTermFrequency()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>The token to get the documents for.</p></td> </tr> <tr> <td>docRef</td> <td>String,Integer</td> <td></td> </tr> <tr> <td>return</td> <td>Integer</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Retrieve term frequency of given token in given docRef.<br />If token or docRef not found, return 0.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.getTermFrequency = function (token, docRef) { var node = this.getNode(token); if (node == null) { return 0; } if (!(docRef in node.docs)) { return 0; } return node.docs[docRef].tf; };</code></pre> <section id="getDocFreq"> <h1>getDocFreq</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.getDocFreq()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>The token to get the documents for.</p></td> </tr> <tr> <td>return</td> <td>Object</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Retrieve the document frequency of given token.<br />If token not found, return 0.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.getDocFreq = function (token) { var node = this.getNode(token); if (node == null) { return 0; } return node.df; };</code></pre> <section id="removeToken"> <h1>removeToken</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.removeToken()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>Remove the document from which token.</p></td> </tr> <tr> <td>ref</td> <td>String</td> <td><p>The ref of the document to remove from given token.</p></td> </tr> </tbody> </table> <div class="description"><p>Remove the document identified by document&#39;s ref from the token in the inverted index.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.removeToken = function (token, ref) { if (!token) return; var node = this.getNode(token); if (node == null) return; if (ref in node.docs) { delete node.docs[ref]; node.df -= 1; } };</code></pre> <section id="expandToken"> <h1>expandToken</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.expandToken()</span> </p> </section> <table class="table table-bordered table-striped"> <thead> <tr> <th style="width:20%">Option name</th> <th style="width:20%">Type</th> <th>Description</th> </tr> </thead> <tbody> <tr> <td>token</td> <td>String</td> <td><p>The token to expand.</p></td> </tr> <tr> <td>return</td> <td>Array</td> <td></td> </tr> </tbody> </table> <div class="description"><p>Find all the possible suffixes of given token using tokens currently in the inverted index.<br />If token not found, return empty Array.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.expandToken = function (token, memo, root) { if (token == null || token == '') return []; var memo = memo || []; if (root == void 0) { root = this.getNode(token); if (root == null) return memo; } if (root.df &gt; 0) memo.push(token); for (var key in root) { if (key === 'docs') continue; if (key === 'df') continue; this.expandToken(token + key, memo, root[key]); } return memo; };</code></pre> <section id="toJSON"> <h1>toJSON</h1> <h5 class="subheader"></h5> <p> <div class="label label-info radius ctx-type">method</div><span>elasticlunr.InvertedIndex.prototype.toJSON()</span> </p> </section> <div class="description"><p>Returns a representation of the inverted index ready for serialisation.</p> </div> <pre><code class="language-javascript">elasticlunr.InvertedIndex.prototype.toJSON = function () { return { root: this.root }; };</code></pre> </div> </div> </div> <footer class="footer"> <div class="container"> <p>Documentation generated with <a href="https://github.com/FGRibreau/doxx">Doxx </a> created by <a href="https://twitter.com/FGRibreau" data-show-count="false" class="twitter-follow-button">Francois-Guillaume Ribreau </a></p> <p>Doxx is sponsored by <a href="http://bringr.net/?btt" title="Outil d'analyse des réseaux sociaux" class="bringr">Bringr </a> and <a href="https://redsmin.com/?btt" title="Full Redis GUI" class="redsmin">Redsmin</a></p> <p>Theme borrowed from Twitter Bootstrap</p> </div> </footer> <script src="http://platform.twitter.com/widgets.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> <script src="http://leaverou.github.com/prefixfree/prefixfree.js"></script> <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script> <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script> <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script> <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script> <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-affix.js"></script> <script> /** * Prism: Lightweight, robust, elegant syntax highlighting * MIT license http://www.opensource.org/licenses/mit-license.php/ * @author Lea Verou http://lea.verou.me */(function(){var e=/\blang(?:uage)?-(?!\*)(\w+)\b/i,t=self.Prism={util:{type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},clone:function(e){var n=t.util.type(e);switch(n){case"Object":var r={};for(var i in e)e.hasOwnProperty(i)&&(r[i]=t.util.clone(e[i]));return r;case"Array":return e.slice()}return e}},languages:{extend:function(e,n){var r=t.util.clone(t.languages[e]);for(var i in n)r[i]=n[i];return r},insertBefore:function(e,n,r,i){i=i||t.languages;var s=i[e],o={};for(var u in s)if(s.hasOwnProperty(u)){if(u==n)for(var a in r)r.hasOwnProperty(a)&&(o[a]=r[a]);o[u]=s[u]}return i[e]=o},DFS:function(e,n){for(var r in e){n.call(e,r,e[r]);t.util.type(e)==="Object"&&t.languages.DFS(e[r],n)}}},highlightAll:function(e,n){var r=document.querySelectorAll('code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code');for(var i=0,s;s=r[i++];)t.highlightElement(s,e===!0,n)},highlightElement:function(r,i,s){var o,u,a=r;while(a&&!e.test(a.className))a=a.parentNode;if(a){o=(a.className.match(e)||[,""])[1];u=t.languages[o]}if(!u)return;r.className=r.className.replace(e,"").replace(/\s+/g," ")+" language-"+o;a=r.parentNode;/pre/i.test(a.nodeName)&&(a.className=a.className.replace(e,"").replace(/\s+/g," ")+" language-"+o);var f=r.textContent;if(!f)return;f=f.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/\u00a0/g," ");var l={element:r,language:o,grammar:u,code:f};t.hooks.run("before-highlight",l);if(i&&self.Worker){var c=new Worker(t.filename);c.onmessage=function(e){l.highlightedCode=n.stringify(JSON.parse(e.data));l.element.innerHTML=l.highlightedCode;s&&s.call(l.element);t.hooks.run("after-highlight",l)};c.postMessage(JSON.stringify({language:l.language,code:l.code}))}else{l.highlightedCode=t.highlight(l.code,l.grammar);l.element.innerHTML=l.highlightedCode;s&&s.call(r);t.hooks.run("after-highlight",l)}},highlight:function(e,r){return n.stringify(t.tokenize(e,r))},tokenize:function(e,n){var r=t.Token,i=[e],s=n.rest;if(s){for(var o in s)n[o]=s[o];delete n.rest}e:for(var o in n){if(!n.hasOwnProperty(o)||!n[o])continue;var u=n[o],a=u.inside,f=!!u.lookbehind||0;u=u.pattern||u;for(var l=0;l<i.length;l++){var c=i[l];if(i.length>e.length)break e;if(c instanceof r)continue;u.lastIndex=0;var h=u.exec(c);if(h){f&&(f=h[1].length);var p=h.index-1+f,h=h[0].slice(f),d=h.length,v=p+d,m=c.slice(0,p+1),g=c.slice(v+1),y=[l,1];m&&y.push(m);var b=new r(o,a?t.tokenize(h,a):h);y.push(b);g&&y.push(g);Array.prototype.splice.apply(i,y)}}}return i},hooks:{all:{},add:function(e,n){var r=t.hooks.all;r[e]=r[e]||[];r[e].push(n)},run:function(e,n){var r=t.hooks.all[e];if(!r||!r.length)return;for(var i=0,s;s=r[i++];)s(n)}}},n=t.Token=function(e,t){this.type=e;this.content=t};n.stringify=function(e){if(typeof e=="string")return e;if(Object.prototype.toString.call(e)=="[object Array]"){for(var r=0;r<e.length;r++)e[r]=n.stringify(e[r]);return e.join("")}var i={type:e.type,content:n.stringify(e.content),tag:"span",classes:["token",e.type],attributes:{}};i.type=="comment"&&(i.attributes.spellcheck="true");t.hooks.run("wrap",i);var s="";for(var o in i.attributes)s+=o+'="'+(i.attributes[o]||"")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'" '+s+">"+i.content+"</"+i.tag+">"};if(!self.document){self.addEventListener("message",function(e){var n=JSON.parse(e.data),r=n.language,i=n.code;self.postMessage(JSON.stringify(t.tokenize(i,t.languages[r])));self.close()},!1);return}var r=document.getElementsByTagName("script");r=r[r.length-1];if(r){t.filename=r.src;document.addEventListener&&!r.hasAttribute("data-manual")&&document.addEventListener("DOMContentLoaded",t.highlightAll)}})();; Prism.languages.markup={comment:/&lt;!--[\w\W]*?--(&gt;|&gt;)/g,prolog:/&lt;\?.+?\?&gt;/,doctype:/&lt;!DOCTYPE.+?&gt;/,cdata:/&lt;!\[CDATA\[[\w\W]+?]]&gt;/i,tag:{pattern:/&lt;\/?[\w:-]+\s*(?:\s+[\w:-]+(?:=(?:("|')(\\?[\w\W])*?\1|\w+))?\s*)*\/?&gt;/gi,inside:{tag:{pattern:/^&lt;\/?[\w:-]+/i,inside:{punctuation:/^&lt;\/?/,namespace:/^[\w-]+?:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/gi,inside:{punctuation:/=|&gt;|"/g}},punctuation:/\/?&gt;/g,"attr-name":{pattern:/[\w:-]+/g,inside:{namespace:/^[\w-]+?:/}}}},entity:/&amp;#?[\da-z]{1,8};/gi};Prism.hooks.add("wrap",function(e){e.type==="entity"&&(e.attributes.title=e.content.replace(/&amp;/,"&"))});; Prism.languages.css={comment:/\/\*[\w\W]*?\*\//g,atrule:/@[\w-]+?(\s+[^;{]+)?(?=\s*{|\s*;)/gi,url:/url\((["']?).*?\1\)/gi,selector:/[^\{\}\s][^\{\}]*(?=\s*\{)/g,property:/(\b|\B)[a-z-]+(?=\s*:)/ig,string:/("|')(\\?.)*?\1/g,important:/\B!important\b/gi,ignore:/&(lt|gt|amp);/gi,punctuation:/[\{\};:]/g};Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{style:{pattern:/(&lt;|<)style[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/style(>|&gt;)/ig,inside:{tag:{pattern:/(&lt;|<)style[\w\W]*?(>|&gt;)|(&lt;|<)\/style(>|&gt;)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.css}}});; Prism.languages.clike={comment:{pattern:/(^|[^\\])(\/\*[\w\W]*?\*\/|\/\/.*?(\r?\n|$))/g,lookbehind:!0},string:/("|')(\\?.)*?\1/g,keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|catch|finally|null|break|continue)\b/g,"boolean":/\b(true|false)\b/g,number:/\b-?(0x)?\d*\.?[\da-f]+\b/g,operator:/[-+]{1,2}|!|=?&lt;|=?&gt;|={1,2}|(&amp;){1,2}|\|?\||\?|\*|\//g,ignore:/&(lt|gt|amp);/gi,punctuation:/[{}[\];(),.:]/g};; Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(var|let|if|else|while|do|for|return|in|instanceof|function|new|with|typeof|try|catch|finally|null|break|continue)\b/g,number:/\b(-?(0x)?\d*\.?[\da-f]+|NaN|-?Infinity)\b/g});Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^/])\/(?!\/)(\[.+?]|\\.|[^/\r\n])+\/[gim]{0,3}(?=\s*($|[\r\n,.;})]))/g,lookbehind:!0}});Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(&lt;|<)script[\w\W]*?(>|&gt;)[\w\W]*?(&lt;|<)\/script(>|&gt;)/ig,inside:{tag:{pattern:/(&lt;|<)script[\w\W]*?(>|&gt;)|(&lt;|<)\/script(>|&gt;)/ig,inside:Prism.languages.markup.tag.inside},rest:Prism.languages.javascript}}});; </script> <!-- App js--> <script> $(function(){ var $window = $(window); $('.scrollspy .nav').affix({ offset: { top: function () { return $window.width() <= 980 ? 480 : 400 } , bottom: 50 } }); }) </script> </body> </html>