knob | Angular component to choose a value | User Interface library

My goal: making a custom knob.

I'm trying to build a custom knob that when I click it, and drag it up/down, will increase/decrease in value until the 'mouseup' event and then stay at it's current value.

Currently I'm using an eventlistener for the 'mousemove' action, which works like it should, but the component doesn't update until the 'mouseup' event takes place within the component. What I'm trying to achieve is constant updates as long as you hold the mouse, and updating the moment you release the mouse, even is that's out of the component. I may making some mistake with the timing of setState within an eventlistener, eventlisteners are quite new to me.

My current code:

I have a WPF application that is supposed to react to media keys and a volume knob I have connected to the computer.

This was straightforward using WPF commands:

MainWindow.xaml:

I am using Slick and Mysql. Getting the Error:

I am working on project upgrade from Vue 2 to Vue 3. The code base changed according to Vue migration documents: https://v3.vuejs.org/guide/migration/introduction.html#overview. I have mismatch of above mentioned libraries. Does somebody has a running project and would share their working library versions

Current mismatch error is :

I'm new to CSS and followed a video tutorial to create a customized toggle control in CSS. Now, I would like to add a material icon to the knob but I'm struggling to understand the best approach to do it.

I tried adding HTML to the content property of the knob itself but later learned that you're not supposed to do that. So I found another example that shows a knob with an emoji used as the knob, but it's not quite the same as what I'm trying to accomplish. Here's the code I have so far:

I am exploring code with a lot of problems and my scrollbar is looking like

I don't see any sense of flooding entire scrollbar with yellow. Also it prevents me to see something important like scrollbar knob. Can I disable scrollbar notifications only? I would like to remain problems highlighted in code.

Storybook only loads stories when I make changes. So when I yarn start my storybook it shows up with:

I'll be the first to admit that I'm not great at SQL (and I probably shouldn't be treating it like a rolling log file), but I was wondering if I could get some pointers for improving some slow queries...

I have a large mysql table with 2M rows where I do two full table lookups based on a subset of the most recent data. When I load the page that contains these queries, I often find they take several seconds to complete, but the queries inside are quite quick.

PMA's (supposedly terrible) advisor pretty much throws the entire kitchen sink at me, temporary tables, too many sorts, joins without indexes (I don't even have any joins?), reading from fixed position, reading next position, temporary tables written to disk... that last one especially makes me wonder if it's a configuration issue, but I played with all the knobs, and even paid for a managed service which didn't seem to help.