Quickly build a game with vue in half a day - "Spend money like a horse's eye"

Number of words in this text This article totals 1791 words and is expected to take 15 minutes. First look at semi-finished products low source Online address: Click on me Scavenging view: github address, hope the little partner door can point star~: Click on me This article is suitable for people Have a little front-end basics, have a little ...

Posted on Tue, 19 Nov 2019 21:22:15 -0500 by ashebrian

Two vertical alignment solutions for css

First vertical centering method Using vertical align: middle to align vertically, the method needs to meet the following conditions: Set the row height of the parent element line height equal to the height of the parent element height The child element must be an inline block level element display: inline block; Child element setting vertical ...

Posted on Tue, 19 Nov 2019 15:19:58 -0500 by ambo

The definition of class in ts

① class defined in ts: class Person{ name:string; //public keyword omitted before attribute constructor(n:string){ //Method triggered when the constructor instantiates the class this.name=n; } run():void{ alert(this.name); } } var p=new Person('Zhang San'); p.run() (2) implementation ...

Posted on Tue, 19 Nov 2019 09:16:52 -0500 by tunage

Dojo Style Introduction

Translation: https://github.com/dojo/framework/blob/master/docs/en/styling/introduction.md introduce Dojo is an HTML based technology that uses CSS to style elements in the framework and applications it develops. Dojo encourages encapsulation of structural styles in parts to maximize reuse, while setting theme to all parts of the application. W ...

Posted on Tue, 19 Nov 2019 04:05:48 -0500 by keldorn

IntersectionObserver Scroll Load

IntersectionObserver Definition Is to listen for callbacks to be triggered when the root and target elements cross a specified ratio Compatibility Compatible with some modern tourists (chrome) production environments, please note compatibility requirements Use scenarios Replace onscroll in certain usage scenarios1. Simpler and more elegant wri ...

Posted on Mon, 18 Nov 2019 22:08:08 -0500 by mistertylersmith

HTML make table

1. Tables are defined by < Table > tags. Each table has several rows (defined by the < tr > label), and each row is divided into cells (defined by the < td > label). The letter TD refers to table data, which is the content of data cells. Data cells can contain text, pictures, lists, paragraphs, forms, horizontal lines, tables, ...

Posted on Mon, 18 Nov 2019 11:13:04 -0500 by don117

City query, a city search plug-in

Today, I'd like to introduce a simple and useful plug-in city-query , you can download it from coding. git clone https://gitee.com/jflsy/city-query.git                    . <script type='text/javascript' src='./src/jquery.js'></script> & ...

Posted on Mon, 18 Nov 2019 09:01:46 -0500 by JimD

scss control instruction

Control instruction @if @else if @else $type: monster; p { @if $type == ocean { color: blue; } @else if $type == matador { color: red; } @else if $type == monster { color: green; } @else { color: black; } } // Compile to: p { color: green; } @There are tw ...

Posted on Sun, 17 Nov 2019 17:12:24 -0500 by mike16889

Realize the dynamic scrolling effect of similar table contents

Article directory Demand background Design sketch Implementation ideas Sample code Demand background In some large screen home page displays, there are usually some table displays. Because of the particularity of large screen, no one will specially operate this page to view the corresponding data, and generally dynamic s ...

Posted on Sun, 17 Nov 2019 13:13:39 -0500 by jrtaylor

Interesting CSS bounce animation

This is a small animation that only uses a div to do. It's just done by using the animation of CSS3. It's like a square bouncing on the ground. When it touches the ground, the sharp corner will be compressed and rounded, and the shadow part will also shrink with the square rising. As for how to finish it? Let's go on. Using pseudo elements Beca ...

Posted on Sat, 16 Nov 2019 14:54:44 -0500 by Accurax