Jquery animation effect
Write according to the api document of jquery official website https://www.jq22.com/chm/jquery/index.html
1, Basic effect
We want to know better about the following properties: easing https://www.runoob.com/jqueryui/api-easings.html I think it will be clearer here
1.show() shows hidden matching elements. Syntax: show([speed,[easing],[fn]])
sp ...
Posted by nikky_d16 on Wed, 22 Apr 2020 03:54:11 -0700
uikit drawer and responsive visibility
Drawer / off canvas
Create a drawer that slides smoothly in and out of the page.
Drawers are perfect for building mobile navigation, similar to many popular native mobile applications, which use a button in the upper left corner to switch the sidebar with menus.
usage
. UK offcanvas add this class to a
Element to ...
Posted by bliss322 on Tue, 21 Apr 2020 08:57:23 -0700
Pure js clock effect detailed code analysis example tutorial
Electronic clock is a common function on the Internet. When learning date object and timer function, it is a good choice to complete the production of an electronic clock. Before learning this tutorial, you need to have html and css skills, as well as a simple javascript foundation.
Prepare an html element to place the clock. Create a new div e ...
Posted by Liquid Fire on Tue, 21 Apr 2020 07:02:11 -0700
Vue.js component + custom instruction + route
Vue.js component
Component is one of the most powerful functions of Vue.js.
Components can extend HTML elements and encapsulate reusable code.
<template>
<div id="app">
<!-- Use custom components -->
<runoob></runoob>
</div>
</template>
<script>
import Vue from 'vue'
// Register co ...
Posted by GaryAC on Tue, 21 Apr 2020 02:47:33 -0700
Vue.js event handler + form
Vue.js event handler
<template>
<div id="app">
<button v-on:click="fn">click me</button>
</div>
</template>
<script>
var count=1;
export default {
name: 'App',
data(){
return{
name:'cyy'
}
},
methods:{
fn(e){
console.log(this.name);//cyy
if(e){
con ...
Posted by phpdragon on Mon, 20 Apr 2020 19:46:45 -0700
Simple summary of Vue.js template syntax
Vue.js template syntax
The most common form of data binding is text interpolation using {{...}} (double braces):
Use the v-html instruction to output HTML code:
The value in the HTML attribute should use the v-bind directive.
The following example judges the value of use. If it is true, use the style of class1 class, otherwise ...
Posted by elacdude on Mon, 20 Apr 2020 00:42:33 -0700
Common application scenarios of front-end Promsie
This article will summarize the common application scenarios of Promise in our project development based on our own use of ES6 Promise. Of course, Promise may not be the only option, but as a qualified front-end developer, we need to understand it.
Promsie.all
Syntax: Promise.all (iterable)
Parameter: an iterative object, such as Array.
Re ...
Posted by akano on Sun, 19 Apr 2020 22:37:42 -0700
JavaScript serialization 5-data conversion to Number and String, Number parsing
1, Series 4
3. If null and undefined do not have toString() method, the call will report an error
var num1 = undefined;
console.log(num1.toString());
var num2 = null;
console.log(num2.toString());
2, String()
1. Regular use
Some values do not have the toString() method. You can use the String() method at this time, such ...
Posted by wellscam on Sun, 19 Apr 2020 04:45:09 -0700
JS-SDK + PHP developed by WeChat to realize recording, uploading and speech recognition
First look at the effect picture: first record, after the recording is successful, add the recording to the list, click the list to play; after the recording is completed, upload the recording, and then voice recognition.
Official wechat documents https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html
Implementation process ...
Posted by tolputt-craig on Fri, 17 Apr 2020 08:34:00 -0700
Quick learning - simple voting DApp
Simple voting DApp
Next, we will start to make a DApp. Although it is a very simple voting application, it will contain a complete workflow and interaction page. The main steps to build this application are as follows:
We first install an analog blockchain called ganache, which can let our program run in the development environment.
Writ ...
Posted by bubbadawg on Fri, 17 Apr 2020 03:00:05 -0700