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
  • Little-known HTML5 speech synthesis function

    Little-known HTML5 speech synthesis function

    If you listen to it, you will find that the sound played is not pre-recorded audio material, but the speech synthesized through text recognition. Please put on the headphones first, and then copy the following code to the chrome console to experience ~ le
    2025-02-14
  • Web Design Statistics Report: Web page volume has increased triple in the past five years

    Web Design Statistics Report: Web page volume has increased triple in the past five years

    Ryan Levering and Michal Cutler conducted statistics on 21,500 non-Frame-type web pages in 2006 and found that these web pages contain an average of 474 words, 281 HTML tags, and 41 links, and 10 of them are off-site links. They also found that , the aver
    2025-02-14
  • HTML5CANVAS draws a rings -shaped progress indication instance

    HTML5CANVAS draws a rings -shaped progress indication instance

    HTML5 Canvas Draw the ring -shaped progress first to look at the effect of the drawn, as shown in the figure below, such a ring -shaped progress. I use html5 Canvas here to make such a ring -shaped progress. The document logo is:<!DOCTYPE html> This docum
    2025-02-14
  • About the summary of the problem of the JS array heavy

    About the summary of the problem of the JS array heavy

    1. According to the principle of Key's non -repeated key in the JS object, conceive the method of heavy array, according to the most conventional thinking: Copy code code as follows: Function Distinctarray (ARR) {var obj = {}, temp = []; for for (var
    2025-02-14
  • HTML5, SELECT drop -down box to the right add icon implementation code (improve user experience)

    HTML5, SELECT drop -down box to the right add icon implementation code (improve user experience)

    This article tells you to add icons on the right side of the H5 and Select drop -down box to improve the effect of user experience in deep beautification page 1. Then let's take a look at the effect first! 2. Look at the structure of H5 again:<div id=
    2025-02-14
  • How to determine whether the js script is loading

    How to determine whether the js script is loading

    In the "loading on demand" requirement, we often judge that when the script is loaded, a callback function is returned. So how do we judge that the script is loaded? We can use onload to judge (js.onload) on the loaded JS object. This method is
    2025-02-14
  • HTML 5.1 New features and application examples of new features and application

    HTML 5.1 New features and application examples of new features and application

    It is well known that HTML5 belongs to the Wanwei Network Alliance (W3C). This organization provides standards for the entire network industry. The formation of the formation can be connected around the world. In November 2016, W3C updated the long -term
    2025-02-14
  • js gets the specific implementation of the specified cookie

    js gets the specific implementation of the specified cookie

    The copy code code is as follows: var cookieName = "cookie name"; var cookieValue = null;//Return the value of the cookie if (document.cookie && document.cookie !
    2025-02-14
  • JavaScript array operation summary and properties and methods introduction

    JavaScript array operation summary and properties and methods introduction

    1. Array operation 1. The code of creation of array copy is as follows: var arrayObj = new Array(); //Create an array var arrayObj = new Array([size]); //Create an array and specify the length, note that it is not The upper limit is the length var
    2025-02-14
  • IFRAME self -adaptation high JS script compatible with mainstream browser

    IFRAME self -adaptation high JS script compatible with mainstream browser

    The IFRAME adaptive height compatible with the mainstream browser, the JS script is as follows: Copy code code as follows: // Iframe highly adaptive function iframeautofit (iframeObj) {settimeout (function () {if () {if ()
    2025-02-14
  • detailed explanation of html5 div layout and table layout

    detailed explanation of html5 div layout and table layout

    The example of this article analyzes the html5 DIV layout and table layout for your reference. The specific content is as follows: HTML+CSS realizes simple layout. #Container Height cannot be written as percentage, and must be a specific height.<!DOCTYPE
    2025-02-14
  • Html5 local storage indexeddb

    Html5 local storage indexeddb

    INDEXEDDB is a low -level API that stores a large number of structured data (including file/ blobs) for client storage. The API uses an index to achieve high -performance search for the data. Recently, there is a business needs that can store data offline
    2025-02-14
  • Calling the focus of the DOM object to get the text box focus

    Calling the focus of the DOM object to get the text box focus

    Since the object obtained in JQuery is still a JQuery object, using focus() on it only makes the object obtain the onFocus() function, and cannot be the object to obtain focus. Therefore, in order to make the object obtain focus, the focus method of the D
    2025-02-14
  • Introduction to page loading js and performance analysis methods

    Introduction to page loading js and performance analysis methods

    1. Load the reference js file of the static page first, and then find out whether the reference file contains the onload function, such as the onload function in main.js, find out whether there are references to other js files in main.js, and priority is
    2025-02-14
  • HTML5 newly added function detailed explanation

    HTML5 newly added function detailed explanation

    HTML5 is no longer the subset of SGML, mainly to add functions such as image, location, storage, multi -tasking. Painting canvas; Video and Audio elements for playing the media; long -term storage data of LocalStorage storage of local offline storage, the
    2025-02-14