当前位置：首页 > news >正文

各种网址整理-vue，前端，linux，ai前端开发，各种开发能用到的网址和一些有用的博客

news 来源：原创 2025/6/7 16:29:44

放在chrome书签里面实在是不好找，抽空总结

类别1：vue开发

vue-cli部署，开发

vue-cli官方文档

vue-cli部署+vue-cli-ui部署（linux）
vue-cli ui设计解析
在这里插入图片描述
——————————————分割线————————————————

unpkg-‌Vue.js在Unpkg上的用途主要是通过CDN直接引入Vue.js库，以便在网页中快速使用Vue.js功能，而无需下载或配置服务器。

vue开发

前后端交互系列之promise详解

组件开发

vue-awesome-swiper组件-用于轮播
在这里插入图片描述
——————————————分割线————————————————

el-tree 样式修改
在这里插入图片描述
——————————————分割线————————————————

vue-antv-好用的组件
在这里插入图片描述
——————————————分割线————————————————

element-ui，vue最常用的组件地址
阅读 element-ui 源代码来分析 Scrollbar（滚动条）组件的实现
在这里插入图片描述
——————————————分割线————————————————
vant-vue3
vant-vue2（移动端我一直在用）

datav.jiaminghi.com-主要用于构建大屏（全屏）数据展示页面即数据可视化，具有多种类型组件可供使用
在这里插入图片描述
——————————————分割线————————————————

谷歌-vuetools，可以在vue测试中有更直观的页面结构展示（最新版本）
谷歌-vuetools，可以在vue测试中有更直观的页面结构展示（vue2）

node，npm使用及安装

nodejs官网，下载

在这里插入图片描述
强烈推荐nvm，控制nodejs版本，非常好使

nvm指令-使用方法
——————————————分割线————————————————

nrm使用，控制npm镜像源地址
在这里插入图片描述
npm包管理

npm更换镜像命令

vue-pdf展示开发

/mozilla/pdf.js-github项目地址，本源代码
在这里插入图片描述
vue2使用pdfjs-dist实现pdf预览+多版本适配（iframe形式，不修改pdfjs原来的ui和控件，dom层可以用display去掉一部分组件）
前端-选中pdf中的文字并使用，显示一个悬浮的翻译按钮（本地pdfjs+iframe）不适用textlayer

类别2：vue开发-框架使用

Vben Admin企业级管理系统框架
在这里插入图片描述
——————————————分割线————————————————

vue-element-admin-最常用的后台管理框架
在这里插入图片描述
——————————————分割线————————————————

RuoYi-https://doc.ruoyi.vip/-伟大无需多言（我用的很多）
在这里插入图片描述
——————————————分割线————————————————

Umi，中文发音为「乌米」，是可扩展的企业级前端应用框架。Umi 以路由为基础，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能扩展。然后配以生命周期完善的插件体系，覆盖从源码到构建产物的每个生命周期，支持各种功能扩展和业务需求。
在这里插入图片描述
——————————————分割线————————————————

JeecgBoot是一款基于BPM和代码生成器的AI低代码平台
在这里插入图片描述
——————————————分割线————————————————

webpack-无需多言
在这里插入图片描述
——————————————分割线————————————————
Ant Design Pro-看着挺不赖的

类别3：前端开发-基础

jQuery下载
在这里插入图片描述
——————————————分割线————————————————

怎么在已经添加好的iconfont，在原有基础上再次添加其他图标
在这里插入图片描述
——————————————分割线————————————————

jQuery网页特效最全网页模板和网站模板jQuery代码_17素材网
在这里插入图片描述
——————————————分割线————————————————
Motion Design-ant的动画效果

——————————————分割线————————————————
前端之选择器-基础

——————————————分割线————————————————
纯 CSS 实现三角形的 3 种方式

类别4：前端开发-echarts

echarts官网
在这里插入图片描述
——————————————分割线————————————————
isqqw-这个网站的echarts案例比较全，但是现在要开会员才能用

——————————————分割线————————————————
makeapie-这个是我现在用的最多的
在这里插入图片描述
——————————————分割线————————————————
ppchart-也可以

——————————————分割线————————————————
如何让echarts重新渲染

类别5：前端开发-地图

datav.aliyun 阿里云获取地图地址
在这里插入图片描述

python爬虫，用于下载：https://datav.aliyun.com/portal/school/atlas/area_selector 的中国地图及其下钻省市区的json文件。在echarts或者leaflet展示
——————————————分割线————————————————
天地图-最权威的中国地图（这个是十段线，但是这个地图echarts用不了）
在这里插入图片描述
python脚本来补全其他信息：center，level，adcode等内容
——————————————分割线————————————————
这个我没用过但是应该也好使
——————————————分割线————————————————
高德地图api，现在好像收费
在这里插入图片描述

类别6：前端开发-ai

前端ai开发中使用的markdown格式脑图markmap-vue实例

markmap官网
在这里插入图片描述
——————————————分割线————————————————
知识引擎大模型对话消息渲染组件，适用于基于vue2和react搭建的项目（我没用过，我直接用的markdown-vue），这个组件是封装了一层
在这里插入图片描述
——————————————分割线————————————————
聊天机器人gitee代码，我启动了一下，我当时没有api没有完全测试，看看思路可以的

类别7：前端开发-移动端

Unity2D文档-2d动画开发-用于小游戏
——————————————分割线————————————————
unity官网
在这里插入图片描述
——————————————分割线————————————————
微信平台官网

——————————————分割线————————————————
抖音开放平台