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
Vue.js learning note 13: navigation guard of Vue Router
catalogue
Navigation guard
Global front guard
Global post hook
Route exclusive guard
Guard in assembly
Navigation guard
Let's consider a requirement: how to change the title of a web page in a SPA application?
The page title is displayed through < title >, but SPA only has a fixed HTML. When switching between different pages, th ...
Posted by blackcow on Sat, 22 Jan 2022 19:22:35 +0100
Introduction to Ajax
1,Ajax
Asynchronous JavaScript and XML
ajax is not a new programming language, but a technology for creating better, faster and more interactive web applications.
Increase B/S experience (Browser / server)
In 2005, Google made AJAX popular through its Google suggest. Google Suggest can automatically help you search for words.
Google Sugges ...
Posted by dhorn on Sat, 22 Jan 2022 19:14:01 +0100
ES6 --- detailed explanation of promise basic usage (resolve, reject, then, catch)
ES6 - Promise basic usage details
Promise Is a constructor. It has familiar methods such as all, reject and resolve, There are also familiar methods such as then and catch on the prototype. So, when starting a Promise, start with a new one:
let p = new Promise((resolve, reject)=> {
setTimeout(()=> {
resolve('Executio ...
Posted by rayfinkel2 on Sat, 22 Jan 2022 19:11:15 +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
[ES5] overview of new methods - foreach () - filter () - some () - map () - trim () - object defineProperty()
ES5 has added some methods to operate arrays or strings conveniently. These methods mainly include:
Array methodString methodObject method
1, Array method
Iterative (traversal) methods: forEach, map(), filter(), every()
1.forEach
Executes the given function once for each element of the array.
1.1 writing method
array.forEach( func ...
Posted by thefisherman on Sat, 22 Jan 2022 14:41:01 +0100
Record a nodejs development and use webpack to package and publish the project
Premise: nodejs environment
1. Initialize project
npm init
After the initial project, there will be one more package. In the project directory JSON file, and then the configuration is related to this file
My file directory structure is as follows:
The. babelrc configuration file will be described later
2. Download and configure webpack ...
Posted by frigidman on Sat, 22 Jan 2022 14:14:47 +0100
Browser disconnection event offline and networking event online
How to deal with browser disconnection?
Good disconnection handling will make people very comfortable: lol's disconnection and reconnection, and the disconnection and reconnection of King's glory can ensure the continuation of the game
Bad disconnection handling or even not handling will lead to bugs: for example, there is a bug in the projec ...
Posted by zbert on Sat, 22 Jan 2022 10:28:20 +0100
Java Web Learning Notes 2 (use of jQuery, common methods, selectors and filters)
Java Web Learning Notes 2
javascript regular expression
regfxp object
Mode 1:
var putt=new RegExp("e");//Indicates that the required string must contain the string e
var str="abcde";
alert(putt.test(str));
Mode 2:
var putt=/e/;
var str ="abcde";
alert(putt.test(str));
var putt=/{abc}/;//Indicates ...
Posted by davestewart on Sat, 22 Jan 2022 03:02:55 +0100