SVG draw circle progress bar
In our large screen visualization project, we often use a variety of charts. Compared with the traditional table display and boring text description, the chart display makes the user look more intuitive and the data display more clear at a glance. Based on svg drawing technology and front-end technology stack vue, this paper briefly expounds so ...
Added by MAXIEDECIMAL on Tue, 22 Feb 2022 04:02:35 +0200
Vue source code analysis -- option merging strategy analysis
The article was first published on personal blog Small gray spaceOption merge policy analysisAfter converting the three options of projects input directive into a unified format, you can start to merge the options. Take a look at the code of option merging// core/instance/init.js
// Start merge option
const options = {}
let key
for (key in pare ...
Added by xhitandrun on Mon, 21 Feb 2022 16:30:42 +0200
Vue.js, deep monitoring of watch
Because of Xiaobian's marriage and family affairs. I stopped updating for a long time. Today, Xiaobian came back again. Today, let's take you to learn about Vue Use of watch listening events in JS.
Usage of handler and immediate
<div>
<h2>It's a fine day today{{info}}</h2>
<button @click="isHot = !isHot">Po ...
Added by ttroutmpr on Mon, 21 Feb 2022 16:16:01 +0200
Vue framework 2.0 Basics (5) components and communication between components
Component: a reusable Vue instance with a name and accepts the same option objects, such as data, computed, watch, methods, and life cycle hooks. The only exception is options specific to root instances like el.
Function: components can be reused any number of times. Each component maintains itself independently. Because every time a compone ...
Added by keveen on Mon, 21 Feb 2022 15:47:12 +0200
JavaScript advanced learning notes 1
summary
In typical OOP languages (such as java), the concept of class exists. Class is the template of object, but the concept of class was not introduced into JS before ES6 (ECMAscript6.0 released in 2015) Before that, objects were not created based on classes, but used a special function called constructor to define objects and their cha ...
Added by arfa on Mon, 21 Feb 2022 15:33:15 +0200
React component lifecycle
In version 17.0.1, React has modified the life cycle of components. The new life cycle and the old life cycle have not changed much. The new life cycle has added two new hook functions, and three hook functions are outdated.
1, Old life cycle
The life cycle of components can be divided into three stages: initialization stage, update st ...
Added by atravotum on Mon, 21 Feb 2022 15:29:03 +0200
Extract picture color - front end scheme
prefaceLast year, I came up with an idea to extract the theme color of the picture, cooperate with the picture to have an immersive visual effect, and produce a harmonious and consistent feeling. It dawdled until this year to start development~ It took a week to realize this function in two ways: client and server. The two methods have their ow ...
Added by josephicon on Mon, 21 Feb 2022 14:52:35 +0200
vue uses TradingView to make K-line diagram (imitating fire coin) for detailed explanation
preface: The project needs to write a K-line diagram. The charts of echarts can't realize the functions inside, so it's really a headache to use TradingView. Baidu has few things, and it took a long time to realize them. design sketch: The k-line is updated in real time and can jump normally according to the data
index.html introduces js and ...
Added by dessolator on Mon, 21 Feb 2022 14:04:40 +0200
TypeScript learning notes
TypeScript learning notes
TypeScript overview and environment
Install the toolkit typescript for parsing TSInstall the TS node toolkit to simplify TS executionEntry codeNotes in TS JS original type
numberstringbooleanundefinednullobject
Object type basic usageFunction writing in object type arrayfunction
Definition of function ...
Added by JoeCrane on Mon, 21 Feb 2022 13:22:14 +0200
Notes on common knowledge points of JavaScript
preface
js notes, a good memory is not as good as a bad pen. It summarizes some commonly used knowledge points. Send it to csdn as a backup. The previous ones are relatively simple, so I didn't write them. I only wrote some knowledge points that I think are easy to forget. If there are mistakes, please give me some advice.
JavaScript
prefa ...
Added by jokullsolberg on Mon, 21 Feb 2022 12:51:53 +0200