Home> Web design tutorial
All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization
Web design tutorial
  • Sample code for Canvas to implement Bezier curve trajectory animation

    Sample code for Canvas to implement Bezier curve trajectory animation

    I would like to share with you the effect of the picture below that I have recently implemented. If we want to draw the animation of the curve in the picture below, if we draw a short line to connect it every time, the picture below is divided into five s
    2025-02-04
  • Example of implementing histogram in canvas chart in html5

    Example of implementing histogram in canvas chart in html5

    I used a chart library a few days ago, among which Baidu's ECharts seems to be the best. It uses canvas by default. Canvas charts are better than SVG in processing big data. Then I will also use canvas to implement a chart library. It doesn’t feel too
    2025-02-04
  • Quickly solve the problem of slow and stuttering when opening [type = file]

    Quickly solve the problem of slow and stuttering when opening [type = file]

    Why is the attribute accpet = Image/*when uploading files in the INPUT label type is to upload files, and the speed of opening the local folder is particularly slow? After testing, Safari, Firefox, Chrome (Opera I don’t know why the old flashback) is not
    2025-02-04
  • Use the inlet conversion compression digital function to share

    Use the inlet conversion compression digital function to share

    Copy code code as follows: Function zipnum (num, radix) {if (! Zipnum.zip) {zipnum.zip = function (inputnum) {iftnum> 35) {// Represents 36-61RET in the uppercase letter 36-61ret
    2025-02-04
  • What are the new labels of html5

    What are the new labels of html5

    I learned 9 new labels today,<audio> Simply put, it is an audio label. His main commonly used attributes are src = audio path controls = Controls control parameters. He just allows him to display the effect of a player on the page.
    2025-02-04
  • JS ShowmodalDialog Broken Window Example Examples

    JS ShowmodalDialog Broken Window Example Examples

    ShowmodalDialog: Mode window, a very special window, when it is opened, the activity of the parent window behind will stop. Unless the current mode window is closed, the parent window can be operated. It will use it to implement the form of the form, or m
    2025-02-04
  • Implement a sample code for a custom HTML5 player from zero

    Implement a sample code for a custom HTML5 player from zero

    This sharing is a custom video player based on the HTML5 label. Among them, the functions such as playing pause, progress dragging, volume control, and full -screen are implemented. Effect preview point I check the source code warehouse. I believe that so
    2025-02-04
  • Implementation of using JSON animation in Html5 page

    Implementation of using JSON animation in Html5 page

    Problem Background One day our UI designer came to me and said that I should replace the animations I wrote in the program with the json animations they gave me. The reason is that some animations are very complicated and cannot meet their expectations if
    2025-02-04
  • JSON and ECharts charts based on HTML5 are displayed in the same interface

    JSON and ECharts charts based on HTML5 are displayed in the same interface

    Suddenly there is an idea, if you can put some different knowledge points on the same interface and put it in a box, so if I want to look at anything, it can be displayed directly, and this box must be able to open it. Essence I used HT to realize my idea
    2025-02-04
  • Analysis of differences in the implementation of methods such as document.getElementById by various browsers

    Analysis of differences in the implementation of methods such as document.getElementById by various browsers

    All web front-end colleagues are very familiar with document.getElementById. During the development process, we often need to use it to obtain the element with the page ID of xx. Since the veteran JS library Prototype became popular, everyone likes to abb
    2025-02-04
  • Web standards compliant hyperlinks

    Web standards compliant hyperlinks

    In HTML 4.0 Strict and XHTML 1.0 STRICT <a>, the target attribute is not allowed to be used in tags, which is a frustrating thing for web designers. It is still allowed in the transitional specifications. But through certain methods, we can solve this pro
    2025-02-04
  • JS prevents the default event from the JS to stop the bubbling example to share JS to stop the bubbling event

    JS prevents the default event from the JS to stop the bubbling example to share JS to stop the bubbling event

    1. Event.preventDefault (); - The default event to prevent elements. Note: The default event of the jumping of the A element, the default events of the form elements such as button, RADIO and other form elements, the DIV element does not have the default
    2025-02-04
  • Detailed explanation of Javascript variable scope

    Detailed explanation of Javascript variable scope

    The scope of a variable refers to the visibility of the variable, while the life cycle (survival period) examines the variable from another perspective. The scope of variables in JS is divided into global variables and local variables. Those defined withi
    2025-02-04
  • Sample code for how to use canvas to implement online signature

    Sample code for how to use canvas to implement online signature

    With the rapid development of computer and network technology, online signature technology is increasingly used in paperless offices. This intuitive and convenient operation can not only greatly improve office efficiency, but also uses digital storage met
    2025-02-04
  • HTML5 Canvas Basic Drawing Graphic Combination

    HTML5 Canvas Basic Drawing Graphic Combination

    <canvas></canvas>Just a container drawn graphic, in addition to ID, class, style and other attributes, there are Height and Width properties. exist<canvas> > There are three main steps on elements: 1. Get<canvas> The DOM object corresponding to the ele
    2025-02-04