QuickFrontend

The mess of frontend resources and notes.

SinriQF

A simple frontend framework is designed for quick develop with vue.js 2, iview.ui 3, axios, js-cookie.

Link from CDN:

• Latest Version 2.0
• 1.0

Usage Sample:

<script src="https://unpkg.com/axios@0.18.0/dist/axios.js"></script>
<script src="https://unpkg.com/js-cookie@2.2.0/src/js.cookie.js"></script>
<script src="https://unpkg.com/vue@2.5.17/dist/vue.js"></script>
<script type="text/javascript" src="https://unpkg.com/iview/dist/iview.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://unpkg.com/iview/dist/styles/iview.css">
<script src="https://www.everstray.com/cdn/QuickFrontend/SinriQF/dist/SinriQF-2.0.js"></script>

Or, use My Personal Asset Network:

<script src="https://www.everstray.com/cdn/QuickFrontend/3rd/axios/0.21.1/axios.min.js"></script>
<script src="https://www.everstray.com/cdn/QuickFrontend/3rd/js-cookie/3.0.0/js.cookie.min.js"></script>
<script src="https://www.everstray.com/cdn/QuickFrontend/3rd/vue/2.6.14/vue.min.js"></script>
<!--
<script type="text/javascript" src="https://www.everstray.com/cdn/QuickFrontend/3rd/iview/3.5.4/iview.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.everstray.com/cdn/QuickFrontend/3rd/iview/3.5.4/styles/iview.css">
-->
<script type="text/javascript" src="https://www.everstray.com/cdn/QuickFrontend/3rd/view-design/4.6.1/iview.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.everstray.com/cdn/QuickFrontend/3rd/view-design/4.6.1/styles/iview.css">
<script src="https://www.everstray.com/cdn/QuickFrontend/SinriQF/dist/SinriQF-2.0.js"></script>

new Vue({
        el: '#app',
        data: {
        },
        methods: {
        },
        mounted: function () {
            SinriQF.config.setTokenName("test_quick_frontend");
            SinriQF.config.setVueInstance(this);
        }
    })