Small and beautiful color selector: xy-color-picker

html5 form element input adds a new color type, the color selector. <input type="color"> The default effect of the selector on windows is as follows: It can be said to be very ugly and difficult to use. To solve this problem, xy-ui A new class of components has been added xy-color-picker The results are as follows: Design reference chor ...

Posted by rajatr on Thu, 08 Aug 2019 06:03:27 -0700

web Front End Animation Theme: Input Box Effect

Special effects overview Dash Dynamic: Dynamic Border: Stroke Dynamics Design sketch Principles and Codes : before and: after pseudo elements specify the content before and after the content of an element document tree.Because the input tag is not a container for insertible content.So underlining here cannot be done with pseudo elements.Addi ...

Posted by BKPARTIES on Tue, 06 Aug 2019 09:57:52 -0700

Explanation on Promise in ES6

What does a Promise object do? Answer: The method of operation asynchronous use. This chapter blog briefly introduces the use of promise. It is not difficult to read it patiently. Students who have studied javascript should be aware that js is single-threaded in the process, that is, the code is parsed at the same time. Sometimes, asynchronous ...

Posted by Vbabiy on Mon, 05 Aug 2019 03:34:51 -0700

Summarize the usage of transform-origin

  Single-valued grammar: The value must be one <length> One <percentage> Or one of the keywords left, center, right, top, and bottom. Binary Grammar: A value must be one <length> One <percentage> Or one of the keywords left, center and right. The other values mu ...

Posted by freakuency on Thu, 01 Aug 2019 02:57:11 -0700

03-React Learning Notes

1. Understanding react-router A plug-in library for react Specifically designed to implement a SPA application Reaction-based projects generally use this library 2. Several important issues 1). SPA applications single page web application (SPA) The whole application has only one complete page. ...

Posted by xProteuSx on Wed, 31 Jul 2019 23:27:22 -0700

vue router routing parameters

The first params { path: '/son1', name:"son1", component: son1, } Name the route name:"son1" When routing jumps, specify named routes and pass parameters 1 <router-link :to="{name:'son1',params:{id:2,name:'winter',age:18}}" tag="li">home page</router-link&g ...

Posted by Brakanjan on Tue, 30 Jul 2019 22:48:59 -0700

How does echarts4.x radar map display one-dimensional data?

One of the recent projects is to draw radar maps, slide the mouse over the inflection point of radar maps, display the dimension-related data, and display the scale of radar maps. But I found that radar images alone did not seem to be able to display one-dimensional data. To sum up, there are three difficulties in drawing radar pictures. (1) Ho ...

Posted by redreset on Tue, 30 Jul 2019 22:37:04 -0700

Sword Finger offer Solution - JavaScript Edition

1. Finding in Two-Dimensional Array In a two-dimensional array, each row is sorted in increasing order from left to right, and each column is sorted in increasing order from top to bottom. Please complete a function, input such a two-dimensional array and an integer, to determine whether the array contains the integer. function Find(target, a ...

Posted by REDFOXES06 on Tue, 30 Jul 2019 21:17:58 -0700

Testing Dojo applications (detailed)

Test Services Intern supports BrowserStack,SauceLabs and TestingBot Run the test remotely on the service. You can choose one of these services, register an account number and provide credentials to cli-test-intern. By default, all test services run tests on browsers like IE11, Firefox, and Chrome. BrowserStack Use BrowserStack The service requi ...

Posted by kwdelre on Wed, 24 Jul 2019 21:06:28 -0700

Draw an unclosed ring with a progress bar using Canvas

Final Effect Chart Defining variables Define radius, ring thickness, center position, and default fill color let radius = 75 let thickness= 10 let innerRadius = radius - thickness let x = 75 let y = 75 var canvas = document.getElementById('tutorial'); var ctx = canvas.getContext('2d'); ctx.fillStyle = "#f2d7d7"; 2. Draw the first arc ctx.begin ...

Posted by alexz on Wed, 24 Jul 2019 17:03:25 -0700