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