👹👺💀👻👽👦👧👨👩👴👵👶👱👮👲👳👷👸💂🎅👰👼💆💇🙍🙎🙅🙆💁🙋🙇🙌🙏👤🚶🏃👯💃👫💏💑👪💪👈👉☝👆👇✌✋👌👍👎✊👊👋👏👐✍
♈♉♊♋♌♍♎♏♐♑♒♓💝💞💟❣❤
🙈🙉🙊🐵🐒🐶🐩🐺🐱😺😸😹😻😼😽🙀😿😾🐯🐴🐎🐮🐷🐗🐽🐑🐫🐘🐭🐹🐰🐻🐨🐼🐾🐔🐣🐤🐥🐦🐧🐸🐢🐍🐲🐳🐬🐟🐠🐡🐙🐚🐌🐛🐜🐝🐞�🐚🌏🌕🌑🌓🌔🌙🍀🌿☘🌱🌴⭐🌟💫✨☄☀⛅⚡💥❄⛄💨☔
🎪🎭🎨🎰🛀🎫🏆⚽⚾🏀🏈🎾🎱🎳⛳🎣🎽🎿🏂🏄🏊🎯🎮🎲🎷🎸🎺🎻🎬👾🌋🗻🏠🏡🏢🏣🏥🏦🏨🏩🏪🏫🏬🏭🏯🏰💒🗼🗽⛪⛲🌁🌃🌆🌇🌉🌌🎠🎡🎢🚃🚄🚅🚇🚉🚏🚑🚒🚓🚕🚗🚚🚲⛽🚨🚥🚧⚓⛵
颜色代码表
red
green
blue
magenta
yellow
chocolate
black
aquamarine
lime
fuchsia
brass
azure
brown
bronze
deeppink
aliceblue
gray
copper
coral
feldspar
orange
官网：https://www.swiper.com.cn/download/index.html
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>Swiper demo</title>
<meta
name=”viewport”
content=”width=device-w
官方：https://videojs.com/
<head>
<link href=”https://vjs.zencdn.net/8.0.4/video-js.css” rel=”stylesheet” />
<!– If you’d like to support IE8 (for Video.js versions prior to v7) –>
<!– <script src=”https://vjs.zencd
图片增加pointer-events:none
<img src=”book/1.jpg” style=”pointer-events:none;”>
或者
.img_none {
pointer-events: none;
}
<img src=”book/1.jpg” class=”img_none” />
边框border常用的属性：
1、border-style:设置边框的样式，其常用的样式有：
none(无边框)
soild(实线边框)
dashed(虚线边框)
dotted(点线边框)
double(双边框)
2、border-width:设置边框的宽度，一般使用px作为单位即可，值一般使用:1px。
3、border-color:设置边框的颜色，可以使用颜色关键字，如:red。可以使用HEX，如:#000000。也可以使用 rgb，如:rgb(255,
transition-duration：完成过渡效果需要花费的时间。-webkit-transition-duration属性是为了兼容浏览器Safari。
text-align：元素中的文本的水平对齐方式，值为center表示文本水平居中。
border-radius：为元素添加圆角边框。
:hover：当鼠标移动到指定元素上时设置新的样式。
<!doctype html>
<html>
<head>
<meta ch
<!doctype html>
<html>
<head>
<title>APP</title>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”/>
<meta http-equiv=”Content-Type” conte
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>画布（Canvas）-太极图 测试</title>
</head>
<body>
<h2>画布（Canvas）-太极图 测试</h2>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>进度条（progress）测试</title>
</head>
<body>
<h2>进度条（progress）测试</h2>
<
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>SVG 可伸缩矢量图形 Scalable Vector Graphics</title>
</head>
<body>
<svg width=”200″ h
1、worker.js
var i = 0;
function timeCount(){
i = i + 1;
postMessage(i); //postMessage是Worker对象的方法，用于向html页面回传一段消息
setTimeout(“timeCount()”,500); //定时任务
}
timeCount(); //加1计数，每500毫秒调用一次
2、webworkers.html
<!DOCTYPE html>
<h
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>画布（Canvas）测试</title>
</head>
<body>
<h2>画布（Canvas）测试</h2>
<canva
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>拖放（Drag 和 Drop）测试</title>
<style type=”text/css”>
#div1, #div2 {float:left; width:240px;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>datalist</title>
</head>
<body>
<p>
输入框的自动下拉提示：<input list=”words”>
1、下载Fleck。
https://github.com/statianzo/Fleck
2、把Fleck拖入项目工程。
3、测试代码。
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Fleck;
namespace fleck
{
class
1、Java8+Tomcat8。
package com.ssm.cts.websocket;
import javax.websocket.CloseReason;
import javax.websocket.OnClose;
import javax.websocket.OnError;
import javax.websocket.OnMessage;
import javax.websocket.OnOpen;
import javax.websocket.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Storage测试</title>
</head>
<body>
<h2>Storage测试</h2>
<input type=
1、下载Node.js，安装node-v10.13.0-x64.msi。
https://nodejs.org/en/
2、安装ws模块。
在cmd命令中输入：npm install nodejs-websocket
3、编写一个server.js文件。
var ws = require(“nodejs-websocket”)
//
var server = ws.createServer(function (conn) {
console.log(“New co
Python、Html5、WebSocket的例子。
1、服务端websocket.py
#coding=utf8
import struct, socket, sys
import hashlib
import threading, random
import time
from base64 import b64encode, b64decode
connectionlist = {}
def decode(data):
if not len(data