tab example

A simple tab developmentThe following methods are usedchangeTabHandle function used in method 1-3 //Index of the current click button function changeTabHandle(n) { for(var i=0; i<tabList.length; i++){ tabList[i].className = ''; divList[i].className = ''; } tabList[n].className = 'active'; divList[n].className ...

Posted by ghostcoder on Sun, 03 Feb 2019 01:30:16 -0800

Some problems encountered by Spring Boot

Some problems encountered by Spring Boot 1. About html package format of templates: <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding> <java.version>1.8</java.version ...

Posted by marlonbtx on Sun, 03 Feb 2019 00:54:15 -0800

Front-end Daily Actual Warfare: 157 # Video demonstrates how to create a chessboard illusion animation using pure CSS (virtually every line is parallel)

Effect preview Press the "click preview" button on the right to preview the current page, and click the link to preview the whole screen. https://codepen.io/comehope/pen/VEyoGj Interactive Video This video is interactive, you can pause the video at any time, edit the code in the video. Please open it with chrome, safari, edge. https: ...

Posted by Yesideez on Fri, 01 Feb 2019 12:03:15 -0800

Introduction to the Use of Route Manager Vue Router in Vue (3)

I. Adding Dynamic Parameter Definition to Routing Definition 1. Routing Definition Item, using: xx to define dynamic parameters { path:'/user/:id/:name', name:'user', component:()=>import('./views/User.vue') } 2. Get dynamic parameters, global variable $route Use: <template> <el-alert type='su ...

Posted by neo_phyte on Thu, 31 Jan 2019 14:48:15 -0800

Data filtering and sorting by Angular JS

Designing a Program: Implementing a Dynamic Learning Plan to Complete the Design of Schedule Ranking and Filtering Experiments Requirements: 1. Designing web Front-end Interface 2. Using Dependency Injection in Angular JS to Realize Bidirectional Binding of Data 3. Interface information should include: name, student number, one- ...

Posted by smarques on Wed, 30 Jan 2019 09:09:15 -0800

C++ Architecture

C/C++ arrays allow you to define variables that can store the same type of data items, but the structure is another user-defined available data type in C++, which allows you to store different types of data items. Structure is used to represent a record. Assuming you want to track the dynamics of books in the library, you may ...

Posted by kiss the robot on Mon, 28 Jan 2019 04:06:15 -0800

Front-end CSS: 1# Pure CSS for Halloween toggle control

introduce original textDesign source Thanks comehope Big guy Front-end daily combat Enlightenment to me This article is only part of the analysis and sharing of the original text, interested suggestions to see the original text Effect preview github.io Browse Source code address https://github.com/shanyuhai1... Code interpretation Define con ...

Posted by moiseszaragoza on Sun, 27 Jan 2019 16:48:14 -0800

Custom Bullet Window with Show Animation

Small programs are similar to template engines such as Vue.js and Angular.js. This kind of MVVM data-driven framework can quickly develop projects. However, when doing small programs, one of the problems we will encounter is that the pop-up window is very rigid and there is no transition animation. The following source code doe ...

Posted by eXodus on Sun, 27 Jan 2019 11:24:14 -0800

Zfs-swagger-ui API document management (no independent test project needed to be built)

Brief Description: This project is a rewrite of swagger 2 UI page and a test project. It really won't write a brief description, but it's a direct topic. Want to see the effect map. How to use it? Adding dependencies to pom files is as follows <dependency> <groupId>io.springfox</groupId> <artifa ...

Posted by CraigRoberts on Sun, 27 Jan 2019 03:27:15 -0800

How to build a project based on react, webpack 4, Babel 7 (1)

Preface Writing front-end projects for so long, the previous dva framework, and later the create-react-app framework, need to make some customized changes for the team. A little vague about the workflow of webpack and the upgrade of webpack@4 according to the official document of webpack have greatly improved the performance, while create-react ...

Posted by trace on Fri, 25 Jan 2019 10:39:14 -0800