Dynamic loading of web pages loaded by batch layout using DOM
1. Summary
Take the blog bar as an example, using DOM to dynamically load web pages loaded by a batch layout with a shrinkable side bar effect.
2. Implementation of Dynamic Loading
1. First divide an area with html to fill in the item
<div id="rightcontent" class="div_parent"> </div>
2. Implement an item layout within a reg ...
Posted by a.beam.reach on Mon, 06 Apr 2020 09:06:50 -0700
JavaScript -- getting started with JS
1. Introduction to JavaScript
JavaScript is an interpretive programming language for HTML and web. It is also a weak type lightweight script language with function priority. It can interact with HTML front-end pages without precompiling. It supports cross platform operation and can be used in multiple platforms (such as Windows, Linux, Mac, And ...
Posted by TutorMe on Mon, 06 Apr 2020 02:53:25 -0700
JavaScript DOM-style operations
JavaScript style operations include controlling the inline style of an element through the style attribute, getting the effective style of an element through the getComputedStyle method, changing the pseudo element style by changing the element class name, and animating the style through a timer
style attribute
DOM cannot manipulate CSS fil ...
Posted by NSH on Sun, 05 Apr 2020 18:38:21 -0700
jquery state filter selector
Focus state
:focus
: focus selector select the currently focused element
<div>
<button>btn1</button>
<button>btn2</button>
<button>btn3</button>
</div>
<script>
document.onclick = function(){
$(':focus').css('color','red');
}
</script>
Corr ...
Posted by narimanam on Sun, 05 Apr 2020 12:56:32 -0700
Vue webAPP home page development
Continue with previous article https://www.cnblogs.com/chenyingying0/p/12612393.html
Loading components
In api--home.js, add code to delay ajax from displaying a second after it gets the data for the relay map
import axios from 'axios';
import {SUCC_CODE,TIMEOUT} from './config';
//Get slide data ajax
export const getHomeSliders=()=>{
...
Posted by forsooth on Sun, 05 Apr 2020 11:08:31 -0700
Maintain your request queue and handle token exceptions
Preface
Network request is the most basic and core requirement in development. It is very important to encapsulate a stable and high availability request. In addition to the input parameters, the encapsulated content is more about exception handling in the request. This article shares my practice in dealing with token exceptions. By maintaining ...
Posted by ron814 on Sun, 05 Apr 2020 10:45:59 -0700
About the records of using layui upload component
Most of the original information written by many bloggers from Baidu is their crystallization. Thank you again
The purpose of writing this blog post is to make a record for yourself, which is convenient for future use
Paste the front code first
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...
Posted by Cenron on Sun, 05 Apr 2020 01:15:47 -0700
Making slide label with VUE
Step 1: write out the HTML structure
First write a static effect you need to show, and then change it to VUE dynamic generation. The code is as follows:
<div id="app1" class="wrap">
<ul class="tabs">
<li class="active"><a href="javascript:">Label 1</a></li>
<li>< ...
Posted by SiMiE on Sat, 04 Apr 2020 21:06:54 -0700
JavaScript array sort notes
Several kinds of sorting methods are often used in the work, and they are sorted out and shared for everyone in case of emergency.
1. array sort function
Use the sort method of Array.
var arr = [2, 8, 5, 0, 5, 2, 6, 7, 2]
arr.sort((a,b) => {
return a - b
})
console.log(arr) // Results: [0, 2, 2, 2, 5, 5, 6, 7, 8]
2. Bubble sorting
Compa ...
Posted by aspbyte on Sat, 04 Apr 2020 21:06:27 -0700
[introduction to front end unit testing 04] Karma
Karma
Official introduction
A simple tool that allows you to execute JavaScript code in multiple real browsers.
A simple tool that allows you to execute js code in multiple real browsers.
After using karma, we didn't need to use jsdom to simulate the environment required for the mount of Enzyme, because karma will test the execution of js in ...
Posted by pwicks on Sat, 04 Apr 2020 18:59:13 -0700