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