javaScript learning notes ES6
1, Remaining parameters
1. Understanding residual parameters
The remaining parameters are always arrays, even if there are no values, they are empty arrays
// grammar
const add = (x, y, ...args) => {
console.log(x, y, args) // w 4 [5,45]
}
add('w', 4, 5, 45)
2. Remaining parameter considerations ...
Posted by freddykhalid on Thu, 02 Sep 2021 19:10:42 -0700
HTML syntax specification
HTML syntax specification
Use the correct document type
The document type declaration is on the first line of the HTML document:
<!DOCTYPE html>
If you want to use lowercase like other tags, you can use the following code:
<!doctype html>
Use lowercase element names
HTML5 element names can use uppercase and lowercase letter ...
Posted by philooo on Wed, 01 Sep 2021 20:25:08 -0700
Canvas Getting Started 6 requestAnimationFrame for Animation
The learning resources for this article come from "Graphics, Animation and Game Development of HTML5 Canvas Core Technologies"
Try not to use setInterval and setTimeout to animate, but rather use the requestAnimationFrame() method to let the browser decide the frame rate on its own.
Because browsers differ in the implementation of ...
Posted by nocturne on Tue, 07 Jul 2020 07:44:42 -0700
Canvas Getting Started 6 requestAnimationFrame for Animation
The learning resources for this article come from "Graphics, Animation and Game Development of HTML5 Canvas Core Technologies"
Try not to use setInterval and setTimeout to animate, but rather use the requestAnimationFrame() method to let the browser decide the frame rate on its own.
Because browsers differ in the implementation of ...
Posted by TylerL on Tue, 07 Jul 2020 07:44:08 -0700
Work summary of static module of thmeleaf page of B2C e-commerce project
1, Thymeleaf
1.1 introduction to Thymeleaf
Thymeleaf is an XML/XHTML/HTML5 template engine, which can be used for application development in Web and non Web environments. It is an open source Java library, based on the Apache License 2.0 license, created by Daniel Fern á ndez. The author is a ...
Posted by jane on Fri, 19 Jun 2020 04:29:57 -0700
Vue video player Vue video plug in
introduce
vue video player is the vue version of videojs
video.js Official website: https://videojs.com/
Refer to the official website: Video.js Is a web video player built from scratch for the HTML5 world. It supports HTML5 video and modern streaming formats, and it supports video playback on desktop ...
Posted by chiprivers on Thu, 11 Jun 2020 21:27:52 -0700
Flitter cross platform chat instance
FlutterChat It's based on flitter + dart + Photo_ view+image_ Practical cases of wechat like interface App developed by picker and other technologies. It realizes the functions of message + expression, picture viewing, pop-up window encapsulation, red packet / video / friend circle, etc.
Framework technology
Coding / Technology: vscade + fl ...
Posted by amavadia on Wed, 13 May 2020 11:21:47 -0700
Eye movement effect of ofo home page based on HTML5 gyroscope
When using the ofo Mini yellow car App recently, I found that the previous bottom scan turned into a little yellow person with moving eyes. I think it's quite interesting. Here, I'll use HTML5 to imitate the effect.
ofo eye effect
Effect analysis
It is not difficult to see from the effect that it is realized by using gyroscope events.
Let's ta ...
Posted by Lijoyx on Sat, 02 May 2020 09:29:12 -0700
Using Tencent location service for mobile location
1. First, write a tool class to locate the function in common.js
common.js:
//Location service function entry
function getLocationInfo() {
if (localStorageUtils.acquireLocationInfo() == null ||localStorageUtils.acquireLocationInfo().curLongitude == null || localStorageUtils.acquireLocationInfo().curLatitude == null) {
getCurrentL ...
Posted by bradles on Fri, 01 May 2020 13:19:07 -0700
Examples of h5's canvas games
Recently I read some examples of canvas games and wrote an example by reference.
The principle is roughly described as follows: it mainly uses the request animation frame to refresh canvas continuously to realize the animation, monitor some events and realize the operation.
The process is to prepare the container, prepare the relevant roles, ...
Posted by ScOrPi on Mon, 27 Apr 2020 08:46:22 -0700