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
  • Detailed explanation of javascript host object window.navigator

    Detailed explanation of javascript host object window.navigator

    The object used to reflect the browser and its functional information. // Detect browser version information function getBrowserInfo(){ var Sys = {}; var ua = window.navigator.userAg
    2025-08-05
  • Two simple ways to splice strings by js (must-read)

    Two simple ways to splice strings by js (must-read)

    As shown below: function(msgArr) { var len = msgArr.length; var n = 0 ; var htmlSpan = ""; for (var j = 0; j < len - 1; j++) {
    2025-08-05
  • Detailed explanation of the use example of the reduce() method included in JavaScript

    Detailed explanation of the use example of the reduce() method included in JavaScript

    1. Method description, Array's reduce() applies a function to the [x1, x2, x3...] of this Array. This function must receive two parameters. Reduce() continues to perform cumulative calculations with the next element of the sequence. The effect is: [x1
    2025-08-05
  • JavaScript uses Number method to implement string to int

    JavaScript uses Number method to implement string to int

    Copy the code as follows: var str='1250' ; alert( Number(str) ); //Get 1250 alert(parseInt(str)); //Get 1250 var str1='00100'; alert( Number
    2025-08-05
  • AngularJS $modal pop-up box instance code

    AngularJS $modal pop-up box instance code

    Let me tell you that $modal has a method: open, the properties of this method are introduced: templateUrl: the address of the modal window template: used to display the html tag scope: Used for content with a scope modal (in fact, $modal will create a sub
    2025-08-04
  • Javascript click button to change numbers and colors randomly

    Javascript click button to change numbers and colors randomly

    Let's take a look at the rendering example code first<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><style> #box { margin
    2025-08-04
  • Encapsulate your own HtmlHelper component step by step BootstrapHelper (III)

    Encapsulate your own HtmlHelper component step by step BootstrapHelper (III)

    Preface: The previous two articles encapsulate some basic form components, and this article continues to encapsulate several other components based on bootstrap. Unlike the previous article, there are several components in this article that require suppor
    2025-08-04
  • Using Angularjs to achieve slide effects

    Using Angularjs to achieve slide effects

    Preface: Jquery has developed to this day, and the slide components are very mature, so the following editor will take you to take a look at the steps to use Angularjs to achieve slide effects. npm install angularjsSlider usage method first step (introduc
    2025-08-04
  • Comprehensive analysis of how to use nav and collapse in Bootstrap

    Comprehensive analysis of how to use nav and collapse in Bootstrap

    1. Navigation analysis (nav) source code file: _navs.scss: navigation module Mixins/_nav-divider.scss: divider Mixins/_nav-vertical-align.scss: vertical alignment 1. It is just styled with css, and has no dependence on Js.
    2025-08-04
  • A brief discussion on the main file index.js of Nodejs application

    A brief discussion on the main file index.js of Nodejs application

    Preface After the previous article "A brief discussion on the components of index.js, the main file of Nodejs application", I finally got to know the face of the Node girl, and then it seemed to go to <( ̄ ̄)>. Yoxi~ This time I let Ben wand
    2025-08-04
  • JavaScript method to select document elements (recommended)

    JavaScript method to select document elements (recommended)

    Excerpted from the authoritative JavaScript guide (the ultimate way of jQuery to find elements based on style selector is to first use getElementsByTagName(*) to obtain all DOM elements, and then filter all DOM elements according to style selector) Method
    2025-08-04
  • Different ways to create objects in JavaScript

    Different ways to create objects in JavaScript

    Objects in javascript are different from general object-oriented programming languages (c++, Java, etc.), and few people even say that it is an object-oriented programming language because it has no classes. JavaScript has only objects, not instances of c
    2025-08-04
  • Detailed explanation of the basic tutorial on using Bootstrap

    Detailed explanation of the basic tutorial on using Bootstrap

    1: Introduction to Bootstrap Bootstrap is a very popular front-end development framework, which greatly improves the development efficiency of front-end teams. Bootstrap completes the common CSS layout components and JavaScript plugins, making it easy for
    2025-08-04
  • AngularJs Modules detailed explanation and sample code

    AngularJs Modules detailed explanation and sample code

    1. What is a Module? Many applications have a main method for initialization, loading (Is wires meaning?) and launching applications. Angular application does not require the main method. Instead, module provides a declarative form with a specified purpos
    2025-08-04
  • JavaScript implementation summary of ways to open link pages

    JavaScript implementation summary of ways to open link pages

    In addition to the conventional methods of links in the page, there are many other ways to use JavaScript. Here are some ways to open links using JavaScript: 1. Use the open method of window to open the link. Here you can open the link in the formulation
    2025-08-04