Vue advanced (one eight two): parent-child component element acquisition and method call each other

preface During the development of Vue project, sometimes we need the parent component to directly access the child component, the child component to directly access the parent component, or the child component to access the root component. Sort out the following request methods: Parent component accesses child component: $children or $refsChi ...

Posted by eyespark on Tue, 08 Mar 2022 01:35:48 +0100

Vue -- form input binding

1, Basic usage You can use the v-model instruction to create two-way data bindings on the < input >, < textarea > and < Select > elements of the form. It will automatically select the correct method to update the element according to the control type. 1. Attention v-model will ignore the initial values of value, checked and ...

Posted by mariocesar on Tue, 08 Mar 2022 01:21:46 +0100

Vue3 study notes

Vue3 study notes setup = data + methods + computeds Report component: transfer its internal content to the target element Suspend component: load asynchronous component createApp(): create a new instance Do not use the arrow function on the option property or callback, because it does not have this, resulting in an error v-once: when the ...

Posted by foochuck on Tue, 08 Mar 2022 00:03:26 +0100

HTML+JS+websocket actual combat "Yu GI Oh" online card game

At the beginning of this chapter, we will combine js code to see the implementation of specific functions of the game. The general plan is to first introduce the basic functions throughout the game, and then introduce them one by one according to different function keys and function blocks. The functions related to online in the function will b ...

Posted by everisk on Mon, 07 Mar 2022 20:47:18 +0100

vue3+typescript upload files to qiniu cloud

Personal blog address of this article: https://www.leafage.top/posts/detail/21414BX0U The leafage MS project has been written for a long time, but it has not completed the function of uploading files. I read the documents of qiniu cloud several times before, tossed for several times, and failed. Today, I made up my mind to solve this proble ...

Posted by samip1983 on Mon, 07 Mar 2022 20:07:06 +0100

vue implements rolling load instruction

Scroll loading instructions, with source code and use cases, can be used directly. Background: Rolling paging is required in the project, but it will be triggered when rendering with v-infinite-scroll, so you can implement the rolling loading instruction instead prerequisite: jquery.js: jQuery is used to calculate the element height, w ...

Posted by arlabbafi on Mon, 07 Mar 2022 17:47:21 +0100

JavaScript - PC side web page special effects

catalogue 1, Element offset offset series 1. offset overview 2. Common attributes 3. Difference between offset and style Case - coordinates of mouse in box Case - drag modal box Case - Jingdong magnifying glass 2, Element viewable area client series flexible source code analysis Execute function now pageshow event 3, Element scroll ...

Posted by davidmuir on Mon, 07 Mar 2022 17:06:35 +0100

Framework technology -- Vue's webpack

Vue framework Vue3 Foundation: front end engineering, webpack, plugin, loader, Source Map Vue framework is the hottest front-end framework at present. In order to cooperate with springBoot framework to complete the construction of a complete project in the later stage, we have shared the knowledge of Vue, such as ES6 modularization ...

Posted by Jim from Oakland on Mon, 07 Mar 2022 16:31:02 +0100

Inheritance and reference of templates in Django

Introduction: you can find a website at will, such as Taobao. Look at its different pages and use your big shining eyes to find the differences and similarities. As like as two peas, you will find that there are some different pages in the website, and some of them are exactly the same. And some data are as like as two peas. The layout of their ...

Posted by baccarak on Mon, 07 Mar 2022 14:26:23 +0100

Several ways and principles of lazy loading of browser native pictures

preface    for websites with more pictures, if all pictures are loaded at one time, on the one hand, due to more pictures loaded at the same time, there will be a lot of DOM elements on the page, which will seriously reduce the page blocking performance, and the pressure on the server will be great. On the other hand, if a lot of p ...

Posted by markszy on Mon, 07 Mar 2022 12:09:46 +0100