PinnedHow to use Render Functions with Vue 3 Composition APIRender Functions & JSX Vue recommends using templates to build applications in the vast majority of cases. However, there are situations where we need the full programmatic power of JavaScript. That’s where we can use the render function. If you are new to the concept of virtual DOM and render functions, make sure to…Java Script4 min readJava Script4 min read
Published in JavaScript in Plain English·PinnedRealtime Notification using Vue Pusher in Nuxt.jsI wanted a real-time notification on my web application. I tried different packages and finally made it work by using Vue pusher. So, I will try to explain a little bit about the implementation of Vue pusher in Nuxt.js. Firstly, npm i vue-pusher And then, create a plugin pusher.js: import…Java Script2 min readJava Script2 min read
Published in Bits and Pieces·PinnedGet Deeply Nested Value in JavaScriptHow to retrieve a nested value from an object in JavaScript — Retrieving data from nested and deeply nested data structures can feel like a bit of a pain at times. So let’s look at ways that we can make this process easier. Imagine we have the following data structure: let data = [ {…Java Script3 min readJava Script3 min read
Published in JavaScript in Plain English·PinnedGet Child Component Input Data to Parent and Gather into an Array in Vue.js?Gather all info into one array with the press of a button. — For example, here, when I click the button, I will have one more component, which means it will have new data. So I want to gather all info into one array when I press the Save Data button. I hope, it's pretty straightforward to understand. <Child v-for="count in btnNumber" :key="count"…Vuejs4 min readVuejs4 min read
Published in JavaScript in Plain English·PinnedWhat’s the Regular Expression of TXT Records?TXT records can enter the keywords below. a-z A-Z 0-9 Space - (hyphen) ! " # $ % & ' ( ) * + , - / : ; < = > ? @ [ \ ] ^ _ ` { | } ~ . What is the regular expression…Ewumesh1 min readEwumesh1 min read
Published in JavaScript in Plain English·Oct 18How to Detect Idle Time in JavaScriptIdle time is the amount of time a user is not interacting with a website. This interaction can be moving the mouse, clicking on the page, or using the keyboard. This time can be detected to execute certain events that may occur after a certain period of inactivity. After some…Java Script5 min readJava Script5 min read
Jun 30Make your components scroll on mouse drag in Nuxt jsI have multiple column tables and hard to scroll and get the exact data. And then finally I got a package vue-dragscroll and solved the problem. vue-dragscroll is a micro vue.js directive that enables scrolling via holding the mouse button (“drag and drop” or “click and hold” style). Nuxt js …Java Script2 min readJava Script2 min read
Jun 16The next-gen web framework FreshFresh is in the “SSR with client-side progressive enhancement” camp. I have to admit their list of ‘stand out’ features is quite appealing: No JS is shipped to the client by default No build step No configuration required TypeScript support out of the box If you’re feeling some JavaScript and/or…Java Script4 min readJava Script4 min read
Published in JavaScript in Plain English·May 2010 Best Websites for Web Developers for Daily UseSome handy websites for faster web development. — Sometimes we need to work smarter. Not all developers know these types of websites which help developers for daily use. So, I would like to share some useful websites with their links. 1. Royalty-free Illustrations On this website, you will get 2500+ free illustrations you can use these illustrations anywhere. You can check…Regex3 min readRegex3 min read
Published in Bits and Pieces·May 11Handle Caps-Lock Event in AngularThis is an interesting, yet quite commonly expected, use-case: how to warn the user that the CAPS-LOCK is ON. This can be especially useful while entering a password, so that the user is aware of it and can change it, if needed. Source: GitHubJava Script3 min readJava Script3 min read
