Posts

Use this if you want to repeatedly call a function for known arguments, or in case you just need a IIFE. If you want a repeatedly called functions, you would typically - Call function in a loop Use recursion For e.g. - function printStr(str) { console.log(str); } printStr("hello"); printStr("people"); /* hello people */ You can do it in a more concise way like so - (function(str) { console.log(str); return arguments.callee; // return function for next call })("hello")("world")("and")("people"); /* hello world and people */ Note that you are not returning a string, but a whole function and calling that function for the given arguments. In the statement, we use arguments to call the function that returns a function, and invoke the returned function on a specific argument thereon. ...

Flatten arrays easily with a single command. Or, go further than that by using a map function while flattening arrays. Consider below example - const nums = [[0, 2], [1, 3], [7, 9, 11]]; You can choose to iterate through all elements if you want to iterate through or access all numbers, or you could just use flat. const nums = [[0, 2], [1, 3], [7, 9, 11]]; console.log(nums.flat()); // [ 0, 2, 1, 3, 7, 9, 11] A real-world example - you receive a file that may have a one or more comma-separated ‘student ids’ in a single column. One of the quickest way to process and sort those ids is by having them in a single array - so flatten them up. ...

You should dynamically build strings without using strings. How do you build strings when you need them conditionally built? For example, you need comma separated planets from an array of astronomical bodies. const astroBodies = [ { name: "earth", type: "planet" }, { name: "moon", type: "satellite" }, { name: "mars", type: "planet" } ]; let planets = ""; astroBodies.forEach(ele => { if (ele.type == "planet") planets += "," + ele.name; }); console.log(planets); // ,earth,mars You could do this, and this works. However it is not ‘clean’. For e.g. you have an extra “,”, strings are not friendly to manipulation of elements, and so forth. ...

Command line in Windows. You love it when there are Powershell, Cmder and friends. And, you hate it when you cannot install simple programs quickly. Well, hate may be a strong word - but you get the gist. I have tried chocolatey and have a like-dislike relationship with that program. I have also experimented with VMs and anything that exposes more of the command line. None of the programs stuck in my day-to-day flow. For a few projects, I dedicatedly use WSL - but could not quite switch over everywhere. ...

Require and import do the same thing differently. I never said to none about missin’ the good ol’ days. The days when Javascript was not golden, code could be simply included within HTML or a single file, and when smarty-pants use to go cyber without Javascript. Those were more of WTF-days. Now, Javascript comes in a million files per app and in beautiful billion packages. That give us new challenges to solve - like how to include and reference them scripts across files. ...

Featured for the millionth time as a most valuable website - a site that generates all icons for free, and for real. I am sick of tired of Google results returning “free” sites that collect all information including my dog’s name and the declare that I need to pay $99 to get darn icon with the darn size. I need to be able to get anything for free. So, why should I pay to generate icons that would take an hour to resize in a free program like Paint.NET or IrfanView? After all, I need to feed this ego that I create value and people totally should pay me for the value delivered through the free for all programs. ...

Object entries and values add to the rich toolset for managing objects within Javascript. As I never tire to say - (almost) everything is an object in Javascript. So, how do you access the props / values? It is not as if you are going to count them down - pfft.. are we going to bring down an object to the level of an array? Also see most of things you should know about object and props ...

It is quite common to use dot notation to access object’s props. How can you ever go wrong? We have seen a bit of dot and bracket notations in all about Javascript objects and props post. We have learnt to use dot notations to make our code more readable - const apple = { name: "apple", color: "reddish red", shape: "round" }; console.log("name: ", apple.name); // apple console.log("shape: ", apple.shape); // round At the same time, you want to be careful with stuffing dots down the throat of every program. Note the following gotchas while using dot notation. ...

If two links in your Vue application point to the same view, clicking those links one after the other may not result in data being refreshed from server. Imagine you have the same view for two different links - My account All account Both links will point to Account.vue. You will have a router file like so.. // ./router.js import Vue from "vue"; import Router from "vue-router"; Vue.use(Router); export default new Router({ routes: [ { path: "/my-account", name: "my-account", component: () => import("./views/Account.vue"), props: { authMode: "my" } }, { path: "/all-account", name: "all-account", component: () => import("./views/Account.vue"), props: { authMode: "all" } }, }); Example code for router is picked from the demonstration of how to implement role-based data filters in Vue. ...

A clipboard editor of all the things? How can it be useful in this day and age? I have tried to automate some of the most common things that I do on a regular basis. There are a bunch of tools that I use to do just that - these save keystrokes (AutoHotkey), automate regular tasks (e.g. take a screenshot, optimize size and upload to imgur), or connect my one useless social media account to the other (IFTTT). ...