webpack5 learning and actual combat -- code separation
So far, there is only one bundle of files we have packaged js is such a js file. Then if the project is large, the js will become very large! This causes the first screen to take a very long time to load. Many of these codes do not need to be used immediately, which is a waste of resources. So we can separate the code and introduce it on demand ...
Posted by Deserteye on Tue, 15 Feb 2022 17:21:06 +0100
vue uses keep alive to cache page optimization projects
concept
Keep alive yes Vue When it wraps dynamic components, it caches inactive component instances instead of destroying them. Similar to transition, keep alive is an abstract component: it does not render itself as a DOM element or appear in the parent component chain.
effect
In the process of component switching, the switched components a ...
Posted by ozzmans on Tue, 15 Feb 2022 15:32:20 +0100
Ajax asynchronous communication
Ajax overview
1. Function introduction (understanding)
Ajax, namely "Asynchronous Javascript And XML", refers to a web development technology for creating interactive web applications. Ajax can make web pages update asynchronously by exchanging a small amount of data with the server in the background. This means that a part of a web ...
Posted by rohithmr on Tue, 15 Feb 2022 14:58:42 +0100
vue route navigation guard
As its name suggests, the navigation guard provided by Vue router is mainly used to guard navigation by jumping or canceling. There are many opportunities to implant in the routing navigation process:
Overall,Exclusive to a single route,Or component level.
Global guard
Global pre guard router beforeEachGlobal resolution guard router befor ...
Posted by maniac1aw on Tue, 15 Feb 2022 14:15:20 +0100
Web Components series - custom component style settings
prefaceThrough the previous study, we have a certain understanding of the relevant concepts and knowledge points of custom components. Today, let's learn several methods to set styles for custom elements and their sub elements.Add styles directly to custom labelsindex.html: <style>
my-card{
display: block;
margin: 20px ...
Posted by morleypotter on Tue, 15 Feb 2022 11:40:02 +0100
js based array API
js based array API
The method of adding * in the following table will not change the original array.
attributedescribe*concat()Join two or more arrays and return the result*join()Put all the elements of the array into a string. Elements are separated by the specified separatorpop()Deletes and returns the last element of the arraypush()Adds on ...
Posted by readourlines on Tue, 15 Feb 2022 10:41:41 +0100
es6 nested array loop_ Some methods of flattening JS array
1 what is flattening?
I went to Wikipedia. There is no direct explanation about flattening, only an explanation of flattening organization.
First, let's talk about the organization opposite to flattening: Pyramid organization. As we all know, its hierarchical structure is a pyramid shape.
Flat organization, also known as horizontal organizat ...
Posted by yandoo on Tue, 15 Feb 2022 08:26:15 +0100
vue2.x notes 7-webpack details
Configuring vue in webpack
If Vuejs is used in the project, it must be dependent, so it needs to be installed first. Because vue will also be used in the actual project later, it is not dependent during development, so it needs to be installed directly
npm install vue@2.5.21 --save
Use vue the way you learned before
There is no error in t ...
Posted by pukstpr12 on Tue, 15 Feb 2022 04:28:17 +0100
Vue core of Vue family bucket
Vue core of Vue family bucket (I)
1 Introduction to Vue
1.1 what is Vue?
Vue is a progressive JavaScript framework for building user interfaces.
Author: you Yuxi
Official website: https://cn.vuejs.org/index.html
1.2 characteristics of Vue
1. Adopt component mode to improve code reuse rate and make code better maintained.
2 declarati ...
Posted by Goat on Tue, 15 Feb 2022 04:02:46 +0100
GEE series: unit 8 time series analysis in Google Earth engine [time series]
Unit 8: time series analysis in Google Earth engine
1 Introduction
In this module, we will discuss the following concepts:
Process remote sensing images of the ocean. Create a video from an image time series. Time series analysis in GEE. Add basic elements to the graphical user interface.
2 background
The Deepwat ...
Posted by lynxus on Tue, 15 Feb 2022 02:33:56 +0100