vue2.0+SVG realizes the round progress bar component of music playing, and the real-time percentage is introduced to realize the circle progress animation effect
vue2.0+SVG realizes the round progress bar component of music playing, and the real-time percentage is introduced to realize the circle progress animation effect
Demand analysis:
Similar to the mini player control button in most music players, it displays the playing progress and updates the progress in real time.
progress-circle.vue sourc ...
Posted by ethosadvisory on Tue, 05 May 2020 01:09:22 -0700
Overview of common new features for Typescript 3.8
Write on top
3.8 added several interesting features, optimized the module part of ECMAScript, #use of private fields instead of less stringent privates, and so on.
1. Import and export methods for type restrictions (Type-Only Imports and Export)
TypeScript 3.8 adds a new syntax for type-only import and export.
import type { SomeThing } f ...
Posted by fahad on Sun, 19 Apr 2020 03:13:25 -0700
Click the mouse to show love + socialist values + random color text + mouse cursor custom image
js animation - click to show love
Just put the following JS code before < / body >
<script type='text/javascript' src='//api.dujin.org/js/aixintexiao.js'></script>
Full code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, i ...
Posted by aconite on Sun, 12 Apr 2020 21:45:10 -0700
ESlint configuration description under Vue cli
1. Close eslint
This is just the way to close the Vue cli scaffold. In fact, it is very simple to build/webpack.base.conf.js
Just comment out the eslint rules in the configuration file.
module: {
rules: [
// {
// test: /\.(js|vue)$/,
// loader: 'eslint-loader',
// enforce: 'pre',
...
Posted by mosherben on Tue, 31 Mar 2020 20:45:55 -0700
Function extension of ECMAScript6
Function extension of ECMAScript6
1. Default value of function parameter
ES6 set the default value for function parameters before, which needs to be implemented with flexible methods.
function add(x, y) {
x = x || 1;
y = y || 2;
return x+y;
}
// Use parameter default value to participate in ope ...
Posted by ArneR on Thu, 27 Feb 2020 20:57:27 -0800
Inheritance of JavaScript constructors
Legend https://www.xs86.com
In the previous article, we talked about JS objects, constructors, and prototype patterns. This article discusses the inheritance of JavaScript
Inheritance is one of the most popular concepts in OO language. Many OO languages support two kinds of inheritance: interfa ...
Posted by Trenchant on Sat, 22 Feb 2020 23:37:18 -0800
C++ Regular Expression regex Initial Exploration and Stepping Points
Preface
Previous developments required string matching filtering, which involved the function of regular expression.This article is a note taken by someone about the regex, a c++ regular expression library, and is welcome to correct any errors.
Introduction to Regex Library
Regex started with c++ 11. c++ regular expressions provide the foll ...
Posted by geo__ on Fri, 21 Feb 2020 08:14:26 -0800
java learning notes day17 advanced JavaScript
Today's content:
1. JavaScript:
1. ECMAScript:
2. BOM:
3. DOM:
1. Event
DOM simple learning: to meet case requirements
*Function: control the content of html document
*Get page label (Element) object: element
*document.getElementById("id value"): get the element object through ...
Posted by MishieMoo on Tue, 18 Feb 2020 04:54:06 -0800
Front end learning from entry to advanced record 23 (webapi)
Learning objectives
Master the concept of API and Web API
Master the common way of calling API provided by browser
Can develop common page interaction functions through API
Be able to use search engine to solve problems
1. Web API
Introduction to Web API
The concept of API
API (Application Prog ...
Posted by lajocar on Tue, 11 Feb 2020 03:38:03 -0800
JAVAEE takes a closer look at JavaWeb 11 - JavaScript Advanced
Content:
1. JavaScript:
1. ECMAScript:
2. BOM:
3. DOM:
1. Event
DOM Simple Learning: To meet case requirements
*Function: Control the content of html documents
*Get page label (element) object: Element
* document.getElementById("id value"): Get the element object from the eleme ...
Posted by anybody99 on Mon, 10 Feb 2020 18:10:52 -0800