Programming VIP

Look at the effect first (the source code is at the end): The video effect is as follows, with sound effect Station B: A fan shared this effect with me. I thought it was very interesting, and then studied it. The specific implementation is as follows (there may be many codes, but they are relatively simple. Come on): Implementation process ...

preface In my recent project, I need to implement a similar framework of reamark down: My first thought is that if you can use excellent open source, you must use open source. After all, you can't always build wheels repeatedly. So I asked a lot of friends in my front-end group. They all gave me a bunch of open-source markdown editor projec ...

preface Hello, I'm zero one. Recently, I'm going to talk about code in the group, so I sorted out the business code before the next project. In the process of combing, I saw a progress bar component written very well, which reminds me of the progress bar code I wrote when I first started preschool. Compared with this, it's really too far away ...

1:vue3. Difference between 0 and 2.0 2.0 bidirectional data binding Vue2.0 uses object defineProperty Principle: by using object Defineproperty to hijack the getter and setter operations of object properties, and send a notification when the data changes // data let data = { title: '', // Backup data _data: {} } // Define properties ...

preface Unknowingly, it has been delayed for five months. This year (lunar calendar) is really busy. I'm so busy that I'm not interested in blogging. Recently, on a whim, I realized a Promise according to my own ideas. I wrote it quickly and the code is quite simple. I'd like to record and share it as the opening blog post in 2022. Initial re ...

HTML 1: Basic cognition Understanding web pages 1: What is a web page Text, pictures, audio, video and hyperlinks 2: What is the essence behind the web page Front end code 3: What is the code transformed into an interface Browser parsing and rendering Five browsers 1: Browser It is the platform for web page display and operation 2: ...

1.let & const let, similar to var, is used to declare variables characteristic: let cannot declare variables repeatedly, var can declare variables repeatedly;Block level scope: there are global scope, function scope and eval scope in es5; Block level scope is introduced in es6, and the variables declared by let are valid in the block l ...

Jump straight to the end Get the complete source code Today, I'll take you to create with HTML, CSS and JS music player , no other libraries are used. Our music player has three parts. Home screen, player section and playlist section. Our home page section has a smooth work slider and horizontal scrolling. The best part of this music play ...

introduce vue-element-admin Is a background front-end solution based on vue and element-ui realization. It uses the latest front-end technology stack, built-in i18 internationalization solution, dynamic routing and permission verification, refines the typical business model and provides rich functional components. It can help you quickly build ...

setup () Setup () is a vue3 newly added component. Vue3 adopts the composite API. In order to use the composite API, we need an entry, which is called setup in the vue3 component. (to put it simply, do not use the data, method and calculated in vue2. All data and methods are written in setup.) Let's take a simple example: <template> ...