Date selection component implemented by vue+elementUI

For project requirements, the following quick date selection interface needs to be implemented. Because the project technology stack uses vue+elementUI, it encapsulates components for reuse. The component code is as follows: <template> <el-popover v-model="showPopover" style="padding:8px 30px;border:1px s ...

Posted by stweaker on Mon, 28 Oct 2019 10:42:47 -0700

Develop a game with MelonJS

By Fernando DoglioCrazy technology house Original text: https://blog.bitsrc.io/writin... Forbidden without permission Game development does not need to be limited to users using Unity or unreal engine 4. JavaScript game development has been around for some time. In fact, the latest versions of the most popular browsers (such as Chrome, Firefox ...

Posted by phpnewbiy on Thu, 24 Oct 2019 21:29:28 -0700

JavaScript Design Pattern - command pattern

Command pattern is a kind of behavior pattern in JavaScript Design pattern. Definition: To send requests to some objects, but we don't know what the requested operation is, so we hope to design the program in a loose coupling way, so that the coupling relationship between the sender and the receiver of the request can be eliminated, and ou ...

Posted by potato on Thu, 24 Oct 2019 20:53:45 -0700

3D model bevel generation based on HTML5 WebGL

Preface There are not only horizontal faces in 3D scene, but also countless faces in space. So we may place objects on any face. How to determine the faces in space? We know that a face in space can be made up of a point and a normal. The left side of the Demo is the panel. Drag the object from the panel to the 3D scene on the right. Of course ...

Posted by keithh0427 on Thu, 24 Oct 2019 19:50:24 -0700

Applet custom actionSheet component

In the wechat applet, the official document provides the corresponding api for the operation menu requirements, as shown in the figure below. However, there is no "title" parameter in the operation menu of the applet, and the user-defined Title cannot be displayed at the top of the operation menu. Because of this requirement, the a ...

Posted by kanchan on Wed, 23 Oct 2019 12:11:06 -0700

The principle of creating dynamic pie chart with path of svg

There are three steps: Fan shaped Draw a circle with a fan Animating The following three steps are detailed Fan shaped As mentioned in the previous article, the command of drawing arc is also used in the previous article. If you don't know clearly, you can go to my previous article: path application of svg , let's briefly mention it here Fir ...

Posted by RottenBananas on Tue, 22 Oct 2019 18:15:27 -0700

Vue core concepts and characteristics

Vue (voice / vju ː /, similar to view) is a set of progressive framework for building user interface. >Features: easy to use, flexible, efficient, progressive framework. >Modules that need to be used can be combined at will Vue + components + Vue router + vuex + Vue cli I. concept and characteristics of Vue 1. What is a library and what ...

Posted by tanita on Fri, 18 Oct 2019 11:24:51 -0700

JavaScript Design Pattern - strategy pattern

The strategy pattern is the behavior pattern in JavaScript Design pattern. Definition: Define a series of algorithms, encapsulate them into strategy classes (Methods), and then separate the invariant part and the changing part, and these algorithms can replace each other Vernacular explanation: In fact, the so-called policy pattern is ...

Posted by yarub on Fri, 18 Oct 2019 00:55:18 -0700

Picture rotation in horizontal and vertical screen of mobile phone

Several main problems to be solved in image rendering 1. The picture is horizontal by default, and the picture center should be set. max-height:100%;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)" 2. Need to rotate: the width of the picture is larger than the height, so the picture will be larger after rotat ...

Posted by sarmad_m_azad on Thu, 17 Oct 2019 10:37:26 -0700

Learning record (day02-Es6 template string, deconstruction assignment, arrow function, data structure, for..of traversal, rest parameter, extended operator))

Day02(Es6 template string, deconstruction assignment, arrow function, data structure, for..of traversal, rest parameter, extension operator) [TOC] 1.1.1 template string Template string to simplify string patching //statement var str = ``; //Embedded variables var str = `${variable}`; // username + "___" + password // `${username} ---- ...

Posted by HaZaRd420 on Wed, 16 Oct 2019 06:50:44 -0700