web Front-end Start to Practice: Implementation of Loading Massive Data on html Pages
An array of 10w records is rendered to the page at one time. How to deal with it without freezing the UI?
Specification
There is an empty unordered list node ul on the page, whose id is list-with-big-data. Now we need to insert 10w li into the list. The text content of each list item can be defined by ...
Posted by phpnewb999 on Sat, 10 Aug 2019 07:09:00 -0700
PHP Basic Knowledge 6-COOKIE and SESSION
HTTP protocol features:
Stateless, no correlation between multiple requests
That is, the same user requests different pages of the same website, the server can not identify whether the request is initiated by the same user. Therefore, users cannot perform continuous business logic.
For example: lo ...
Posted by danoli3 on Thu, 08 Aug 2019 06:27:30 -0700
rpc framework in java
Time Record: 2019-7-24
There are many subsystems in distributed systems, and data interaction between subsystems will be through remote procedure call ** (RPC)**. So what should we pay attention to in remote procedure call? In fact, the most important thing is the speed of transmission and use. The proc ...
Posted by samsunnyuk on Thu, 08 Aug 2019 00:54:51 -0700
Implementing a simple Vue
This week, I wrote a simple vue by referring to some blog posts. There are many implementations of this kind on the internet. My realization is nothing new. I should be a self-practice.
This article is also sent to me. github On the blog, welcome star
Specific realization
First of all, we have to have a Vue class. Of course, I wrote a very roug ...
Posted by stephenf33 on Sun, 04 Aug 2019 08:10:46 -0700
ES5 Event Bubble-Agent
Event
subject
Write a generic event listener function
Describe event bubbling process
For an infinite drop-down page loading images, how to bind events to each image
Knowledge Points
General Event Binding
Event Bubbling
Agent (i.e. principal, but also the application of event bubbles)
//Ge ...
Posted by stewart715 on Sun, 04 Aug 2019 02:32:04 -0700
Summarize the usage of transform-origin
Single-valued grammar:
The value must be one <length> One <percentage> Or one of the keywords left, center, right, top, and bottom.
Binary Grammar:
A value must be one <length> One <percentage> Or one of the keywords left, center and right.
The other values mu ...
Posted by freakuency on Thu, 01 Aug 2019 02:57:11 -0700
Understanding and Use of Class Array
First, what are class arrays?
1 Definition:
JavaScript typed arrays are array-like objects and provide a mechanism for accessing raw binary data.
2 Specific manifestations:
var arr = ['Hello', 'json', 'array']
var obj = {
0: 'Hello',
1: 'json',
2: 'array',
...
Posted by tomdude48 on Sat, 27 Jul 2019 01:58:17 -0700
Again, Tucao: the data on the xml root level is invalid. Line 1, position 1
Links to the original text: http://www.cnblogs.com/XChWaad/p/3346875.html
First, I write an XML in memory using xmlTextWriter. The method is as follows:
private byte[] GetSendByte(List<Article> returnList)
{ // C ...
Posted by djcubez on Fri, 26 Jul 2019 23:56:07 -0700
Small compatibility - - addEventListener() and attachEvent() cross-browser compatibility processing
Similarities and differences between addEventListener() and attachEvent()
Similarities:
They are all methods of dom objects, which can bind multiple event handlers to an event.
(2) Compared with the common DOM event processing element.event = fun(); when using attachEvent and addEventListener, multipl ...
Posted by spasme on Thu, 25 Jul 2019 01:58:05 -0700
Draw an unclosed ring with a progress bar using Canvas
Final Effect Chart
Defining variables
Define radius, ring thickness, center position, and default fill color
let radius = 75
let thickness= 10
let innerRadius = radius - thickness
let x = 75
let y = 75
var canvas = document.getElementById('tutorial');
var ctx = canvas.getContext('2d');
ctx.fillStyle = "#f2d7d7";
2. Draw the first arc
ctx.begin ...
Posted by alexz on Wed, 24 Jul 2019 17:03:25 -0700