How to optimize your vue project

catalogue Why optimize the project Route lazy loading Component cache Article content code highlight Give users feedback when optimizing requests Insensitive refresh token Lazy loading of pictures Custom command (autofocus)   Extract component registration   Persistent storage Encapsulate unified prompt information Scroll ...

Posted by turtleman8605 on Fri, 22 Oct 2021 21:25:21 -0700

[high frequency written interview in front field] question 10: JavaScript related

catalogue 1. Known array var stringArray = ["This", "is", "Baidu", "Campus"] 2. The string foo = "get element by ID" is known. Write function to convert it into hump representation 3. Known array var numberArray = [3,6,2,4,1,5]; Apply array API for operation 4. Output today's date in YYYY-MM ...

Posted by fuzzy1 on Fri, 22 Oct 2021 16:55:53 -0700

It turns out that jdk comes with such a fun tool > use jstack to locate the dead loop

What is jstack The main function of jstack is to view or export the stack information (snapshot) of java threads; Used for stack trace. When we use the jstack command, it will print out the call stack of methods in all threads in the specified process. Thread snapshot is a collection of method stacks being executed by each thread in java virt ...

Posted by unreel on Fri, 22 Oct 2021 06:44:57 -0700

element table encapsulation 2 - multi level header, header consolidation, row and column consolidation

This is an upgrade of the last encapsulated table, adding multi-level header and column consolidation functions. I put the code and reference articles at the bottom. Let's put some important nonsense on it, mainly my summary. You can take a look or slide directly to the code below. This time it's just a record to make it convenient for the futu ...

Posted by xjake88x on Fri, 22 Oct 2021 03:55:09 -0700

Sorting out common interception operation methods of Proxy instances

preface Hello, guys. In the previous article, we briefly shared the Proxy in ES6. Through learning, we know that Proxy can intercept objects, so we can do some corresponding logical processing according to business needs. We also know that Vue3.0 makes a great optimization for data hijacking, in which Proxy is used. At the end of the articl ...

Posted by bache on Fri, 22 Oct 2021 01:30:05 -0700

HTML5 final assignment: sports website design - ancient yoga website (28 pages) HTML+CSS+JavaScript

HTML5 final assignment: sports website design - ancient yoga website (28 pages) HTML+CSS+JavaScript student DW web page design assignment finished web course design web page planning and design computer completed web page design source code Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, el ...

Posted by easmith on Fri, 22 Oct 2021 01:19:38 -0700

Some basic knowledge of vue routing

The project of vue structure is a single page application (single page application: changing the url address will not initiate a request like the back end, and the page can be re rendered to achieve the effect of asynchronous page update, and a history record will be kept). It is based on Routing and components. Routing is used to set access pa ...

Posted by shuka79 on Fri, 22 Oct 2021 01:14:23 -0700

Detailed explanation of throttling and anti shake of JS

Throttling and anti chattering of JS Function debounce Basic concept: the callback is executed within n seconds after the time is triggered. If it is triggered again within n seconds, the timing will be restarted. Examples without anti shake function function inputChange(content) { console.log("inputContent" + content); } let input = ...

Posted by rp2006 on Thu, 21 Oct 2021 23:11:20 -0700

js question mark dot (?) - optional chain operator and double question mark (?) - usage of null value merging operator & deconstruction assignment: {data: {Name:'name '}}

js question mark dot (?) - optional chain operator and double question mark (?) - usage of null value merging operator & deconstruction assignment: {data: {Name:'name '}} 1. Question mark dot (?) - optional chain operator The optional chain operator (?.) allows you to read the value of an attribute deep in the chain of connected objects w ...

Posted by zrueda on Thu, 21 Oct 2021 22:27:39 -0700

Redux from entry to advanced level, just read this one!

🌂 preface As we all know, react is a one-way data flow, so it is relatively simple to transfer data, and the relationship between father and son is relatively clear. However, if we want to transfer more complex data, using react alone is not enough. Therefore, we need to use redux for more complex data transmission. In the following arti ...

Posted by mpf on Thu, 21 Oct 2021 18:46:36 -0700