Front-end Basic Learning-Three Realizations of Text Color Gradient in css
In the process of web front-end development, UI designers often design some design drawings with gradient text. In the past, we can only use png pictures to replace text. Today, we can use pure CSS to realize gradient text. Here is how to implement 3 for your reference!
Basic Style:
.gradient-text{text-align: left;text-indent:30px;line-height: ...
Posted by ThinkGeekness on Fri, 19 Apr 2019 10:42:33 -0700
A basic class of ES6 that supports private attributes and methods, event and mix
ES6 provides a complete class grammar, so it is very convenient to use the extends keyword to extend (inherit) classes. In order to implement some basic functions of the class, I wrote the following class to be inherited by other classes and have the basic functions of the basic class.
Source code
var events = {}
var data = {}
var copyProperty ...
Posted by usacascl on Wed, 17 Apr 2019 18:21:34 -0700
Summary of customization of angular 2 + JSSDK
Open any web page in the Wechat browser. If the sharing interface is not configured, Wechat will default to use the following information as sharing information:
Default title: HTML title
Default connection: the address of the current page, location.href
Default image: The front eligible image in the current page body will be taken (size must ...
Posted by dezkit on Fri, 12 Apr 2019 23:06:32 -0700
React Life Cycle Explanation
React abandons the manual DOM operation which consumes a lot of performance. It uses diff algorithm to change the DOM by changing the control component state and props. When the DOM needs to change, it will first occur on the virtual DOM, rendering the actual part of the change on the real DOM, which can greatly improve the performance.
...
Posted by jakebur01 on Fri, 05 Apr 2019 21:09:32 -0700
Dom Application of HTML
Understand
1. Find the label
Get a single element document.getElementById('i1')
Get multiple elements (lists) document. getElements ByTagName ("div")
Get multiple elements (lists) document. getElements ByClassName ('c1')
a. direct search
document.getElementById retrieves a label based on ID ...
Posted by hax on Sat, 30 Mar 2019 13:51:28 -0700
Click on external hiding after js Click
Set the focus of the specified div to 0, tabindex="0" when the mouse clicks on the div, the focus becomes - 1, and execute the function called by onfocus="show1()", show1(). When power transmission and other places, that is, the mouse loses focus, the onblur="unshow1()" operation is performed, that ...
Posted by Avimander on Sun, 03 Feb 2019 13:57:15 -0800
vue-31-animation-animation using hook function (half-field animation uses this)
Hook function animation
Setting meaning of starting animation (same as ending animation)
v-on:before-enter indicates that the animation has not yet started before the animation enters, in which you can set the starting style of the element before the animation begins.
v-on:enter represents the animation, and the style after ...
Posted by andyg2 on Sun, 03 Feb 2019 12:36:16 -0800
The Beauty of jQuery-Page Language Switching
Last Review: The Beauty of jQuery - Custom Dropdown List Box
The picture above shows:
The source code is as follows:
<!--
author:helang
Email:helang.love@qq.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width= ...
Posted by php4om on Sun, 03 Feb 2019 12:06:15 -0800
Packing node JS project error with web pack: ERROR in. / node_modules / MySQL / lib / Connection. JS
A beginner, recently learning the project of Web pack packaging nodejs, but packaging is always unsuccessful, the most mistake is that I can not find the file, but I installed it with npm install, who has encountered this problem? Consult..
Error reporting information:
Specific configuration of files
package.json
{
"name": "do ...
Posted by hemlata on Sat, 02 Feb 2019 21:48:16 -0800
vue.js and vue-waterfall-easy realize waterfall flow + drop-down refresh
vue.js and vue-waterfall-easy realize waterfall flow + drop-down refresh
Recent project requirements first need waterfall flow, then need drop-down refresh function. I thought it would be easy to achieve this effect through vue-waterfall-easy and then use drop-down refresh in other ui libraries. But this is not the case. After ...
Posted by rehfeld on Sat, 02 Feb 2019 17:48:15 -0800