ES6 QuickStart for JavaScript
1, ES6 grammar guide
After the back-end project is built, the front-end page is next. But before that, some preparations are needed.
We need to learn the Syntax Standard of ES6. What is ES6? ECMAScript version 6 standard.
1. What is ECMAScript?
Let's take a look at the development of the front end:
web1.0 era:
The original web page is mai ...
Added by congos on Mon, 17 Jan 2022 15:22:07 +0200
[practical skills] CSS custom attributes and their use in VUE3
What are css custom attributes
It's officially called custom attribute, but I'm used to calling it variable. In short, it's a CSS attribute that developers can name and use independently
How are CSS variables different from those in the preprocessor?
CSS variables are CSS properties directly available in the browser, while variables in prepr ...
Added by FidelGonzales on Mon, 17 Jan 2022 11:21:32 +0200
Mixed development problem
authorcontenttimeJJMixed development problem20220117
Style adaptation problem
The same page and the same element show the two patterns on the left and right (the resolution of Huawei mate30pro is 1176 * 2400, and the width unit is rem).
Let's think about it. Why is there this problem?
Extend it
Pixel classification: device pixels and CSS p ...
Added by pete_bisby on Mon, 17 Jan 2022 10:45:23 +0200
JavaScript: Dom knowledge points summary
catalogue
1, Introduction to DOM
2, HTML DOM tree structure:
3, DOM node
Node type
Node parent, child, and sibling
(1) Parent node
(2) Child nodes
(3) Child nodes
(4) Child nodes first and last
(5) Sibling node
4, DOM object
1. Common ways to find HTML elements
(1) get method
(2) querySelector and querySelectorAll
(3) Get speci ...
Added by .Stealth on Mon, 17 Jan 2022 10:36:17 +0200
DOM learning chapter I
Introduction to DOM
Document object model: Document Object Model Is an XML parsing document; DOM operation can be simply understood as "element operation"
Principle: regard html document as a node tree, and then use the API provided by dom to add, delete, modify and query the corresponding nodes; To dynamically manipulate html eleme ...
Added by adityakonda on Mon, 17 Jan 2022 09:06:47 +0200
In order to get her started with canvas in 10 minutes, I stayed up late and wrote three small projects and this article
(https://juejin.cn/post/697868... "https://juejin.cn/post/6978685539985653767")」prefaceHello, I'm Lin Sanxin. When I recalled my school recruitment, I was asked about canvas many times by the interviewer, but I didn't. later, I always wanted to find a chance to learn canvas, but I didn't have time. The position of canvas in the front end is be ...
Added by BooRadLey on Mon, 17 Jan 2022 08:59:33 +0200
Detailed explanation of common design patterns in Javascript
Original link: https://www.cnblogs.com
1: Understand factory model
The factory model is similar to the factory in real life, which can produce a large number of similar goods, do the same things and achieve the same effect; You need to use factory mode at this time.
A simple factory model can be understood as solving multiple similar p ...
Added by MrSarun on Mon, 17 Jan 2022 07:52:10 +0200
Because of it, I almost deleted the library and ran away: js anti shake and throttling
preface
Front end stepping on Thunder: repeated submission in a short time leads to repeated data.
For the front-end boss, the application of anti shake and throttling technology is the basic operation. For "part-time" front-end developers, these are pits that need to lie flat.
Let's play js anti shake and throttling today, and ...
Added by ld0121 on Mon, 17 Jan 2022 06:08:05 +0200
ES6 leak checking and defect filling [array expansion]
At the beginning of the new year, we will revisit the expansion of ES6 array.
Array extension
1. First briefly review the array method in ES5
Change the of the original array:
add to: push / unshift
Delete: pop / shift
Add or delete anywhere: splice(startIndex,delCount, ...addElement)
Flip: reverse
Sort: sort
Do not change the ...
Added by ziggy3000 on Mon, 17 Jan 2022 04:10:23 +0200
[p5.js work tutorial] implementation of reverse Phi illumination visual illusion
1, Implementation steps
The detailed explanation can be seen from the deep sea of the up main designer of station B "Motionless" . Here I will briefly describe it.
In short, there are three steps:
Draw three identical images as like as two peas. Change the colors of the three images in the order of left, middle and right, as sho ...
Added by evmace on Mon, 17 Jan 2022 01:44:47 +0200