zepto.js simple can infinitely increase the content of the h5 sliding screen effect
A simple h5 page, using zepto Some APIs of JS can preliminarily explore the production method of h5 effect. In particular, we should pay attention to the problem of white pages when sliding, which is related to the structure of the document. Therefore, automatic quantity judgment is made to solve the display and concealment of the corresponding ...
Posted by scottfossum on Mon, 24 Jan 2022 15:23:16 +0100
Java Web -- detailed learning notes of HTML, CSS and JavaScript (including rich sample code)
**
Java Web – HTML, CSS, JavaScript learning notes
** HTML (Hyper Text Markup Language): it controls the content of the page. It is a language composed of tags, which can show the effect of hypertext.
CSS: controls page layout, visual effects, etc
C/S structure: Client Server Client to Server B/S structure: Browser Server Browser to S ...
Posted by les48 on Sat, 22 Jan 2022 20:37:43 +0100
How to quickly implement a color selector
catalogue
Color model
Differences between HSV and HSL
Implementation selector
Hue
Calculate the slider position of the hue column
Saturation and brightness
Calculate these two values
hsv to rgb
transparency
HSL based color selector
Using canvas settings panel
When developing the front-end interface, you need to use the color select ...
Posted by mojito on Sat, 22 Jan 2022 19:32:41 +0100
pixi tile wizard demo
pixi tile wizard demo (I)
introduction
This article is a demo of parallax scrolling and collision detection and a problem encountered when learning pixi tile wizard.
catalogue
Tiled Sprites 1.1 Creation method 1.2 difference 1.3 Offset value 1.4Texture offset code Parallax Scrolling 2.1 Texture accuracy deviation collision detectio ...
Posted by pbalsamo on Sat, 22 Jan 2022 17:08:38 +0100
Layout management of web pages
Layout management
1.1 box layout
First understand the structure of the box
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{ padding: 0; margin: 0; }
.box{width: 100px; height: 100px; border:1px solid black; background-color: ...
Posted by romanali on Sat, 22 Jan 2022 04:49:10 +0100
Built in objects for JavaScript
catalogue
1, Number
1. isFinite()
2. isInteger()
3. isNaN()
4. parseFloat()
5. parseInt()
2, String
1. indexOf()
2. replace()
3. search()
4. concat()
5. split()
6. slice()
7. substr()
8. substring()
9. includes()
3, Array
1. join()
2. push()
3. pop()
4. shift()
5. reverse()
6. filter()
7. forEach()
8. find()
4, Obje ...
Posted by Res on Fri, 21 Jan 2022 15:38:11 +0100
Two way binding of Vue based v-model forms
1. What is bidirectional binding?
In MVVM (Model View ViewModel), specifically, the Model value is js code. View refers to DOM objects, that is, the content in HTML. ViemModel can be regarded as the medium between them. The medium of this paper is undertaken by Vue. Before MVVM appeared, people often used jquery to process the content in HTML ...
Posted by crusty_php on Fri, 21 Jan 2022 08:23:01 +0100
HTML knowledge point learning
Lesson1 - Monday (7.12)
Problem summary
html code is complex and needs more typing and patienceThe code still needs more typing to strengthen memory
Project development process
1, Markdown learning
Markdown is used to write software documents. It has its own syntax, and the browser can recognize the markdown codeIt is generally used to w ...
Posted by serenade2 on Wed, 19 Jan 2022 04:12:58 +0100
HTML notes Part 2
catalogue
2.1 form labels
2.1.1 basic table syntax
2.1.2 table attributes
2.1.3 table structure label
2.1.4 merging cells
2.2 list labels
2.2.1 unordered list
2.2.2 with sequence table
2.2.3 user defined list
2.3 form labels
2.3.1 form composition
2.3.2 form fields
2.3.3 < input > form elements
2.1 form labels
2.1.1 basic ...
Posted by Fabis94 on Tue, 18 Jan 2022 19:58:17 +0100
If you want to do well, you must use your tools - on how to make good use of ServiceWorker
Original link: https://blog.cyfan.top/p/c0af86bb.htmlAs the leader of the front-end revolution, ServiceWorker is known as the front-end black technology without boasting. This article will explain how to skillfully use it to achieve some seemingly unimaginable things.<!--more-->This article will be continuously updated from January 8, 202 ...
Posted by zero_ZX on Tue, 18 Jan 2022 02:15:43 +0100