Vue Source Analysis - Deep Understanding of keep-alive Components
What is the keep-alive component?
<keep-alive>is a built-in component of Vue that wraps components to cache component instances~
The official Vue document mentions:
<keep-alive>is an abstract component: it does not render a DOM element by itself, nor does it appear in the parent component chain of the component.
When a compon ...
Posted by ginginca on Sun, 17 May 2020 17:24:46 -0700
"Vue Response Principle and MVVM Implementation" of JS Core Theory
MVVM
concept
MVVM represents Model-View-ViewModel.
Model: Model layer, responsible for handling business logic and interacting with the server side
View: View layer: responsible for converting data models into UI displays, which can be easily understood as HTML pages
ViewModel: The View Model layer that connects Models to Views and ser ...
Posted by parms on Sun, 17 May 2020 17:03:12 -0700
vue project keep alive returns to remember the scroll bar position
Requirements: click the home page list to enter the secondary page, and keep the original position when returning.Keep alive is a built-in component of Vue, which can keep the state in memory during component switching and prevent repeated rendering of DOM.
1:App.vue
<template>
<div id="app">
<!--Page return does ...
Posted by kundan on Sun, 17 May 2020 07:22:05 -0700
Flitter cross platform chat instance
FlutterChat It's based on flitter + dart + Photo_ view+image_ Practical cases of wechat like interface App developed by picker and other technologies. It realizes the functions of message + expression, picture viewing, pop-up window encapsulation, red packet / video / friend circle, etc.
Framework technology
Coding / Technology: vscade + fl ...
Posted by amavadia on Wed, 13 May 2020 11:21:47 -0700
Getting Started with React and Learning Notes
React builds JavaScript libraries for user interfaces, primarily for building UI interfaces.Instagram, Open Source, 2013.
Characteristic:
Declarative design
Efficient, uses virtual DOM to render DOM, minimizing DOM operations.
Flexible to use with other libraries.
JSX, commonly known as JS, writes HTML inside, an extension of JavaScri ...
Posted by TabLeft on Fri, 08 May 2020 10:00:37 -0700
Java + element UI realizes simple tree menu
1, Simple entry level tree menu implementation (pure background logic)
1. Introduction
(1) Development environment IDEA + JDK1.8 + mysql 1.8 SpringBoot 2.2.6 + mybatis-plusHere, it is only developed in the background (json data is returned), which will be explained in the subsequent presentation of the front page.
(2) Data sheetAs follows ...
Posted by msnhockey on Fri, 08 May 2020 03:48:21 -0700
Code specification for vue development eslint
ESLint
whether it's a multi person collaboration or a personal project, code specification is very important. This can not only avoid basic syntax errors to a great extent, but also ensure the readability of the code.
preparation
1, VSCode ESLint plug in
The ESLint plug-in is used to display some error prompts in the editor accordi ...
Posted by rowantrimmer on Fri, 08 May 2020 03:07:25 -0700
JS Objects and Prototypes
I. Objects of JS
1.1 Several ways to create objects
1.1.1 Create Objects by Literal Quantity
In js, a pair of {} is actually an object
var person = {
name: "tom",
age: 23,
read: function () {
console.log(name, ": read book")
}
}
1.1.2 via the constructor of the sys ...
Posted by lunarul on Wed, 06 May 2020 18:06:59 -0700
Mixins + operational dom (ref and $refs) + a little understanding of component exposure in vue.
Mixing (Mixins)
What is mixins?Is a way to reuse functions during component development in vue
When the page styles are different, but the methods you perform and the data you need are similar, you can use Mix Bar, a common and identical part of the extract to encapsulate, reduce the amount of code and make modifications and tests more diff ...
Posted by barry_p on Wed, 06 May 2020 17:14:50 -0700
vue pop-up layer components
vue pop up layer
These are the pop-up layers I usually use for mobile terminals. There are four pop-up layers, with the default value of type 0.12
This is a component layer.vue
code:
<layer ref="layer"></layer>
import layer from '@/components/layer/layer'
1. Loading
1. Default in lo ...
Posted by timmytock on Tue, 05 May 2020 06:35:51 -0700