layuiList.js:https://www.layui.com/(表单提交)
require.js:https://requirejs.org/(模块载入框架)
Vue.js:https://cn.vuejs.org/
iView.js:https://iviewui.com/
ydui.js:http://www.ydui.org/(联动样式)
echar.js:https://echarts.baidu.com/ (图表样式)
raphael.js:(svg绘图) http://www.materializecss.cn/ (ui 界面)
http://www.axios-js.com/(异步通信)
https://www.jqueryui.org.cn/(表单拖动,可视化排列)
思维导图软件 mindmaster 下载链接:https://www.edrawsoft.cn/download/mindmaster/
前端开源项目下载网站集
https://www.bootcdn.cn/
前端ui框架
1.Aliceui
Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。
gitHub地址:https://github.com/aliceui/aliceui.github.io
2.Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
官网地址:http://amazeui.org/
3.sui
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。
通过SUI,可以非常方便的设计和实现精美的页面。
官网地址:http://sui.taobao.org/
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
地址:http://m.sui.taobao.org/
4.FrozeUI
Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。
官网地址:http://frozenui.github.io/
5.uiKit
uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。
官网地址:http://www.getuikit.net/
6.H-ui
H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。
官网地址:http://www.h-ui.net/
7.Weui
weUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
官网地址:https://github.com/weui/weui
8.后台UI开发框架 MuseUI
一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。
官方网站:http://www.muse-ui.org/#/index
9.Flat UI - 扁平风格 UI 工具包
Flat UI是一套精美的扁平风格 UI 工具包,基于 Twitter Bootstrap 实现。这套界面工具包含许多基本的和复杂的 UI 部件,例如按钮,输入框,组合按钮,复选框,单选按钮,标签,菜单,进度条和滑块,导航元素等等。
官方网站:http://www.bootcss.com/p/flat-ui/
10.饿了么公司基于vue开的的vue的Ui组件库
Element Ui 基于vue pc端的UI框架 https://element.eleme.cn/#/zh-CN
MintUi 基于vue 移动端的ui框架 https://mint-ui.github.io/#!/zh-cn
vue-element-admin后台模板文件:它基于 vue 和 element
vuex:是一个专为 Vue.js 应用程序开发的状态管理模式。
vue-router:一般单页面应用spa都要用到的前端路由。
moment:时间日期格式
echarts:炫酷的图表库插件
vue-quill-editor:一款优秀的富文本编辑器
mavon-editor:一款Markdown编辑器
jwt-decode:用于解析token
地址:https://panjiachen.github.io/vue-element-admin-site/zh/guide/#%E5%AE%89%E8%A3%85
- 在线访问
- 使用文档
Edraw Project 项目管理软件
MindMaster 思维导图软件
Mockplus 项目客户端设计工具
腾讯公司开发的专为微信设计的 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
Express
是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具。
使用 Express 可以快速地搭建一个完整功能的网站。
全局安装express-generator
npm install express --save -g
npm install express-generator --save -g
如何 mock 数据
mockjs
生成随机数据,拦截 Ajax 请求
http://mockjs.com/
easy-mock
它是模拟真真实实的api请求数据,并允许任何跨域请求。
https://easy-mock.com
h5 canves绘制
vue 的移动框架VUX
链接:https://vux.li/
#直接安装或者更新:
npm install vux --save