Vue3! ElementPlus! More elegant use of Icon

preface This may be the most convenient and appropriate way to use Icon at present, especially in Vue3. Do you think it is only applicable to Vue3? No, don't be deceived by the title. It supports many mainstream frameworks such as Vue2/Vue3, React, React, Solid and Svelte. Similarly, it also supports Vite, Roullp, Webpack, Nuxt, V ...

Posted by adaminms on Wed, 02 Mar 2022 05:04:56 +0100

15 lines of code use mathematical formula in wangEditor v5

preface The official version of wangEditor v5 will be released soon. In order to verify its extensibility, I have developed several common third-party plug-ins. This article introduces the design and use of formula plug-in. To insert a mathematical formula, you need to use LateX syntax, and the rendering formula needs to rely o ...

Posted by nitroxman on Mon, 21 Feb 2022 05:08:33 +0100

Explore React synthetic events

Explore React synthetic events 1, What is a composite event React synthetic event is an event object that can simulate all the capabilities of native DOM events, that is, the cross browser wrapper of browser native events. It defines synthetic events according to W3C specification, is compatible with all browsers, and has the same interface as ...

Posted by Lashiec on Mon, 14 Feb 2022 02:34:56 +0100

Using craco to optimize the construction of cra project

Modify the configuration of CRA project A project created with create react app cannot modify its internal webpack configuration by default. Unlike Vue cli, it can be modified through a configuration file. Although an eject command can completely expose the configuration, it is an irreversible operation and will lose the convenien ...

Posted by ajcrm125 on Wed, 09 Feb 2022 16:49:55 +0100

Real expiration time

Expiration Time concept First, what is Expiration Time? According to the English direct translation, the Expiration Time or Expiration Time. How to understand the concept of Expiration Time in React? We might as well start with its role to understand what it is. Expiration Time action In real, the source code location is ...

Posted by amir on Tue, 11 Jan 2022 10:18:08 +0100

WebP, Taobao are using image optimization methods

What is WebP? WebP is a picture file format that provides both lossy compression and lossless compression. The size of the picture can be greatly compressed, and the quality of the picture is the same as png, jpeg, etc. The lossless compression of WebP is on average 45% smaller than png format files. Here are the test results of comparing the ...

Posted by Kairu on Mon, 13 Dec 2021 02:16:49 +0100

Why forEach with a for loop?

There are so many loops in js, for... In... of forEach. Some loops feel similar. Today we discuss the differences between for loops and forEach. We discuss from several dimensions: The essential difference between for loop and forEach. The syntax difference between for loop and forEach. Performance difference between for loop and forEach. Esse ...

Posted by Craig79 on Tue, 26 Oct 2021 02:57:52 +0200