Vue understands the slot and the use of its slot, slot scope and v-slot instructions

What is a slot Vue itself implements a complete mechanism of content distribution, using elements as the outlet of content distribution, that is, slots. The template, HTML code and components in the slot will be rendered. <!-- Example Definition of components --> <h1> <slot></slot> </h1> <Child> <p& ...

Posted by damic on Tue, 17 May 2022 03:35:43 +0300

Wechat applet HTML

Learning reason: because the interface in wechat applet is written by HTML, which is inconsistent with Qt control, understanding html is helpful to write wechat applet, and then my tutorial is actually to take a look Rookie tutorial , because it doesn't need to be proficient. It will become familiar with it when you use it more 1. Introduction ...

Posted by waltonia on Tue, 17 May 2022 01:52:07 +0300

[Vue] Basic Series - Binding Style (class and style)

4.1.class and style binding In the application interface, the style of a certain element(s) is changedclass/style binding is a technology specially used to achieve dynamic style effects (such as switching styles by clicking a button) 4.1.2.class binding :class='xxx'Expression is a string: 'classA'Expressions are objects: {classA:isA, cl ...

Posted by juancuca on Tue, 17 May 2022 00:40:14 +0300

Fluent asynchronous programming - event loop, Isolate, Stream

Event loop, Isolate Before we start, we need to understand that Dart is single threaded and that fluent depends on Dart If you know event loop in js The whole process of asynchronous dart is well understood Let's look at a piece of code first import 'dart:async'; Future eventLoop() async{ print('A'); Future((){ print('F'); scheduleMicrota ...

Posted by WinterDragon on Mon, 16 May 2022 23:21:38 +0300

Use [React17] [Vue3.0] to realize [waterfall layout]

Start with the previous rendering: What is waterfall flow? Waterfall flow is a common layout at the front end. The specific form is multi column layout, with fixed width and variable height. At the same time, as the page scrolls, new elements will be added to the lowest column at the end of the waterfall. There are three common waterfall flo ...

Posted by chefmars on Mon, 16 May 2022 22:57:08 +0300

How to write your own virtual DOM

To build your own virtual DOM, you need to know two things. You don't even need to go deep into the source code of "react" or into the source code of any other virtual DOM implementation, because they are so large and complex - but in fact, the main part of the virtual DOM only needs less than 50 lines of code. There are two concepts: ...

Posted by sandrine2411 on Mon, 16 May 2022 17:41:42 +0300

Big front-end study notes -- Composition API

Composition API 1. Use of Composition API 1. Using Vue3.0 First create an empty folder, then enter the folder to execute npm init -y, then execute npm install vue@3.0.0-rc.1 to install vue3.0 Create index.html, use of vue3.0 <body> <div id="app"> x: {{ position.x }} <br> y: {{ position.y }} <br> & ...

Posted by gukii on Mon, 16 May 2022 15:18:02 +0300

Summary of basic knowledge of react (continuous updat ing...)

This article is included in github github.com/Michael-lzg... Characteristics of React Use JSX syntax to create components, realize component-based development, and open the door for functional UI programming The high performance is praised: the efficient update of view is realized through diff algorithm and virtual DOM Why use React The use ...

Posted by RobbertvanOs on Mon, 16 May 2022 14:07:53 +0300

Issue 17 - what is MySQL database? It's enough to read this dry article!

preface Why study MySQL? Because MySQL is one of the most popular relational database management systems, MySQL is the best software in web applications. The sql language used by MySQL is the most commonly used standardized language for accessing databases. Rest assured, friends who read this issue are suitable for: website development, softwar ...

Posted by keigowei on Mon, 16 May 2022 11:38:44 +0300

On TypeScript type programming

I started this article Blog For reprint, please indicate the source: http://kohpoll.github.io/blog... When we write TypeScript, we mainly use type annotation (adding type constraints to variables and functions), which can enhance code readability and avoid low-level bug s. In fact, TypeScript's type system is designed to be so powerful that it ...

Posted by billthrill on Mon, 16 May 2022 07:30:17 +0300