Static page css summary (center, background picture) the most complete solution!
1 centered
horizontally
In line elements are centered horizontally
In line elements here refer to text, image img, hyperlink a, button, etc
text-align: center; /*Set on parent element*/
Block level elements are horizontally centered
1. Change the display attribute of the block level element to inline block, and then set text align: Ce ...
Posted by simonmlewis on Thu, 09 Sep 2021 19:40:09 -0700
Prototype and prototype chain most complete solution!
JS is an object-oriented programming language. The object-oriented in JS focuses on prototype and prototype chain knowledge.
Prototype is the foundation of javascript object-oriented system implementation. Creating objects in javascript is not based on 'classes', but through constructors and prototype chains.
JS is based on prototype chain in ...
Posted by Platinumweaver on Thu, 09 Sep 2021 15:23:39 -0700
[front end notes] v. getting to know VUE
1, Introduction
vue is a progressive framework for building user interfaces:
Build user interface: as the name suggests, it is the framework that can be used to write the interfaceProgressive: you can either transform a small part of a page or build a complex website from scratch
The core idea of vue framework is data driven: vue framework ...
Posted by Skawn on Tue, 07 Sep 2021 17:53:04 -0700
web Front End Technical Notes jQuery Animation, jQuery Events
jquery animation
The animate method allows you to set an animation on an element's attribute value, set one or more attribute values, and execute a function when the animation is complete.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/jav ...
Posted by soccer022483 on Tue, 07 Sep 2021 09:15:14 -0700
vue-cli3 + build pc side management project (III. use of css preprocessor scss)
Using css preprocessor in the project can improve the efficiency of css development, reasonably apply the characteristics of preprocessor, and improve the maintainability of css code.
Common at present There are three kinds of css preprocessors: less, scss(sass upgrade), and stylus. No matter which kind, the most basic variables, exten ...
Posted by jdlev on Sun, 05 Sep 2021 14:35:33 -0700
Bootstrap notes table
Table style and effect
Bootstrap provides the following categories to set table styles and effects:
Example 1: table and title
Use the. Table category to automatically apply the table styles provided by Bootstrap, including width, height, border, background color, cell spacing, etc. Use the. Caption top category to display the title ab ...
Posted by btherl on Fri, 03 Sep 2021 17:59:02 -0700
Front end interview self-test knowledge points --- object and object related knowledge points, handwritten deep copy
object
Concise expression of attributes
let name = "Lucy"
let age = 16
let s = "school"
let obj = {
name,
age,
s:"PKU"
}
console.log(obj) // Output {name: "Lucy", age: 16, s: "PKU"}
Property name expression
let name = "Lucy"
let age = 16
let s = "school"
let obj = {
name,
age,
[s]:"PKU"
}
console.log(o ...
Posted by sureshp on Fri, 03 Sep 2021 15:59:02 -0700
Prototype Chain and Inheritance
Catalog
Prototype Chain
inherit
Why does Javascript not have a method signature?
Prototype Chain Inheritance
Constructor Inheritance
Combinatorial Inheritance
Prototype Inheritance
Parasitic Inheritance
Parasitic combinatorial inheritance
Prototype Chain
A prototype chain is a relationship between a prototype object and an instanc ...
Posted by dswain on Wed, 01 Sep 2021 09:23:09 -0700
From scratch, teach you how to use native JS+CSS3 to realize the game of fruit machine
Project experience address Free video tutorial
Introduction to the game
Lucky fruit machine is an arcade game. The game interface is made up of 24 squares, each of which has a different fruit figure and a small lamp. Players use the game currency to select the target they want to bet on. When they press the start button, the small lamp starts ...
Posted by thewooleymammoth on Sun, 21 Jun 2020 19:42:43 -0700
Using Vuecli (Vue scaffolding) to quickly create Vue projects
1, What is Vue cli
vue cli is an official scaffold for building single page applications
At present, Vuecli feels like a new project tool integrated in Idea, through which I can quickly create a project file with some basic functions. The description of scaffold is very similar. But this thing is used on the command line.
2, Install Vu ...
Posted by devang23 on Mon, 08 Jun 2020 22:02:13 -0700