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