echarts custom chart

First, attach the realization effect, the histogram of the segmented Thanks to the company's designer's problem, otherwise I won't go to make trouble with it The chart type is pictoriaBar, which is available after echarts version 3.4 (the version is not clear) The specific uses of this property are described below: barWidth: set the wid ...

Posted by brashquido on Fri, 06 Dec 2019 19:10:41 -0800

The use, principle and implementation of Promise in JavaScript

1. What is Promise Promise is the mainstream solution of JS asynchronous programming, which follows promise / A +. 2. Brief analysis of promise principle (1) promise itself is a state machine with three states pending fulfilled rejected When a project object is initialized, its state is pending. When resolve is called, the project sta ...

Posted by lional on Fri, 06 Dec 2019 16:48:50 -0800

Front end CSS: 4 × CSS small fire to achieve warmth

introduce Original linkThanks comehope Big man's [front end daily battle] Effect preview github.io browse Source code address https://github.com/shanyuhai1... Code interpretation 1. First, complete the html structure <figure class="container"> <section class="stars"></section> <section class="fires"></section&g ...

Posted by neoboffins on Thu, 05 Dec 2019 21:41:53 -0800

Optimize package size - PNG section

background Compared with JPEG image, PNG image is a lossless image storage format, and there is an additional transparency channel, so in general, PNG image is larger than JPEG image, and PNG image is often the big head of APK image resources, so optimizing the size of PNG image is more rewarding for reducing the volume of packet. wiki about P ...

Posted by mwmobley on Thu, 05 Dec 2019 12:08:02 -0800

Several implementation methods of VUE global variables

1. Global variable special module It means that a module (js or vue) is used to manage this set of global variables. The variables in the module are exposed by export (the best export format is object, which is convenient to call in other places). When other places need to use it, import the module with import Global variable specific module G ...

Posted by [-_-] on Thu, 05 Dec 2019 09:09:35 -0800

How to create a loader animation of comet trailing effect with pure CSS

Effect preview Online demo Press the "click preview" button on the right to preview on the current page, and click the link to preview in full screen. https://codepen.io/comehope/pen/YLRLaM Interactive video tutorial This video is interactive. You can pause the video at any time and edit the code in the video. Please use chrome, safa ...

Posted by headcutter on Thu, 05 Dec 2019 06:39:14 -0800

#04-HK custom city selection list

04-HK custom city selection list This article is hkzf The series of mobile tutorials aims to help beginners quickly master the project development based on React technology stack through a series of articles. requirement analysis The custom city list is divided into two parts. The left side is divided into three parts: current location, hot ci ...

Posted by Cynix on Wed, 04 Dec 2019 19:29:20 -0800

vue learning: 10. The first project, background data management

Project construction: 1. The front end uses the Vue cli framework to realize page display 2. Middleware web service uses C ා to realize the connection between front-end and back-end database 3. Use stored procedures to put all businesses here, Project practice I. environment configuration 1. Install Vue cli globally and use it all the tim ...

Posted by katarra on Wed, 04 Dec 2019 15:51:59 -0800

How to create a shaking bulletin board with pure CSS

Effect preview Online demo Press the "click preview" button on the right to preview on the current page, and click the link to preview in full screen. https://codepen.io/comehope/pen/wjZoGV Interactive video tutorial This video is interactive. You can pause the video at any time and edit the code in the video. Please use chrome, safa ...

Posted by darknuke on Wed, 04 Dec 2019 14:32:39 -0800

How to draw a Penrose triangle which does not exist in the world with pure CSS

Effect preview Online demo Press the "click preview" button on the right to preview on the current page, and click the link to preview in full screen. https://codepen.io/comehope/pen/RyvgMZ Interactive video tutorial This video is interactive. You can pause the video at any time and edit the code in the video. Please use chrome, safa ...

Posted by Illusionist on Wed, 04 Dec 2019 12:31:03 -0800