search

xgqfrms / cdn

:rocket: :airplane: :bullettrain_side: free CDN for everyone who wants to speed his website freely!:smile:
https://cdn.xgqfrms.xyz/
Apache License 2.0
1 stars 0 forks source link

Create index.html #12

Closed xyzdata closed 7 years ago

xyzdata commented 7 years ago 
<!DOCTYPE html>
<html lang="en">
<!--
    https://gist.github.com/xgqfrms-gildata/72ca548a76629b7f164e2f8dff071a1c
-->

<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>Document</title>
</head>

<body>
    <ul>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/data.json">data.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/data0.json">data0.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/data1.json">data1.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/data2.json">data2.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/data3.json">data3.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/data4.json">data4.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/userx.json">userx.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/user1.json">user1.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/user.json">user.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/users.json">users.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/xgqfrms.json">xgqfrms.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/months-zh.json">months-zh.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/months.json">months.json</a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/honor.json">
            honor.json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/langs.json">
            langs.json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/dd.json">
            json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/db.json">
            json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/cat.json">
            cat.json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/cats.json">
            cats.json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/badges.json">
            badges.json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/app.json">
            app.json
            </a>
            <br>
        </li>
        <li>
            <a href="https://cdn.xgqfrms.xyz/json/???">???</a>
            <br>
        </li>
    </ul>
</body>

</html>

https://gist.github.com/xgqfrms-gildata/72ca548a76629b7f164e2f8dff071a1c

xgqfrms-GitHub commented 7 years ago

https://gist.github.com/xgqfrms-GitHub/a3fcffb6d7923e2a7471041053f00162

let myImage = document.querySelector('img') || document.createElement("img");

// or create a new img element

const img_new = document.createElement("img");

let myHeaders = new Headers();
myHeaders.append('Content-Type', 'image/png');

const myInit = {
    method: 'GET',
    headers: myHeaders,
    mode: 'cors',
    cache: 'default'
};

let myRequest = new Request('https://cdn.xgqfrms.xyz/logo/icon.png');

fetch(myRequest, myInit)
.then(function(response) {
    return response.blob();
})
.then(function(blob) {
    var objectURL = URL.createObjectURL(blob);
    myImage.src = objectURL;
});
xgqfrms-GitHub commented 7 years ago

https://gist.github.com/xgqfrms-gildata/72ca548a76629b7f164e2f8dff071a1c

xgqfrms-GitHub commented 7 years ago

https://cdn.xgqfrms.xyz/json/index.html

xgqfrms-GitHub commented 7 years ago 
// let myImage = document.querySelector('img') || document.createElement("img");

// or create a new img element

const img_new = document.createElement("img");

img_new.src = `https://cdn.xgqfrms.xyz/logo/icon.png`;

// https://cdn.xgqfrms.xyz/json/index.html

let myImage = document.querySelector('img') || (document.createElement("img").src = `https://cdn.xgqfrms.xyz/logo/icon.png`);

let myHeaders = new Headers();
myHeaders.append('Content-Type', 'image/png');

const myInit = {
    method: 'GET',
    headers: myHeaders,
    mode: 'cors',
    cache: 'default'
};

let myRequest = new Request('https://cdn.xgqfrms.xyz/logo/icon.png');

fetch(myRequest, myInit)
.then(function(response) {
    return response.blob();
})
.then(function(blob) {
    var objectURL = URL.createObjectURL(blob);
    myImage.src = objectURL;
});
xgqfrms-GitHub commented 7 years ago

Document.createDocumentFragment & Document.createElement

https://developer.mozilla.org/en-US/docs/Web/API/Node/appendChild

https://developer.mozilla.org/en-US/docs/Web/API/Document/createDocumentFragment

https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement

http://mdn.beonex.com/en/DOM/document.createElement.html