[the second youth training camp - front end of winter vacation] - Notes on "WebGL foundation"

I moved my notes on Nuggets: WebGL Basics,Personal blog Why WebGL / Why GPU? What is WebGL? GPU ≠ WebGL ≠ 3D Why is WebGL not as simple as other front-end technologies? Modern image system Raster: almost all modern graphics systems draw graphics based on raster. Raster refers to the pixel array constituting the image.Pixel: a pixel c ...

Added by Myrkul on Sat, 29 Jan 2022 13:55:00 +0200

Go Web learning notes (Gin and Gorm)

With the recommendation of my senior, I will use go to develop the back-end! I've gone through the basic grammar of go before. Now I'm learning the Gin and Gorm framework. I'd like to make a record and hope it will be helpful to you. Of course, because I'm a novice to go, I have something wrong to write. Thank you! By the way, here's the basic ...

Added by andrewcb on Sat, 29 Jan 2022 07:45:42 +0200

Step by step explain how to use gulp for automatic construction

After the project is developed and launched, a series of preparations need to be made, including but not limited to: Compress CSS, JavaScript and HTML filesIf SASS or LESS is used, it needs to be compiled, otherwise the whole project cannot runSimilarly, if there is a version requirement for JavaScript, you also need to use babel to transl ...

Added by arya6000 on Sat, 29 Jan 2022 01:00:10 +0200

Vue3+Typescript(coderwhy) super detailed learning notes vue3 development basic syntax

(pay attention to whether I can accept the update push) I Knowledge supplement 1.1. (understand) this in methods 1.1.1. Arrow functions cannot be used If we want to use data to return the data in the object in methods, this must have a value, and the data in the data return object should be available through this. So can this be a windo ...

Added by zirius on Fri, 28 Jan 2022 22:39:02 +0200

vue learning - component registration

Case of component name When defining a component in a string template or a single file component, there are two ways to define the component name: Using kebab case app.component('my-component-name', { /* ... */ }) When using kebab case to define a component, you must also use kebab case when referring to this custom element, such as < My ...

Added by sp2hari on Fri, 28 Jan 2022 19:41:38 +0200

Vue custom instruction

1. Custom instruction registration User defined instructions can only be used after registration. Vue provides two registration methods: Global registration: Vue directive(id, [definition]); ID: instruction name, [definition]: user-defined object or function object. The function to be realized by the instruction is defined in this object.Loc ...

Added by DwarV on Fri, 28 Jan 2022 16:54:46 +0200

Event binding, event propagation, event capture, event bubbling, custom event

There are three levels of DOM events DOM level 0 events DOM0 level time can be divided into two types: one is to directly add execution statements in the tag, and the other is to define execution functions. <input type="text" id="test"> <input type="button" value="button" onclick="alert(document.getElementById('test').value)"> &l ...

Added by nocniagenti on Fri, 28 Jan 2022 16:05:47 +0200

Kiner algorithm brush inscription: binary search (hand tearing algorithm)

Guide to series of articles Guide to series of articles Open source project All articles in this series will be included in GitHub for unified collection and management. Welcome ISSUE and Star. GitHub portal: Kiner algorithm 69. Square root of X Problem solving ideas We can use dichotomy to solve this problem. Because we know: parseInt ( ...

Added by genius on Fri, 28 Jan 2022 16:02:41 +0200

Summary of quick start of Vue, Axios and Router

1, Vue overview What is Vue js Vue (pronunciation / vju) ː/, Similar to view) is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from bottom to top. Vue's core library only focuses on view layers, which is not only easy to start, but also easy to integra ...

Added by Centrek on Fri, 28 Jan 2022 15:22:41 +0200

Front end learning notes - form

form 1. Make basic forms Making a basic form requires three elements: form, input, and button elements. <!DOCTYPE HTML> <html> <head> <title>Example</title> <meta name="author" content="Adam Freeman"/> <meta name="description" content="A simple example"/> <link ...

Added by curtisdw on Fri, 28 Jan 2022 14:43:37 +0200