JS implementation of bottom touching event in rolling area
Effect
Paste the effect display:
Implementation ideas
In terms of style, we don't need to elaborate. The scrolling area is set to a fixed height. Set overflow-y: auto to achieve this.
Next let's look at the implementation of js, which is also very simple. The trigger condition is: visible height + rolling distance > = actual height. I will u ...
Posted by gilang4 on Sat, 21 Mar 2020 02:44:40 -0700
JS -- simple sorting of sorting algorithm
Catalog
Simple sorting of JS sorting
Bubble sort
Direct insert sort
Direct selection sorting
Simple sorting of JS sorting
Bubble sort
Time complexity: O(n^2)
Stable sorting algorithm
Features: looking from the back to the front, all the numbers in the ordered area must be less than (or g ...
Posted by freedomclan on Fri, 20 Mar 2020 10:44:40 -0700
How to detect DIV size change?
I have the following example html, which has a DIV with a width of 100%.It contains some elements.Internal elements may be repositioned and div sizes may change when executing window resizing.I asked if it was possible to hook up div size change events?And how do you do that?I currently bind the callback function to the jQuery resize event on ...
Posted by Thumper on Fri, 20 Mar 2020 01:11:22 -0700
Create operator in RxJS
The creation operators in RxJs are the starting point of creating data flow. These operators can create a flow out of nothing or according to other data forms. The Observable constructor can directly create a data flow, such as:
const $source=new Observable(observer=>{
observer.next(1);
observer.next(2);
observer.next(3);
})
H ...
Posted by brij_theinvader on Thu, 19 Mar 2020 04:46:31 -0700
CAS Single Sign On - Customize the login interface and form information
In the previous section, we talked about the configuration and management of services in CAS. We have some knowledge about adding services in CAS to the registry. If you are not familiar with this, you can review it CAS Single Sign-on (5) - Service Configuration and Management.
Today, we continue with articles that we haven't covered before on ...
Posted by Kor Ikron on Wed, 18 Mar 2020 22:55:16 -0700
Animation + Ajax+touch module + zepto plug-in in zepto
Animation in zepto
There is no animation module in zepto, so fx.js and fx_methods.js need to be introduced separately
https://github.com/madrobby/zepto
Show and hide toggle elements
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>zepto</title>
<meta name="viewport" ...
Posted by Donnamabob on Wed, 18 Mar 2020 09:40:42 -0700
About PHP + jQuery UI drag floating layer to sort and save to database instance
The PHP + jQuery UI implements the drag floating layer sorting layout and saves the dragged floating layer position sorting results to the database instance.
First, jQuery library and jquery-ui.min.js are introduced, then a drag loading image is placed, and multiple module drag layers are read from the database. Modules and orderlist are used ...
Posted by carlmcdade on Wed, 18 Mar 2020 07:30:21 -0700
DOM operation in zepto
DOM operation in zepto
Insert operation
append appendTo is inserted after the last child element
prepend prependTo is inserted before the first child element
after insertAfter is inserted after the element as a sibling element
before insertbefore is inserted after the element as a sibling element
<!DOCTYPE html>
<html lang="en">
&l ...
Posted by grahamb314 on Wed, 18 Mar 2020 07:11:54 -0700
Events in zepto
The difference between ready and onload:
<script>
//DOM Loading completed (excluding pictures, etc.)
$(document).ready(function(){
})
//All files loaded( html file+css file+js file+Pictures, etc.
window.onload=function(){
}
</script>
To sum up, in fact, ready is faster tha ...
Posted by Guldstrand on Tue, 17 Mar 2020 23:49:12 -0700
workerman's method to realize simple bullet curtain
Barrage, a popular Chinese term, refers to the comment subtitles that pop up when watching vi d eos on the Internet. Let's take a look at how to use workerman to implement a simple barrage.
How to become an architect from a coder must see the knowledge point: Catalog Daquan (continuous update) 50W annual salary challenge!
php code:
<?php ...
Posted by Boerboel649 on Tue, 17 Mar 2020 10:38:32 -0700