Category : es6

About Proxy Proxy is a very common concept in the computer field. Chinese is usually translated as proxy. Proxy is generally used to describe someone or something acting on behalf of others. Common concepts include Proxy Server, Reverse Proxy, Proxy Pattern, etc. To understand Proxy, let’s ask ourselves a few questions: What is Proxy? As ..

Read more

Before reading this article, you need at least some knowledge of JavaScript prototype inheritance. If you feel that there is something missing, you can first understand my article:https://segmentfault.com/a/11 … 1. use of es6class Javascript uses prototype inheritance. We can realize class inheritance through prototype features.Es6 provides us with the same syntax sugar as object-oriented inheritance. ..

Read more

This series is translated from open source projects.30-seconds-of-code This is a very excellent series, and the article summarizes a lot of usage.es6The code modules realized by grammar are not really understandable in 30 seconds, but also need your serious consideration. Some of them are very subtle and worth reading. This article is in mygithubSynchronizing the ..

Read more

Preface ES6 provides many new features, but we don’t use them very often in our actual work. According to the 28 rule, we should devote 80% of our energy and time to the study of these 20% core features, and we will get great results with twice the result with half the effort! Writing articles ..

Read more

Preface In normal project development, you will definitely encounter the problem of synchronous and asynchronous execution. What’s more, when executing an operation depends on the result returned by the previous execution, how will you solve this problem at this time? 1. settimeout is used to make it execute asynchronously. Obviously, this is only to add ..

Read more

Project address:https://github.com/jrainlau/draw-something Download & Run git clone git@github.com:jrainlau/draw-something.git cd draw-something Js//opens the websocket server. Npm run dev // runs the client program Then the browser opens localhost:8080 Effect preview: Overall structure I have been playing games with my friends, such as you draw and guess, because I am so carefree. I suddenly thought that I ..

Read more

Project address:https://github.com/jrainlau/filemapdevelopment environmentnodeVersion 5.4.1 brief introduction As a frequent blogger, you often need to introduce the file directory structure when introducing your own projects. In the past, either manual codeword input line by line or simple and crude screenshots could not easily and quickly construct a file directory structure diagram. Later, when learning the algorithm, ..

Read more

Project address:https://github.com/jrainlau/vue-cleave What’s CleaveJS? CleaveJSIt is a popular project on github recently. In just over a month, the number of star has reached 2500+, and maintained a strong upward momentum. Its main purpose is to Format input text content when you are typingFormat your input You can check the official onlineDEMOExperience. Vue-Cleave The official CleaveJS ..

Read more

Project address:Link descriptionProject description:https://segmentfault.com/a/1190000005968734 About the usage and introduction of the project, you can see the above two links. The main content of this article is rightfilemap.jsThe paper analyzes the code step by step and introduces its operation principle and optimization strategy in detail. Preparation of knowledge points: NodeJSThe basic method of use (mainlyfsFile system); ..

Read more

Experience address:https://jrainlau.github.io/sp …Project address:https://github.com/jrainlau/s … SphinxJS An ultra-light open source library that can encode strings into png pictures or decode strings from png pictures, with the total number of codes not exceeding 100 lines! Use method vianpmInstallation npm install sphinx.js via<script></script>Label introduction <script src=”sphinx.js”></script> It is worth noting that becauseSphinxJSUsing ES2015PromiseAs well as other great ..

Read more