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