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
  • EasyUI layout highly adaptive

    EasyUI layout highly adaptive

    Recently, I have changed a project I wrote before to use easyi as the front-end. I encountered many problems in the process. One of them is that datagrid cannot be well laid out. I have thought of many ways and have limited limitations. Finally, I thought
    2025-07-19
  • BootStrap clicks the drop-down menu item and displays a new input box implementation code

    BootStrap clicks the drop-down menu item and displays a new input box implementation code

    There is a drop-down menu on my page, and there is a text input box and an image upload box on the page. The text input box is displayed by default, while the image upload box is hidden. Assuming that the drop-down menu has two items A and B, I want to ac
    2025-07-19
  • JS does not operate DOM in iframe across domains

    JS does not operate DOM in iframe across domains

    Here we briefly explain two methods, both operating the DOM in b.html in index.html without cross-domain. For example: importing an iframe in index.html, how to use JS to operate the DOM elements in the iframe in index? First post the index.html and ifram
    2025-07-19
  • Summary of methods for judging data types in JavaScript

    Summary of methods for judging data types in JavaScript

    When typeoftypeof is used more often, it is to determine whether a global variable is present, if a page defines a global variable. If you make the following judgment: //haorooms is a global variable if(haorooms!=undefined){}//js will report an error and
    2025-07-19
  • Bootstrap's Refresh Icon is also spinning

    Bootstrap's Refresh Icon is also spinning

    There is a glyphicon-refresh under bootstrap, but it will not customize the dynamic spin [rotation]. The following is my example.spin{-webkit-transform-origin: 50% 50%;transform-origin: 50% 50
    2025-07-19
  • html5+javascript implementation of simple upload attention to details

    html5+javascript implementation of simple upload attention to details

    A simple record of some codes in H5 upload this morning. One is shown because the front-end upload file must be passed through the form form and cannot use ajax. In this way, it is really not good to put an input with type file on a mobile page. As shown
    2025-07-19
  • Tutorial on the use of gulp for JavaScript project construction tool based on Node.js

    Tutorial on the use of gulp for JavaScript project construction tool based on Node.js

    npm install gulp --save-dev What is gulp? gulp is a new generation of front-end project building tools. You can use gulp and its plug-ins to compile your project code (less, sass), and can also compress your js and css code, and even compress your picture
    2025-07-19
  • JS verification framework implements code sharing

    JS verification framework implements code sharing

    The examples in this article share with you the js verification framework, which is very practical and is for your reference. The specific content is as follows 1. Key methods and principles: if (!eval(scriptCode)) in the method of function check(thisInpu
    2025-07-19
  • Implement image sliding effect based on javascript

    Implement image sliding effect based on javascript

    Today I saw the sliding image written by someone else. It looked cool. When reading the source code, it seemed a bit difficult. So I imitated and wrote one. The effect was the same as the original web page, but my own js code is simple in logic and needs
    2025-07-19
  • A simple explanation about defining the variable this in the function class

    A simple explanation about defining the variable this in the function class

    A simple explanation about defining the variable this in the function class <!DOCTYPE html><html><head></head><script>function TObject(){ this.name1 = "aa";//这里不能写name,
    2025-07-19
  • A brief analysis of the use of Bootstrap verification control

    A brief analysis of the use of Bootstrap verification control

    Without further ado, this article will share with you two pieces of code, the first piece of front-end HTML code and the second piece of js code. The code is simple and easy to understand. The key code is as follows: Front-end HTML code<form id="myForm" m
    2025-07-19
  • Number type learning notes in JavaScript

    Number type learning notes in JavaScript

    IEEE754 format is used to represent integer and floating point values. Floating point value: This value must contain a decimal point, and there must be at least one number after the decimal point. Floating point values require twice the memory space as mu
    2025-07-19
  • Summary of ways to implement inheritance features in JavaScript programs

    Summary of ways to implement inheritance features in JavaScript programs

    Overview All objects in JavaScript have their own inheritance chain. That is, each object inherits another object, which is called a "prototype" object. Except for null, it does not have its own prototype object. The importance of a prototype ob
    2025-07-19
  • Implement image carousel effect based on Bootstrap

    Implement image carousel effect based on Bootstrap

    This article shares the implementation code of bootstrap image carousel effect for your reference. The specific content is as follows<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8">
    2025-07-19
  • Summary of operator type conversion examples in JavaScript

    Summary of operator type conversion examples in JavaScript

    First, let’s do some questions first! In order to unify, I don’t mix these questions. In interview questions, I often mix these questions, which will make you more confused. In order to make it more convenient for demonstration, I have written some questi
    2025-07-19