About React Server-side Rendering (SSR)
Recently, I often hear other front-end teams that specialize in Vue project mention SSR. They don't know what it is. They just think it's something they do inside. Although they are curious about it, they don't care much about it. Later, when they wander around a technology forum, they suddenly see the term. After clicking in, they know what S ...
Posted by pbdude23 on Fri, 24 May 2019 11:19:29 -0700
How to solve the problem of dist file size after web pack packaging
When we use vue.js to write a single page application, packaged JavaScript packages can be very large, affecting page loading.
We all know the lazy loading of pictures.We don't load this picture when it doesn't appear in the viewport.So are we able to do that, lazy loading of routes?It is more efficient to load components when a route is u ...
Posted by Apollo_Ares on Thu, 23 May 2019 09:19:17 -0700
Web Migrates Projects Quickly to React
Recently, in learning the front-end knowledge, I have skimmed through the documents of webpack and gulp. Although I have used Vue before, as far as the community is concerned, the current mainstream is React, so I also have to study vulgarly to lay a good foundation for the future construction of React Native's hybird architecture.
Speakin ...
Posted by xsgatour on Mon, 20 May 2019 13:07:24 -0700
The construction process of web project and the use of web pack 3.10.0
Note:
This blog mainly refers to this blogger's: http://www.jianshu.com/p/9423a7f04d31
But the version of webpack used by this blogger is 1.15.0. According to his instructions, there were errors in configuring webpack dev-server. There were many incompatible versions of plug-ins, so I changed to the latest version of ...
Posted by jcubie on Sat, 18 May 2019 19:40:32 -0700
By implementing a simple packaging tool, the core principle of packaging is analyzed.
Summary
At present, wepack seems to have become one of the indispensable tools in front-end development, and his idea of "all modules" with the continuous iteration of webpack version (webpack 4) makes it faster and more efficient to package for our front-end engineering services.I believe you are very skilled in using webpack. He use ...
Posted by mp04 on Sat, 18 May 2019 11:56:40 -0700
Building a project structure of vue2+webpack4 from scratch
First, why don't I use vue-cli scaffolding?
As we all know, Vue is relatively easy to start, build a project, a line of NPM install vue-cli-g can help us quickly build a project architecture, we do not have to think about how to design webpack, what vue-loader is used for, and so on, because cue-cli has helped us build the most bas ...
Posted by blacksmoke26 on Sat, 18 May 2019 05:08:14 -0700
React (17) Asynchronous Component
26. Asynchronous components
When using asynchronous components in React, the core knowledge is two:
How webpack loads other modules asynchronously: through require(['xxx'], function(module) {});
How to use the module loaded asynchronously in React: Refer to the normal way of using the module;
[Asynchronous loading]
For asynchronous load ...
Posted by qadeer_ahmad on Fri, 17 May 2019 13:48:11 -0700
Disclosure of Component Library (Part I)
I. Preface
1. Sources of inspiration
I usually prefer to make some records and summaries of some things, including some components. When the amount of accumulation is large, I find that scattered accumulation is not suitable for management.
So I began to think, what is a good way to regulate these scattered things? If compon ...
Posted by Lefu on Tue, 14 May 2019 18:37:54 -0700
Logic and implementation of WeChat web page login
Website development now can not bypass Wechat login (after all, Wechat has become a national tool).Although the documentation is detailed, it is easy for inexperienced developers to tread on holes.
Therefore, it is convenient to record the interactive logic of WeChat Web page authentication and review it later:
Load the WeChat web page sdk
Dra ...
Posted by darkjedig on Tue, 14 May 2019 13:48:29 -0700
Core concepts of webpack-dev-server
Core concepts of webpack-dev-server
ContentBase vs publicPath vs output.path of Web pack
webpack-dev-server uses the current path as the requested resource path (so-called
Current Path
This is the path to run the command webpack-dev-server, if the webpack-dev-server is wrapped, for example wcf The current path refers to the path to run the ...
Posted by john_bboy7 on Tue, 14 May 2019 05:04:11 -0700