Category : javascript

This week,Chrome 70The official version was released.Progressive Web Apps(PWA)Has been officially supported toWindows 10Platform, however, long before previous versions,ChromeHas passedchrome://flagsSupport to open the experimental function, has long been supported inWindows 10Installation on platformProgressive Web Apps(PWA). Google said that the experience of web applications installed on the desktop is very close to that of local applications, ..

Read more

In the last articleLearning and Practice of Service Worker (2)-Brief Introduction of ——PWAAs already mentionedPWAThe origin, advantages and disadvantages of the, and through a simple example to illustrate how the desktop and mobile end will be aPWAInstalled on the desktop, this article will illustrate how to use it through an example.Service WorkerThe message push function ..

Read more

With the birth and evolution of major front-end frameworks,SPAAt first it became popular. The advantage of single-page application is that it can be used without reloading the whole pageajaxAnd the whole system is realizedWebThe application refused to update, bringing the ultimate user experience. However, for needsSEO, the pursuit of extreme first-screen performance applications, front-end renderingSPAIt’s ..

Read more

The author recently made a request to build a print template on the Web, learned some valuable things from it, and specially recorded an article to share. summarize This paper first describes the background of the requirements of the Web printing project of the project team in which the author works, then describes the problems ..

Read more

As we all know, direct manipulation of DOM is a performance-intensive matter for the front end. Many frameworks, represented by React and Vue, generally adopt Virtual DOM to solve the performance problem of frequently updating DOM caused by frequent state changes in increasingly complex Web applications. This paper implements a very simple Virtual DOM for ..

Read more

Based onvue-cliOptimizedwebpackConfiguration It can be roughly divided into the following points viaexternalsConfigure to extract common libraries and reference external chains ConfigurationCommonsChunkPluginExtract common codes (vue-cli(already done) Make good use ofalias(vue-cliPart of it is configured) EnableDllPluginAndDllReferencePluginPrecompiled library files happypackStart a multi-core build project willwebpack-parallel-uglify-pluginTo replacewebpackin-houseUglifyJSFor code compression confusion UpgradewebpackTo version 3.x onScope Hoisting externals Document addresshttps://doc.webpack-china.org … ..

Read more

webpackTo package all resources Without knowing it,webpackHas been secretly updated to4.34Version, I decided, this is the last one to write this yearwebpackUnless it is updated to version 5, I will spend the rest of this year onGolangAnd the ecology of the back end Before reading this article, suppose you are rightwebpackHave a certain understanding, if ..

Read more