Front end HTML&CSS basic summary

HTML Grammar ① Document suffix. html or. htm ② Labels are divided into: Containment label: there are start and end labels, such as < HTML ></html> Autism and tag: start tag and end tag are together, such as < br / > ③ Labels can be nested ④ Define the attribute in the start tag. ...

Posted on Tue, 14 Jan 2020 20:37:06 -0800 by jacko

It's strange that few websites use HTML5's semantic tags now

Today, I learned some new tags of HTML5. After learning about them, I feel very powerful and practical. Replace the full screen DIV layout with semantic tags in each area of the website. It's not only very cool to read, but also can be controlled without adding a bunch of class styles in many cases. Just use css to control the ...

Posted on Fri, 10 Jan 2020 10:44:07 -0800 by anm8ed

JS DOM operations (create, traverse, get, manipulate, delete nodes)

Create Node <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>create Method</title> <script src="domReady.js"></script& ...

Posted on Thu, 02 Jan 2020 21:47:09 -0800 by luminous

Android loads the webView video page, and there is still sound after exiting

When doing the project, there is a problem that Android uses webView to load the video page. After destroying the current page, it can still hear the sound of video playing, so as to record the solution to the problem. Tried to call webView.destroy() method in onDestroy() method to destroy it, but it didn't work. Refer to oth ...

Posted on Thu, 02 Jan 2020 16:29:52 -0800 by Kyori

HTML5 -- read file FileReader object upload file

1. method: (1) abort() method: terminate read (2) readAsText(file, [encoding]) method: read the file as text (3) readAsBinaryString(file) method: read the file as binary encoding (4) readAsDataURL(file) method: read the file as DataURL encoding (5) readAsArrayBuffer(file) method: read the file as arraybuffer and transfer i ...

Posted on Sat, 28 Dec 2019 11:08:40 -0800 by bridawg

Getter and Setter methods of jQuery objects - Part 2

Set and get element content Text(): when called without parameters, text() returns the text content of all descendant text nodes (text 3) of all matching elements html(): get or set the html string of the element, and call the web parser Gets and sets the position height and width of an element offset(): returns a {left: XXX ...

Posted on Mon, 16 Dec 2019 08:55:36 -0800 by PHPisFUN

Communication and interaction between phase game framework and HTML Dom elements

I want to follow the official example of HTML Dom element of PHASER: http://labs.phaser.io/index.h... Canvas is used to create HTML DOM elements, but this.add.dom always prompts an error. However, it is quite convenient and fast to directly use HTML5 syntax to create DOM elements, and then get the DOM elements in phase, and no longer use the th ...

Posted on Thu, 05 Dec 2019 15:19:46 -0800 by sgs

Sortable.js drag and drop sorting plug-in

Sortable.js is a lightweight JS plug-in for drag and drop sorting lists 1. install $ npm install sortablejs --save 2. use Navigate to the objects to be sorted, create Sortable objects and add response configuration settings You can do this by: var sortable = Sortable.create(el, {}) or var sortable = new Sortable(el, { ...

Posted on Thu, 05 Dec 2019 12:37:03 -0800 by broc7

Netty application example websocket application example

1. server implementation Source code implementation: public void run(int port){ EventLoopGroup bossGroup = new NioEventLoopGroup(); EventLoopGroup workGroup = new NioEventLoopGroup(); try{ ServerBootstrap b = new ServerBootstrap(); b.group(bossGroup, workGroup) .channel(NioServerSocketChannel.class) ...

Posted on Tue, 03 Dec 2019 16:39:40 -0800 by madhukar_garg

There are 6 fixed methods at the bottom of CSS page, are you sure you don't want to learn?

When we are writing a page, we often encounter that the content of the page is small, and the footer will be stuck in the middle of the page or what? Anyway, it is not displayed at the bottom, but it is very ugly. The following layout is to solve how to make elements stick to the bottom of the browser, Method 1: footer height fixed + absolute ...

Posted on Sun, 01 Dec 2019 16:08:01 -0800 by silas101