Native JS for Slide Wheel Map
Effect
Implementation Principle
Purely using html+css+JSDiscovery is relatively simple and does not require additional plug-ins or librariesThe core is to group the pictures into a sequence of rows, moving left and right, and overflow:hidden of the parent element to determine which pictures to display.Simply draw:
Build basic interface
<div ...
Added by Aptana on Wed, 15 May 2019 22:53:16 +0300
Ajax Data Request Server for Integration of Front-End Note Points & Resolving Cross-Domain & Three-Level Linkage & session & Stack
1. JSON data at the back end of the request
JSON is an interactive format for front-end and back-end communication. JSON(JavaScript Object Notation, JS Object Markup) is a lightweight data exchange format.
JSON is a necessary format for communication between backstage and predecessors of the Internet, replacing the original XML.
XML data fo ...
Added by Chappers on Wed, 15 May 2019 22:03:54 +0300
Viewing Virtual dom of Vue Source from Debugging Tools
Preface
Last time we mentioned that in the case of a child component, the parent component generates an instance of the child component after the created hook function is executed, the child component executes the created hook function, and checks if there are also child components, or repeats the steps of the parent component, otherwise the ch ...
Added by jvquach on Wed, 15 May 2019 13:43:00 +0300
Front-end api request caching scheme
In the development of web applications, performance is an indispensable topic. For web packaged single page applications, there are many ways to optimize performance, such as tree-shaking, module lazy loading, and using extrens network cdn to accelerate these conventional optimization. Even in the vue-cli project, we can use the -- modern instr ...
Added by sstoveld on Wed, 15 May 2019 11:10:25 +0300
H5 Media Tags, Properties and Cases
Multi-Media
1. Audio playback: use of audio tags:
a) Attributes:
autoplay If this property appears, the audio is played as soon as it is ready.
controls If this property appears, the control, such as a play button, is displayed to the user.
loop If this property appears, restart play whenever the audio ends.
preload If this prop ...
Added by Space Cowboy on Wed, 15 May 2019 06:47:10 +0300
Implementing Picture Preview Component Based on Element UI
This is a simple click preview componentBy the way, record scope pits in vue stepped on during component writing~
Start with registering global components!
Project catalogue:
Imitate elementUI directory structure, directory name is component name, SRC is component source file (or js service file), there is also an index.js in the file director ...
Added by reddevil on Wed, 15 May 2019 05:40:54 +0300
Implement Redux architecture from zero to one with native JS
Preface
Recently, I used my spare time to read Daika's "React Books", which benefits a lot from explaining React, Redux, etc. from the basic principles.It's better to write it once in a thousand times than to follow the author's thoughts and reference code to implement the basic Demo. Here's a Redux architecture from scratch using na ...
Added by jasraj on Wed, 15 May 2019 05:38:07 +0300
Summary of Bid (), on () Binding Events in Jquery
Reprinted from: http://blog.csdn.net/qq_27918787/article/details/52541102
One.bind()
How to use it: $(selector).bind(event,data,function)
event: Requirements; one or more events added to an element, such as click,dblclick, etc.
Single event processing: e.g. $(selector).bind("click",data,function);
Multi-event process ...
Added by Promark on Wed, 15 May 2019 02:10:49 +0300
Implementation principle of two main methods of front-end routing
Original Link: https://segmentfault.com/a/1190000007238999
Early routes were implemented on the back end, reload ing pages based on url caused great pressure on the back end as the page became more and more complex. In order to alleviate background pressure and front end user experience, the method of partial refresh of ...
Added by Derokorian on Tue, 14 May 2019 22:28:05 +0300
How to use functions to optimize performance?
I. Throttle function
1. Use scenarios
DOM.onclick() event, we bind a click event to a DOM node, trigger the execution of the event function when clicking on the element, but when we click on the element frequently, it will continue to trigger the click event. If the event function triggered by the click event is DOM element, it will cause high ...
Added by metroblossom on Tue, 14 May 2019 21:56:43 +0300