文件上传
-
vue-upload-component - Vuejs文件上传组件
-
vue-core-image-upload - 轻量级的vue上传插件
-
vue-dropzone - 用于文件上传的Vue组件
图片处理
-
vue-lazyload-img - 移动优化的vue图片懒加载插件
-
vue-image-crop-upload - vue图片剪裁上传组件
-
vue-svgicon - 创建svg图标组件的工具
-
vue-img-loader - 图片加载UI组件
-
vue-image-clip- 基于vue的图像剪辑组件
-
vue-progressive-image - Vue的渐进图像加载插件
提示
–
-
vue-toast-mobile - VueJS的toast插件
-
vue-msgbox - vuejs的消息框
-
vue-tooltip - 带绑定信息提示的提示工具
-
vue-verify-pop - 带气泡提示的vue校验插件
进度条
-
vue-radial-progress - Vue.js放射性进度条组件
-
vue-progressbar - vue轻量级进度条
-
vue2-loading-bar - 最简单的仿Youtube加载条视图
其他
–
-
vue-dragging- 使元素可以拖拽
-
Vue.Draggable- 实现拖放和视图模型数组同步
-
vue-picture-input- 移动友好的图片文件输入组件
-
rubik- 基于Vuejs2的开源 UI 组件库
-
VueStar- 带星星动画的vue点赞按钮
-
vue-tables-2- 显示数据的bootstrap样式网格
-
DataVisualization- 数据可视化
-
vue-drag-and-drop-list- 创建排序列表的Vue指令
-
vuwe- 基于微信WeUI所开发的专用于Vue2的组件库
-
vue-typer- 模拟用户输入选择和删除文本的Vue组件
-
vue-impression- 移动Vuejs2 UI元素
-
vue-datatable- 使用Vuejs创建的DataTableView
-
vue-instant- 轻松创建自动提示的自定义搜索控件
-
vue-slider-component- 在vue1和vue2中使用滑块
-
vue-touch-ripple- vuejs的触摸ripple组件
-
coffeebreak- 实时编辑CSS组件工具
-
vue-datasource- 创建VueJS动态表格
-
handsontable- 网页表格组件
-
vue-bootstrap-table- 可排序可检索的表格
-
vue-google-signin-button- 导入谷歌登录按钮
-
vue-float-label- VueJS浮动标签模式
-
vue-tagsinput- 基于VueJS的标签组件
-
vue-social-sharing- 社交分享组件
-
vue-popup-mixin- 用于管理弹出框的遮盖层
-
cubeex- 包含一套完整的移动UI
-
vue-fullcalendar- vue FullCalendar封装
-
vue-material-design- Vue MD风格组件
-
vue-morris- Vuejs组件封装Morrisjs库
-
we-vue- Vue2及weui1开发的组件
-
vue-form-2- 全面的HTML表单管理的解决方案
-
vue-side-nav- 响应式的侧边导航
-
mint-indicator- VueJS移动加载指示器插件
-
vue-ripple- 制作谷歌MD风格涟漪效果的Vue组件
-
vue-touch-keyboard- VueJS虚拟键盘组件
-
vue-parallax- 整洁的视觉效果
-
vue-typewriter- vue组件类型
-
vue-ios-alertview- iOS7+ 风格的alertview服务
-
paco-ui-vue- PACOUI的vue组件
-
vue-button- Vue按钮组件
开发框架
-
vue.js - 流行的轻量高效的前端组件化方案
-
vue-admin - Vue管理面板框架
-
electron-vue - Electron及VueJS快速启动样板
-
vue-2.0-boilerplate - Vue2单页应用样板
-
vue-webgulp - 仿VueJS Vue loader示例
-
vue-bulma - 轻量级高性能MVVM Admin UI框架
-
vue-spa-template - 前后端分离后的单页应用开发
-
Framework7-Vue - VueJS与Framework7结合
-
vue-element-starter - vue启动页
实用库
-
vuelidate - 简单轻量级的基于模块的Vue.js验证
-
qingcheng - qingcheng主题
-
vuex - 专为 Vue.js 应用程序开发的状态管理模式
-
vue-axios - 将axios整合到VueJS的封装
-
vue-desktop - 创建管理面板网站的UI库
-
vue-meta - 管理app的meta信息
-
avoriaz - VueJS测试实用工具库
-
vue-framework7 - 结合VueJS使用的Framework7组件
-
vue-lazy-render - 用于Vue组件的延迟渲染
-
vue-svg-icon - vue2的可变彩色svg图标方案
-
vue-online - reactive的在线和离线组件
-
vue-password-strength-meter - 交互式密码强度计
-
vuep - 用实时编辑和预览来渲染Vue组件
-
vue-bootstrap-modal - vue的Bootstrap样式组件
-
element-admin - 支持 vuecli 的 Element UI 的后台模板
-
vue-shortkey - 应用于Vue.js的Vue-ShortKey 插件
-
cleave - 基于cleave.js的Cleave组件
-
vue-events - 简化事件的VueJS插件
-
http-vue-loader - 从html及js环境加载vue文件
-
vue-electron - 将选择的API封装到Vue对象中的插件
-
vue-router-transition - 页面过渡插件
-
vuemit - 处理VueJS事件
-
vue-cordova - Cordova的VueJS插件
-
vue-qart - 用于qartjs的Vue2指令
-
vue-websocket - VueJS的Websocket插件
-
vue-gesture - VueJS的手势事件插件
-
vue-local-storage - 具有类型支持的Vuejs本地储存插件
-
lazy-vue - 懒加载图片
-
vue-lazyloadImg - 图片懒加载插件
-
vue-bus - VueJS的事件总线
-
vue-observe-visibility - 当元素在页面上可见或隐藏时检测
-
vue-notifications - 非阻塞通知库
-
v-media-query - vue中添加用于配合媒体查询的方法
-
vuex-shared-mutations - 分享某种Vuex mutations
-
vue-lazy-component - 懒加载组件或者元素的Vue指令
-
vue-reactive-storage - vue插件的Reactive层
-
vue-ts-loader - 在Vue装载机检查脚本
-
vue-pagination-2 - 简单通用的分页组件
-
vuex-i18n - 定位插件
-
Vue.resize - 检测HTML调整大小事件的vue指令
-
vue-zoombox - 一个高级zoombox
-
leo-vue-validator - 异步的表单验证组件
-
modal - Vue Bulma的modal组件
-
Famous-Vue - Famous库的vue组件
-
vue-input-autosize - 基于内容自动调整文本输入的大小
-
vue-file-base64 - 将文件转换为Base64的vue组件
-
Vue-Easy-Validator - 简单的表单验证
-
vue-truncate-filter - 截断字符串的VueJS过滤器
服务端
-
vue-ssr - 结合Express使用Vue2服务端渲染
-
nuxt.js - 用于服务器渲染Vue app的最小化框架
-
vue-ssr - 非常简单的VueJS服务器端渲染模板
-
vue-easy-renderer - Nodejs服务端渲染
-
express-vue - 简单的使用服务器端渲染vue.js
辅助工具
-
DejaVue - Vuejs可视化及压力测试
-
vue-generate-component - 轻松生成Vue js组件的CLI工具
-
vscode-VueHelper - 目前vscode最好的vue代码提示插件
-
vue-play - 展示Vue组件的最小化框架
-
VuejsStarterKit - vuejs starter套件
-
vue-multipage-cli - 简单的多页CLI
应用实例
-
pagekit - 轻量级的CMS建站系统
-
vuedo - 博客平台
-
koel - 基于网络的个人音频流媒体服务
-
CMS-of-Blog - 博客内容管理器
-
vue-cnode - 重写vue版cnode社区
-
vue-ghpages-blog - 依赖GitHub Pages无需本地生成的静态博客
-
swoole-vue-webim - Web版的聊天应用
-
fewords - 功能极其简单的笔记本
-
jackblog-vue - 个人博客系统
-
vue-blog - 使用Vue2.0 和Vuex的vue-blog
-
vue-dashing-js - nuvo-dashing-js的fork
-
rss-reader - 简单的rss阅读器
Demo示例
-
eleme - 高仿饿了么app商家详情
-
NeteaseCloudWebApp - 高仿网易云音乐的webapp
-
vue-zhihu-daily - 知乎日报 with Vuejs
-
Vue-cnodejs - 基于vue重写Cnodejs.org的webapp
-
vue2-demo - 从零构建vue2 + vue-router + vuex 开发环境
-
vue-wechat - vue.js开发微信app界面
-
vue-music - Vue 音乐搜索播放
-
maizuo - vue/vuex/redux仿卖座网
-
vue-demo - vue简易留言板
-
spa-starter-kit - 单页应用启动套件
-
zhihudaily-vue - 知乎日报web版
-
douban - 模仿豆瓣前端
-
vue-Meizi - vue最新实战项目
-
vue-demo-kugou - vuejs仿写酷狗音乐webapp
-
vue2.0-taopiaopiao - vue2.0与express构建淘票票页面
-
node-vue-server-webpack - Node.js+Vue.js+webpack快速开发框架
-
VueDemo_Sell_Eleme - Vue2高仿饿了么外卖平台
-
vue-leancloud-blog - 一个前后端完全分离的单页应用
-
vue-fis3 - 流行开源工具集成demo
-
mi-by-vue - VueJS仿小米官网
-
vue-demo-maizuo - 使用Vue2全家桶仿制卖座电影
-
vue2.x-douban - Vue2实现简易豆瓣电影webApp
-
vue-adminLte-vue-router - vue和adminLte整合应用
-
vue-zhihudaily - 知乎日报 Web 版本
-
Zhihu-Daily-Vue.js - Vuejs单页网页应用
-
vue-axios-github - 登录拦截登出功能
-
vue2.x-Cnode - 基于vue全家桶的Cnode社区
-
hello-vue-django - 使用带有Django的vuejs的样板项目
-
websocket_chat - 基于vue和websocket的多人在线聊天室
-
x-blog - 开源的个人blog项目
-
vue-cnode - vue单页应用demo
-
vue-express-mongodb - 简单的前后端分离案例
-
photoShare - 基于图片分享的社交平台
-
notepad - 本地存储的记事本
-
vue-zhihudaily-2.0 - 使用Vue2.0+vue-router+vuex创建的zhihudaily
-
vueBlog - 前后端分离博客
-
Zhihu_Daily - 基于Vue和Nodejs的Web单页应用
-
vue-ruby-china - VueJS框架搭建的rubychina平台
-
vue-koa-demo - 使用Vue2和Koa1的全栈demo
-
life-app-vue - 使用vue2完成多功能集合到小webapp
-
vue-trip - vue2做的出行webapp
-
github-explorer - 寻找最有趣的GitHub库
-
vue-ssr-boilerplate - 精简版的ofvue-hackernews-2
-
vue-bushishiren - 不是诗人应用
-
houtai - 基于vue和Element的后台管理系统
-
ios7-vue - 使用vue2.0 vue-router vuex模拟ios7
-
Framework7-VueJS - 使用移动框架的示例
-
cnode-vue - 基于vue和vue-router构建的cnodejs web网站SPA
-
vue-cli-multipage-bootstrap - 将vue官方在线示例整合到组件中
-
vue-cnode - 用 Vue 做的 CNode 官网
-
seeMusic - 跨平台云音乐播放器
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
最后
分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可免费下载
❤️ 谢谢支持,喜欢的话别忘了 关注、点赞哦。
[外链图片转存中…(img-6dn9o68d-1713575043535)]
[外链图片转存中…(img-zEZ8VXJi-1713575043536)]
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
[外链图片转存中…(img-5Cki0neu-1713575043536)]
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)
[外链图片转存中…(img-eT4lmIwW-1713575043537)]
最后
分享一套阿里大牛整理的前端资料给大家,点击前端校招面试题精编解析大全即可免费下载
❤️ 谢谢支持,喜欢的话别忘了 关注、点赞哦。