DEV.XFOR.TOP

Email: dev@xfor.top Skype: utz0r2 Github: utz0r2
CSSHTMLPHPJSVideoNoty
E-commerce Scripts: vvStore | vvShop | Avox
© 2008 – 2020

ElemeFE/element - Vue.js 2.0 UI Toolkit for Web

import Vue from 'vue'
import Element from 'element-ui'

Vue.use(Element)

// or
import {
  Select,
  Button
  // ...
} from 'element-ui'

Vue.component(Select.name, Select)
Vue.component(Button.name, Button)

https://github.com/ElemeFE/element

PanJiaChen / vue-element-admin - элементы для интерфейса админки, на vue и использует UI Toolkit element-ui

PanJiaChen / vue-element-admin - элементы для интерфейса админки, на vue и использует UI Toolkit element-ui

Включает в себя такие элементы
- Login / Logout

- Permission Authentication
- Page permission
- Directive permission
- Permission configuration page
- Two-step login

- Multi-environment build
- dev sit stage prod

- Global Features
- I18n
- Multiple dynamic themes
- Dynamic sidebar (supports multi-level routing)
- Dynamic breadcrumb
- Tags-view (Tab page Support right-click operation)
- Svg Sprite
- Mock data
- Screenfull
- Responsive Sidebar

- Editor
- Rich Text Editor
- Markdown Editor
- JSON Editor

- Excel
- Export Excel
- Upload Excel
- Visualization Excel
- Export zip

- Table
- Dynamic Table
- Drag And Drop Table
- Inline Edit Table

- Error Page
- 401
- 404

- Components
- Avatar Upload
- Back To Top
- Drag Dialog
- Drag Select
- Drag Kanban
- Drag List
- SplitPane
- Dropzone
- Sticky
- CountTo

- Advanced Example
- Error Log
- Dashboard
- Guide Page
- ECharts
- Clipboard
- Markdown to html

https://github.com/PanJiaChen/vue-element-admin

power-mode-input - js script can make your text input box more compelling

power-mode-input - js script can make your text input box more compelling

import PowerModeInput from "power-mode-input";

const input = document.getElementById("obinput");
PowerModeInput.make(input);

// close PowerModeInput
PowerModeInput.close(input);

// destroy PowerModeInput
PowerModeInput.destroy();

// another usage
PowerModeInput.make(".phone", {
  height: 5,
  tha: [0, 360],
  g: 0.5,
  num: 5,
  radius: 6,
  circle: true,
  alpha: [0.75, 0.1],
  color: "random"
});

https://github.com/lindelof/power-mode-input

dayjs - fast 2kB alternative to Moment.js with the same modern API

dayjs('2018-08-08') // parse
dayjs().format('{YYYY} MM-DDTHH:mm:ss SSS [Z] A') // display
dayjs().set('month', 3).month() // get & set
dayjs().add(1, 'year') // manipulate
dayjs().isBefore(dayjs()) // query

https://github.com/iamkun/dayjs

peekobot - a simple, choice-driven chatbot framework for your website written in less than 100 lines of vanilla JavaScript (and some CSS)

peekobot - a simple, choice-driven chatbot framework for your website written in less than 100 lines of vanilla JavaScript (and some CSS)

const chat = {
    1: {
        text: 'Good morning sir',
        next: 2
    },
    2: {
        text: 'Would you like tea or coffee with your breakfast?',
        options: [
            {
                text: 'Tea',
                next: 3
            },
            {
                text: 'Coffee',
                next: 4
            }
        ]
    },
    3: {
        text: 'Splendid - a fine drink if I do say so myself.'
    },
    4: {
        text: 'As you wish, sir'
    }
}

https://github.com/Peekobot/peekobot | example page

Freezeframe.js - библиотека приостанавливает анимированные файлы .gifs и возвращает им анимирацию при наведении мыши / щелчке мыши / касании или запуске вручную

Работает это так: записывается первый кадр в canvas элемент. После старта проигрывается сама GIF
// Default options
new Freezeframe();

// String as selector
new Freezeframe('.foo');

// DOM reference as selector
new Freezeframe(document.querySelectorAll('.foo'));

// Custom options
new Freezeframe({
  selector: '.foo',
  trigger: 'click',
  overlay: true,
  responsive: false
});

// Also valid syntax
new Freezeframe('.foo', {
  trigger: 'click',
  overlay: true,
  responsive: false
});

https://github.com/ctrl-freaks/freezeframe.js/
Вверх