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