Create a small ball bouncing in the container 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/jKVbyE
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 _off_axis_ on Wed, 04 Dec 2019 09:58:23 -0800
vue.js internal instruction
Article directory
Internal instructions of vue
v-if v-else-if v-else v-show conditional instruction
v-for loop instruction
Internal instructions of vue
v-if v-else-if v-else v-show conditional instruction
1,v-if
v-if: it is an internal instruction of vue, which is used in our html.
v-if is used to determine whether t ...
Posted by cirene on Wed, 04 Dec 2019 08:51:36 -0800
React 1.6 adds support for sass and less
Add sass and less support in the new version of react respectively. Note that the project is created with the create react app scaffold tool.
Add sass support
Adding sass support is very simple. You only need to execute the following command to install node sass. If it does not take effect, please restart the project.
npm i node-sass --save
Ad ...
Posted by rasherb on Wed, 04 Dec 2019 05:36:20 -0800
#03-HK rental integration Redux
03-HK integrated Redux
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.
Redux introduce
motivation
JavaScript needs to manage more states than ever, and Redux tries to make state changes predictable
Three principles
S ...
Posted by mistercash60000 on Wed, 04 Dec 2019 00:39:48 -0800
Realization of waterfall flow with native js and Realization of waterfall flow with left and right columns in wechat applet
It is not practical to use css to realize waterfall flow, because the waterfall flow realized in Chaoshan city is arranged in columns. Here, we record the realization of waterfall flow with js and the realization of waterfall flow with left and right columns in wechat applet
1. effect picture
2. Native js realizes waterfall flow
html file
< ...
Posted by grandman on Mon, 02 Dec 2019 18:22:07 -0800
[Tencent map API] making route navigation of multi-path points -- route coordinate planning
Recently, baidu map has been used to realize route coordinate planning before converting Baidu map to Tencent map. However, some route coordinate planning without Tencent map has been searched, so Baidu wrote a route coordinate planning of Tencent map
What's different between the two maps is that Baidu map has a way when navigating. Tencent ma ...
Posted by nashyboy on Mon, 02 Dec 2019 17:10:41 -0800
How to create an animation of a small ball going up a step with pure CSS
Effect preview
Online demoPress 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/PBGJwL
Interactive video
This video is interactive. You can pause the video at any time and edit the code in the video.
Please use chrome, safari, edge t ...
Posted by masson on Sun, 01 Dec 2019 20:10:18 -0800
Form options mutual exclusion (vue)
There is a demand recently:There are three multi selection boxes in the form, and their options are the same. However, if one of them is selected, it cannot be selected in the other two multi selection boxes.Such a question reminds me of the example of "putting table tennis in different boxes".
Upper code
// index.html
<!DOCTYPE h ...
Posted by bugsuperstar37 on Sun, 01 Dec 2019 10:25:01 -0800
Calling method of highlight.js
highlight.js is a plug-in for highlighting codeDownload address: https://highlightjs.org/downl...Color reference: https://highlightjs.org/stati...usage method:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Highlight</title>
<link rel="stylesheet" type="text/css" href="a11y-light.c ...
Posted by hankster on Sun, 01 Dec 2019 04:25:34 -0800
Two way binding principle of VUE and its application
vue implements data hijacking through Object.defineProperty(). It mainly uses its set and get properties. If you are not familiar with it, Please click here for more usage.
You can see how to use it clearly in the following examples:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
&l ...
Posted by tjohnson_nb on Sat, 30 Nov 2019 16:41:27 -0800