2019-10-24 一些开源源码地址

前端开源项目下载网站集

https://www.bootcdn.cn/

前端框架

Vue.js

主流前端框架
官网地址:https://cn.vuejs.org/](https://cn.vuejs.org/

直接使用

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

全局安装

npm install vue

Express

Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
官网地址:https://www.expressjs.com.cn/

全局安装express-generator

npm install express --save

系统组件

1、iView后台系统组件库

基于vue开的的vue的Ui组件库
官网地址:https://iviewui.com/

js引入

<!-- import Vue.js -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- import stylesheet -->
<link rel="stylesheet" href="//unpkg.com/view-design/dist/styles/iview.css">
<!-- import iView -->
<script src="//unpkg.com/view-design/dist/iview.min.js"></script>

全局安装

npm install view-design --save

2、Element Ui 后台系统组件库

饿了么公司基于vue开发的vue的Ui组件库
Element Ui 基于vue pc端的UI框架
官网地址:https://element.eleme.cn/#/zh-CN

全局安装

npm i element-ui -S

MintUi 基于vue的移动端的ui框架
官网地址:http://mint-ui.github.io/#!/zh-cn

安装

// 安装
# Vue 1.x
npm install mint-ui@1 -S
# Vue 2.0
npm install mint-ui -S

3、layui后台系统组件库

是一款后台系统组件库
官网地址:http://www.ydui.org/

全局安装:

npm i layui-src   

4、ydui.js 移动端&微信UI组件库

YDUI JS组件基于jQuery 2.0+开发的,移动端&微信UI组件库
官网地址:http://www.ydui.org/
特点:联动样式不错

CDN引入

【使用rem】:
<!-- 使用rem,需另外引入ydui.flexible.js自适应类库 -->
<link rel="stylesheet" href="//unpkg.com/vue-ydui/dist/ydui.rem.css">
<script src="//unpkg.com/vue-ydui/dist/ydui.flexible.js"></script>

<!-- 引入Vue2.x -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="//unpkg.com/vue-ydui/dist/ydui.rem.js"></script>
【使用px】:
<!-- 使用px -->
<link rel="stylesheet" href="//unpkg.com/vue-ydui/dist/ydui.px.css">

<!-- 引入Vue2.x -->
<script src="//vuejs.org/js/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="//unpkg.com/vue-ydui/dist/ydui.px.js"></script>

全局安装

npm install vue-ydui --save

5、WeUI 移动端 UI 组件库

腾讯公司开发的专为微信设计的 UI 库 WeUI
https://weui.io/
开发文档:http://old.jqweui.com/components
js文档: https://github.com/Tencent/weui.js/blob/master/docs/README.md
github: https://github.com/Tencent/weui.js
菜鸟教程:http://www.runoob.com/w3cnote/weui-for-weixin-web.html
效果展示: https://weui.io

6、VUX 移动端 UI 组件库

VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库
官网地址:https://vux.li/
示例地址:https://vux.li/demos/v2/#/demo

7、Materialize-UI 移动端 UI 组件库

官网地址:http://www.materializecss.cn/

8、Amazeui

Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
官网地址:http://amazeui.shopxo.net
演示地址:http://amazeui.clouddeep.cn/examples/admin-index.html

后台系统UI集成

1、iview-admin

iview开发的基于vue 的后台系统UI集成包
github地址:https://github.com/iview/iview-admin
预览地址:http://admin.iviewui.com/login

2、vue-element-admin

饿了么公司基于vue开发的后台系统UI集成
官网地址:https://panjiachen.github.io/vue-element-admin-site/zh/
github地址:https://github.com/PanJiaChen/vue-element-admin
预览地址:https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard

图表图绘制

ECharts 图表

官网地址:http://echarts.apache.org/zh/index.html

wx-charts小程序图表插件:

github地址:https://github.com/xiaolin3303/wx-charts

工具类

firebug一抓包

菜鸟教程地址:https://www.runoob.com/firebug/firebug-tutorial.html

Vue在线代码编辑器插件 vue-monaco-editor

github地址:https://github.com/matt-oconnell/vue-monaco-editor

require.js模块载入框架

npm之前的包加载方式,使用npm后这个也逐渐被代替了
官网地址:https://requirejs.org/

思维导图软件 mindmaster

官网地址:https://www.edrawsoft.cn/download/mindmaster/

旗下还有
Edraw Project 项目管理软件
MindMaster 思维导图软件

数据处理

redis 开源地址:https://github.com/tporadowski/redis/releases
redis 包集合地址:http://download.redis.io/releases/

mock 数据

mockjs 生成随机数据,拦截 Ajax 请求
http://mockjs.com/
easy-mock它是模拟真真实实的api请求数据,并允许任何跨域请求。
https://easy-mock.com

其他

vuex:是一个专为 Vue.js 应用程序开发的状态管理模式。
vue-router:一般单页面应用spa都要用到的前端路由。
moment:时间日期处理类库格式
npm install moment --save
vue-quill-editor:一款优秀的富文本编辑器
npm install vue-quill-editor --save
mavon-editor:一款Markdown编辑器
npm i mavon-editor
jwt-decode用于解析token

https://github.com/auth0/jwt-decode/

axios

http://www.axios-js.com/(vue 推荐 的异步通信)

Administrative-divisions-of-China 中华人民共和国行政区划(五级)(2019-2020)

https://github.com/modood/Administrative-divisions-of-China

vue-devtools vue调试工具

github:https://github.com/vuejs/vue-devtools

jqueryui

基于jQuery的组件库,我觉得它最好的地方在于表单拖动,可视化排列
https://www.jqueryui.org.cn/

Mockplus 项目客户端,UI原型图设计工具

https://www.mockplus.cn/
https://www.mockplus.cn/rp?hmsr=bdtg68&bd_vid=6069279932084393361

image.png
ECMAScript8

http://www.ecma-international.org/ecma-262/8.0/

thinkphp 写的后台框架 fastadmin

https://doc.fastadmin.net/doc/install.html

ArtDialog

一个设计优美,对浏览器兼容性极强的对话框插件。使弹出窗口处理,事件以及数据的传输得到了更好的统一管理方式
http://aui.github.io/artDialog/

Ztree:利用 JQuery 的核心代码,实现一套能完成大部分常用功能的 Tree 插件

http://www.treejs.cn/v3/main.php#_zTreeInfo

codemirror一个代码编辑js插件,支持各种编程语言的高亮处理

https://codemirror.net/

image.png

less

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。
http://lesscss.cn/

SWFUpload:flash多文件上传

https://github.com/wordpress/secure-swfupload

CMP4

一个非常优秀的flash媒体文件播放插件,支持流媒体,常用音乐视频的播放工具。支持换皮肤,高可配置性的设置。列表xml的动态加载。mms流媒体,rstp开源协议媒体播放支持

####### 免费的svg 图片库
https://loading.io/spinner

Vue Router Tab

基于Vue路由器的Tab路由器组件。

官方地址:https://bhuh12.github.io/vue-router-tab/
github:https://github.com/bhuh12/vue-router-tab
文档:https://bhuh12.github.io/vue-router-tab/guide/
演示:https://bhuh12.github.io/vue-router-tab/demo/

参考的前端项目(目前不在维护)

SUI Mobile - 轻量的开源UI库(目前好像没怎么维护了)

SUI Mobile (MSUI)是由阿里巴巴国际UED前端出品的移动端UI库,轻量精美!
SUI Mobile 是阿里巴巴国际UED团队基于 Framework7 开发的手机H5 UI库。它的特点是非常轻量,并且能很好兼容 iOS 6.0+ 和 Android 4.0+ 的设备。

官网地址:http://sui.taobao.org/

同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
地址:http://m.sui.taobao.org/

FrozeUI

Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。
官网地址:http://frozenui.github.io/

uiKit

uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。
官网地址:http://www.getuikit.net/

H-ui

H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。
官网地址:http://www.h-ui.net/

后台UI开发框架 MuseUI

一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。
官方网站:http://www.muse-ui.org//index

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容