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