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