Imitate a live compliment animation

Preface Reading How does the H5 live mad compliment animation work?(with full source code) This article feels like it's a good point to follow and animate.The implementation of css is easy to understand, but I have different ideas after reading the author's implementation of canvas, so I implemented it according to my own ideas.The results are ...

Posted by cpetercarter on Sun, 10 May 2020 06:29:26 +0200

Understanding of offset, curl and visibility

Offset Offset dimension is an important concept in javascript. offsetLeft, offsetTop, offsetHeight and offsetWidth are the four attributes related to offsets. Of course, there is also an offset reference -- positioning the parent offsetParent. This article will introduce this part in detail                 ...

Posted by Helljumper on Sat, 09 May 2020 10:09:11 +0200

(Reprint) cascade type and FetchType of JPA

Link: https://www.jianshu.com/p/b8595aee06ac   CascadeType Summary Cascade refers to cascade operation, which is annotated in hibernate configuration @OneToOne,@OneToMany,@ManyToMany , @ ManyToOne properties Cascading is often used when writing triggers. The function of triggers is to ensure that the data in the associ ...

Posted by nykoelle on Fri, 08 May 2020 11:58:32 +0200

Python 3 quick start tutorial errors and exceptions

There are at least two types of errors in Python: syntax errors and exceptions. syntax error Syntax errors are also called parsing errors: >>> while True print('Hello world') File "<stdin>", line 1 while True print('Hello world') ^ SyntaxError: invalid syntax The parser indicates the error line ...

Posted by bigger on Thu, 07 May 2020 10:12:10 +0200

koa2 implements jwt login

1.jwt Introduction Introduction is partly reproduced from Ruan Yifeng's Introduction to JSON Web Token Tutorial 0.session login 1. Users send user names and passwords to the server. 2. After the server is authenticated, save relevant data in the current session, such as user role, login time and so on. 3. The server returns a session_id to the ...

Posted by mattcooper on Tue, 05 May 2020 19:51:50 +0200

45 Three.js extrude geometry

brief introduction The. Tubegeeometry stretches a tube along a 3D style curve (the. Catmullromcurve3 object). Simplest implementation var tubeGeometry = new THREE.TubeGeometry(path,segments,radius,radiusSegments,closed); Description of relevant parameters attribute Required or not describe path yes This property specifies t ...

Posted by battlesiege on Sun, 03 May 2020 22:49:51 +0200

Vue state management Vuex

1. Overview As a plug-in, Vuex manages and maintains the component state of the whole project.   2. Install vuex cnpm i --save vuex   3. Use of vuex github address: https://github.com/MengFangui/Vuex new Vue({ el: '#app', router: router, //Use vuex store: store, render: h => { return h(App) } ...

Posted by Gurzi on Sun, 03 May 2020 22:22:07 +0200

jQuery | gets and sets the style css

jQuery operation CSS jQuery has several methods for CSS operations. We will learn the following: addClass() - add one or more classes to the selected element removeClass() - removes one or more classes from the selected element toggleClass() - add / delete class switch for the selected element css() - set or return style properties Instance sty ...

Posted by mschrank on Sat, 02 May 2020 18:31:15 +0200

Several methods of horizontal center of html elements

Next, I will introduce several ways to horizontally center html elements one by one 1: Text align: Center; for inline elements 2: Using margin:0 auto; to realize horizontal center display 3: Implement with table 4, Block level elements, however, are horizontally centered by converting them to inline elements 5: Both parent and child ele ...

Posted by fatalcure on Sat, 02 May 2020 09:41:04 +0200

Vue router nested route

1, Foundation install $ npm install vue //Install vue $ npm install vue-router //Install Vue router Or quote < script > <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> I'm referring to script directly in HTML here Catalog index.ht ...

Posted by walter8111 on Thu, 30 Apr 2020 22:26:49 +0200