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
  • A brief discussion on the analysis of bootstrap source code scrollspy (scroll listening)

    A brief discussion on the analysis of bootstrap source code scrollspy (scroll listening)

    Source code file: Scrollspy.js implements functions 1. When the hashkey set in the scroll area reaches the valid position, the specified item on the navigation is set accordingly. 2. The navigation must be .nav > li > a structure, and the hashkey3 m
    2025-07-23
  • Simple implementation code for native js three-level linkage

    Simple implementation code for native js three-level linkage

    Examples are as follows:<!DOCTYPE html><head><title> Three-level linkage</title><meta charset="utf-8"></head><body><script> wind
    2025-07-23
  • Boostrap preparation for border box

    Boostrap preparation for border box

    Before, I encountered various strange pitfalls when learning Bootstrap. If I do my preparatory work before learning bootstrap, I can avoid some pitfalls to a greater or lesser extent. Below, the editor will introduce you to the knowledge of the border-box
    2025-07-23
  • Simple implementation of js intermittent or seamless scrolling effect

    Simple implementation of js intermittent or seamless scrolling effect

    Intermittent and seamless scrolling effect (the effect of recording with gif is not very good, if you are interested, you can down the code). The specific content is as follows:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title> Seamless sc
    2025-07-22
  • JavaScript modular simple parsing

    JavaScript modular simple parsing

    This article explains the modularity of javascript for you. The specific content is as follows: AMD is the standardized output of module definition by RequireJS during the promotion process. Asynchronously loads the module, depends on pre-installation, an
    2025-07-22
  • gulp-htmlmin compresses gulp plugin instance code of html

    gulp-htmlmin compresses gulp plugin instance code of html

    Install gulp-htmlmin with Npm through a command:npm install gulp-htmlmin --save-dev After the installation is completed, open the gulpfile.js file. We write a task to specifically compress html and perform a series of processing on html.
    2025-07-22
  • Detailed explanation of the usage of Bootstrap Fileinput file upload component

    Detailed explanation of the usage of Bootstrap Fileinput file upload component

    I have been spared recently. I have summarized some common uses of bootstrap fileinput components. I will share it with the Wulin Network platform for your reference, and it is also convenient for future searches. Please forgive me for the poor writing of
    2025-07-22
  • Comprehensively analyze how to use tabs (tabs) in Bootstrap

    Comprehensively analyze how to use tabs (tabs) in Bootstrap

    This example introduces the application of implementing the tab tab. This plug-in is relatively simple. The specific content is as follows: tab.js implementation principle: 1. When clicking an element, first cancel the originally highlighted element 2. Th
    2025-07-22
  • KnockoutJs Quick Start Tutorial

    KnockoutJs Quick Start Tutorial

    1. Introduction This series of articles has introduced Bootstrap. For details, please check this article: "Bootstrap Introduction Tutorial". Since in recent projects, the front-end is made by Asp.net MVC + KnockoutJs + Bootstrap. So I started wr
    2025-07-22
  • Treegrid's dynamic loading instance code

    Treegrid's dynamic loading instance code

    I won’t say much nonsense, I will just post code to you. The specific code is as follows: 1. Front-end <%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
    2025-07-22
  • Matching of two strings in JavaScript

    Matching of two strings in JavaScript

    I encountered a problem in my work. Two strings match, and the requirements are: each string contains at most one *, which can infinitely multiple * represent a string of any length, and represent a character. It requires that two conflicts can be prompte
    2025-07-22
  • Comprehensive analysis of apply, call and bind in JavaScript (recommended)

    Comprehensive analysis of apply, call and bind in JavaScript (recommended)

    Function Call Method Before talking about the three brothers apply, call and bind in JavaScript, I would like to talk about what are the calling methods of functions: as a function, as a method, as a constructor, indirectly call the previous three calling
    2025-07-22
  • Table paging component based on Vue.js

    Table paging component based on Vue.js

    1. Introduction to Vue.js 1. The main features of Vue: (1) Concise (2) Lightweight (3) Fast (4) Data-driven (5) Module-friendly (6) Componentization (1) Simplified Let's see a paragraph of Angular's code to implement two-way binding // html
    2025-07-22
  • AngularJS Introductory Tutorial Service (Service)

    AngularJS Introductory Tutorial Service (Service)

    AngularJS Service (Service) In AngularJS you can create your own services or use built-in services. What is service? In AngularJS, a service is a function or object that can be used in your AngularJS application. AngularJS has more than 30 built-in
    2025-07-22
  • Detailed explanation of AngularJs form verification example

    Detailed explanation of AngularJs form verification example

    Common form verification instructions 1. Required fields verify whether a form input has been filled in. Just add the HTML5 tag required to the input field element: Copy the code code as follows:<input type="text" required /> 2. Minimum length Verify whet
    2025-07-22