Pinia state management
1. Comparison between Pinia and Vuex
1.1. What is Pinia?
Pinia (pronounced /piːnjʌ/, like "peenya" in English) is the closest word to piña (pineapple in Spanish);
Pinia started around 2019, initially as an experiment to redesign state management for Vue so that it works like a Composition API.From then to now, the original d ...
Posted by bhonan on Fri, 27 Jan 2023 05:48:29 +0300
Commonly used CSS knowledge points in front-end work
css import method
inline style
<divstyle="width: 100px"></div>
inline mode
<divclass="header"></div> .header {width: 100px;}
outreach mode
<linkrel="stylesheet"href="./base.css">
Imported
// inside the less/scss file @import url("./base.css");
1.1 Text overflow ellipsis ...
Posted by parag on Thu, 19 Jan 2023 00:32:28 +0300
Must-know git basic commands and common problems
<h2>Basic pull and upload file commands</h2>0.git pull update the file first/git pull origin dev; git status View the addition, deletion and modification status of files
1.git clone Online Inventory Address; git clone -b dev(remote branch) Link
2.git add file or folder to submit or git add .(Indicates submitting all modified ...
Posted by masson on Mon, 16 Jan 2023 06:52:23 +0300
Solve the 302 redirection problem that occurs after the front-end and back-end separate Vue projects are deployed to the server
Problem Description
Recently, I found that the front-end and back-end separation project of vue developed by myself uses the spring security security framework. Even if some normal interfaces are called after successful login authentication, there will always be inexplicable 302 redirection problems, resulting in interface data not coming ...
Posted by nineseveninteractive on Mon, 16 Jan 2023 01:57:39 +0300
[React] DOM diffing algorithm
Table of contents
· The role of key in virtual DOM
· Problems caused by using the index when traversing as the key
How to choose the key value during development
First of all, we know that one of the characteristics of React is: use virtual DOM + excellent Diffing algorithm to minimize interaction with real DOM. The impleme ...
Posted by mmtalon on Sun, 15 Jan 2023 13:51:13 +0300
Vue3——Chapter Fourteen (Pinia: Vue Store Worth Your Love)
1. Introduction to Pinia
Pinia is a Vue-specific state management library that allows you to share state across components or pages.Pinia originated as an experiment to explore the next iteration of Vuex, and as such incorporates many ideas from the Vuex 5 core team discussions.mutation has been deprecated. They are often considered extremely ...
Posted by zeberdeee on Sat, 14 Jan 2023 16:08:32 +0300
[Node.js] Write a script that automatically organizes data into tables
forewordAfter the data is buried in the enterprise project, the buried event names need to be sorted into an Excel table for easy statistics. The goal is to convert the data on the left side of the figure below into the Excel table on the right side of the figure below:Considering that the buried point data on the left increases with the iterat ...
Posted by plaztic on Sat, 14 Jan 2023 10:08:33 +0300
Frontend - CSS Float
CSS float
1. Structural pseudo-class selector
Function and advantage: Function: Find elements according to their structural relationship in HTML Advantages: Reduce the dependence on classes in HTML, which is helpful to keep the code clean Scenario: Commonly used to find child elements in a parent selector Selector
<!DOCTYPE html>
...
Posted by shyish on Tue, 10 Jan 2023 23:01:58 +0300
JS study notes - - day05
this points to
this points to the object: 1. When called as a normal function, this points to the window object 2. When called as an attribute of an object, whoever calls this points to whoever 3. In the constructor, this points to the object created by the constructor
Change the method pointed to by this
1.call method function.call(argument ...
Posted by ricroma on Wed, 28 Dec 2022 04:07:01 +0300
Node.js in Action Chapter 3 What is a Node Web Program 3.3 Adding a Database
Node.js in action
Chapter 3 What is a Node Web Application
3.3 Add database
As far as adding a database to a Node program is concerned, there are no mandatory rules, but generally the following steps are involved.
Decide which database system you want to use.Check out popular modules on npm that implement database drivers or object-rela ...
Posted by garygay on Tue, 27 Dec 2022 03:38:58 +0300