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