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
  • Blurry problems and solutions when using Canvas drawing on high-definition screens

    Blurry problems and solutions when using Canvas drawing on high-definition screens

    Before the emergence of high-definition screens, a physical pixel of the screen was a logical pixel defined by CSS (it is estimated that there was no concept of physical pixels and logical pixels at that time). Therefore, you can use the following code to
    2025-02-10
  • Chrome extension page dynamic binding JS event prompts error

    Chrome extension page dynamic binding JS event prompts error

    Problem description: When the development of chrome extension, when the page of the page needs JS in the popup.html of the page, write the JS directly on the dynamic binding of the JS event.
    2025-02-10
  • HTML5 video upload preview image video how to set, preview the poster frame of a certain second of the video

    HTML5 video upload preview image video how to set, preview the poster frame of a certain second of the video

    When I received the request to upload pictures and videos and dynamically set the poster frames for video display, the main thing I thought about was how to parse the video and get and save the pictures of each frame. Most of the ones from Baidu are simil
    2025-02-10
  • Html5 scroll penetration method

    Html5 scroll penetration method

    Problem background: The website needs to be adapted on the mobile side. For the mobile side H5 and the web side, bluma is a flex layout solution. The list used in H5 uses react-virtualized to draw the table in order to display a single row in the table. s
    2025-02-10
  • Some commonly used information summary of HTML5 head label

    Some commonly used information summary of HTML5 head label

    Everyone knows that you add some of the HTML5 head tags in the mobile front -end development to help the browser better analyze the HTML code and better show the mobile web front -end page. Some HTML5 heads are organized in this article<meta> Labels commo
    2025-02-10
  • Solve the scroll to bottom event problem in HTML5

    Solve the scroll to bottom event problem in HTML5

    Question: In H5, we have such a requirement: for example, when there is a list, more needs to be loaded when scrolling to the bottom. Solution: You can use the window's scrolling event for processing and analysis: If the scrolling is for the entire sc
    2025-02-09
  • JS obtains CSS attribute value code in Class of a certain element

    JS obtains CSS attribute value code in Class of a certain element

    How to obtain the MARGIN, PADDING, Height, Border, etc. in DIV. You may say that you can directly obtain it with Document.GetelementByid ("ID"). Style.margin. But what you said can only get the style written directly in the label
    2025-02-09
  • Method of transferring values ​​between JS parent page and child page

    Method of transferring values ​​between JS parent page and child page

    1. The subpage is when the parent page pops up through window.open. If the subpage needs to pass the value to the parent page, just add window.opener in front of the document. Such as: 1. Parent page code:
    2025-02-09
  • The time conversion in JS -millisecond transition into a sample code for the date time

    The time conversion in JS -millisecond transition into a sample code for the date time

    JS millisecond time conversion to the date time copy code is as follows: Var Oldtime = (New Date ("2011/11/11 20:10:10"). Gettime (); // Most of the milliseconds are divided by milliseconds. With 365*24*60*60 & 1000, turn it back like this
    2025-02-09
  • Add the sample code for the specified element

    Add the sample code for the specified element

    Copy the code code as follows: // Cover layer $ j ("<div id='shade'></div> ") .css ({Position: 'Absolute', TOP: 0, Left: 0, BackgroundColor:"#808080 ", OPACIT
    2025-02-09
  • JS finds all the picture addresses in a certain element

    JS finds all the picture addresses in a certain element

    Copy code code as follows: Function Findimg () {var charimg = document.all ("chartimg"). GetelementsBytagname ("IMG"); VAR Imgurls = ""; for
    2025-02-09
  • JS webpage countdown in real time to accurate to seconds

    JS webpage countdown in real time to accurate to seconds

    A very useful JS countdown! The webpage countdown in real time, accurate to second -level, the same as the countdown of the number of days. JS countdown is generally used for group purchase of mall website, special sale, many places can be used! Hope to h
    2025-02-09
  • JS determines whether form input is empty (sample code)

    JS determines whether form input is empty (sample code)

    Copy the code as follows: //Remove spaces on both sides of the input string function trim(s) { var count = s.length; var st = 0; // start var end = count-1; // end if (s ==
    2025-02-09
  • For details

    For details

    Before the deep discussion of the form verification, let's think about the true meaning of the form verification of the form. As far as its core is concerned, form verification is a system that detects invalid control data for end users and mark these
    2025-02-09
  • Delivery Meta tags

    Delivery Meta tags

    The Meta tag is usually an important HTML label in the HTML web source code. Meta tags are used to describe the attributes of a HTML web document, such as authors, date and time, web description, keywords, page refresh, etc. 1. Viewportxml/html code Copy
    2025-02-09