Sun ufologist

## watermark.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>简易水印</title>
    <style>
    html,
    body {

## generate-wx-headimgurl-dom-image.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>生成带微信头像的图片</title>
</head>
<body>
    <div class="js-draw-content">

## ios-body-click-bubble-bug.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>iOS body click 事件冒泡的 bug</title>
</head>
<body>
    <h1>点击 h1 不会冒泡到 body</h1>

## wave-animation.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>wave animation | 波浪动画</title>
    <style>
        .banner-box {
            position: relative;

## mobile-hls-video.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Mobile HLS video</title>
</head>
<body>
<h1>Mobile HLS video</h1>

## blur-filter-bug.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>blur filter 动画完成后造成内容被裁剪(显示不全)</title>
    <style>
    @-webkit-keyframes anim1 {
        0% {

## jquery-sanitize-html.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>Sanitize HTML with jQuery</title>
</head>
<body>
    <h1>Sanitize HTML with jQuery</h1>
    <h2>HTML Code</h2>

## overscroll.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>overscroll - prevents the scroll from "passing through" to the body</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <style>
        html,
        body {
            height: 100%;

## page-b.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面 B</title>
</head>
<body>
    <h1>页面 B</h1>
    <ul>
        <li><a href="http://baidu.com">X度</a></li>

## a-domain.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a-domain</title>
</head>
<body>
    <h1>跨域通信机制 - postMessage</h1>
    <h2>a-domian.html</h2>
    <iframe class="js-iframe" src="http://localhost:3000/other-domain.html"></iframe>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>简易水印</title>
	<style>
	html,
	body {