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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容