Web教学

关于html和css这里不做讲解，请读者自行学习。

HTML

CSS

JS

Ts

DOM和BOM

TS

Jquery

canvas

Snap.svg

Third.js

UI组件库

element UI（Vue2）||plus（Vue3）

指南

安装

npm i element-ui -S

引入

在main.js添加以下内容

1
2
3
4
5
6
7
8
9
10
11
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

全局配置

在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）

1
2
3
import Vue from 'vue';
import Element from 'element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });

我们不需要知道如何使用它，只需要知道它有什么组件就可以，请读者查阅官方文档)

我这里列举一些组件：

layout：布局；container：容器；Border：边框；Icon：图标；Button：按钮；Link：文字链接；Form：多选框，输入框，选择器，表单，等等；

Vxe-table

是一款强大的表格处理ui组件库

安装：可选仅安装表格

npm install vxe-pc-ui@4.8.4 vxe-table@4.15.0

导入

1
2
3
4
5
6
import VxeUIAll from 'vxe-pc-ui'
import 'vxe-pc-ui/es/style.css'

import VxeUITable from 'vxe-table'
import 'vxe-table/es/style.css'
            createApp(App).use(VxeUIAll).use(VxeUITable).mount('#app')

使用：在我们需要使用表格时，引入Vxe组件库，查阅官方文档使用即可。

Node.js

TS

Vue

Nuxt

React

vite

webpack

uniapp（+微信小程序）

https&&websocket等协议

Vercel||Netlify

图床||PigGo