javascript – Tarik Billa

How to remove leading and trailing rendered as white spaces from a given HTML string? [closed]

April 15, 2024 by Tarik

See the String method trim() – https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/Trim var myString = ‘ bunch of <br> string data with<p>trailing</p> and leading space ‘; myString = myString.trim(); // or myString = String.trim(myString); Edit As noted in other comments, it is possible to use the regex approach. The trim method is effectively just an alias for a regex: if(!String.prototype.trim) … Read more

How to create and use an optional parameter in Vue Router?

April 14, 2024 by Tarik

Just adding a question mark ? will make it optional. { path: ‘/offers/:member?’, … }, It works for Vue Router 2.0 onward. Source: https://github.com/vuejs/vue-router/issues/235#issuecomment-245447122

Accessing up-to-date state from within a callback

April 14, 2024 by Tarik

For your scenario (where you cannot keep creating new callbacks and passing them to your 3rd party library), you can use useRef to keep a mutable object with the current state. Like so: function Card(title) { const [count, setCount] = React.useState(0) const [callbackSetup, setCallbackSetup] = React.useState(false) const stateRef = useRef(); // make stateRef always have … Read more

Are there any benefits to Session Storage over Local Storage?

April 13, 2024 by Tarik

localStorage and sessionStorage both extend Storage. There is no difference between them except for the intended “non-persistence” of sessionStorage. That is, the data stored in localStorage persists until explicitly deleted. Changes made are saved and available for all current and future visits to the site. For sessionStorage, changes are only available per tab. Changes made … Read more

Regex to remove last / if it exists as the last character in the string

April 12, 2024 by Tarik

string = string.replace(/\/$/, “”); $ marks the end of a string. \/ is a RegExp-escaped /. Combining both = Replace the / at the end of a line.

SharePoint 2013 get current user using JavaScript

April 12, 2024 by Tarik

Here is the code that worked for me: <script src=”https://stackoverflow.com/SiteAssets/jquery.SPServices-2013.02a.js” type=”text/javascript”></script> <script src=”/SiteAssets/jquery.js” type=”text/javascript”></script> <script type=”text/javascript”> var userid= _spPageContextInfo.userId; var requestUri = _spPageContextInfo.webAbsoluteUrl + “/_api/web/getuserbyid(” + userid + “)”; var requestHeaders = { “accept” : “application/json;odata=verbose” }; $.ajax({ url : requestUri, contentType : “application/json;odata=verbose”, headers : requestHeaders, success : onSuccess, error : onError }); function … Read more

Arrow Function syntax not working with webpack?

April 12, 2024 by Tarik

Stab in the dark, is this function inside a class? Arrow functions that are members of a class are not included in ES2015 (or 2016). If you want to do something like: class Foo { bar = (baz) => { console.log(baz); } } You’ll need to include babel-transform-class-properties. In your example, you’ll need to: npm … Read more

Remove element by tag name [duplicate]

April 12, 2024 by Tarik

var element = document.getElementsByTagName(“label”), index; for (index = element.length – 1; index >= 0; index–) { element[index].parentNode.removeChild(element[index]); }

How do I implement Toastr JS?

April 12, 2024 by Tarik

Toastr is a very nice component, and you can show messages with theses commands: // for success – green box toastr.success(‘Success messages’); // for errors – red box toastr.error(‘errors messages’); // for warning – orange box toastr.warning(‘warning messages’); // for info – blue box toastr.info(‘info messages’); If you want to provide a title on the … Read more

TypeError: Cannot read property ‘push’ of undefined -Express

April 12, 2024 by Tarik

My problem was missing parentheses: const router = require(‘express’).Router; Changing this to const router = require(‘express’).Router(); solved my problem.