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