前端组件、插件汇总

最新推荐文章于 2024-06-24 22:14:24 发布
最新推荐文章于 2024-06-24 22:14:24 发布
阅读量1.8k 收藏 8
点赞数 4

0. 前端自动化(Workflow)


1. 前端框架(Frameworks)


2. JavaScript 框架汇总

3. 前端游戏框架


4. ui组件库(CSS Framework)


5. 基础模版

6. 排版


7. 网格系统


8. 路由和链接(Routing And URLs)


9. UA 识别


10. 表单处理

10.1 表单验证(Form Validator)/表单提示

10.2 < input > 相关

10.3 < select > 相关

10.4 单选框/复选框相关

10.5 上传组件

10.6 日期选择

10.7 取色

10.8 标签插件(Tag)

10.9 自动完成插件


10.10 样式修正


11. 图表绘制/图形库(Graphics)


12. 日期格式化 & 时间轴


13. 页面交互

13.1 Slider

13.2 瀑布流

13.3 懒加载/加载监听/预加载

13.4 图片轮播(幻灯片)/图片展示

13.5 图片剪裁/图片处理

13.6 进度条/加载动画(Loading)

13.7 侧滑插件(offcancas)

13.8 菜单(Menu)

13.9 滚动侦测(ScrollSpy)

13.10 滚动加载更多/下拉刷新(Pull to Refresh)

13.11 平滑滚动插件(Smooth Scroll)

13.12 全屏滚动/全屏切换

13.13 分屏滚动

13.14 转场效果

13.15 固定元素(Sticky)

13.16 触控事件

13.17 拖拽组件

13.18 隐藏或展示页面元素

13.19 滚动条(Scrollbar)

13.20 视差滚动(Parallax Scrolling)

13.21 缩放 (Zooming)


14. 代码高亮插件/代码编辑器


15. UI Icon 组件


16. 动画(Animate)

17. 本地存储


18. 模板引擎


19. 通知组件/弹框组件/模态窗口


20. 提示控件(Tooltips)


21. 对话框/遮罩层/弹出层(lightbox)


22. 文档/表格/PDF


23. 目录树插件


24. 前后端交互

24.1 Ajax模块

24.2 SSE (Server-Sent Events)

SSE API用于创建到服务器的单向连接，服务器通过这个连接可以发送任意数量的数据.

24.3 Web Sockets



25. 音频/视频


26. 按钮


27. 富文本编辑器/Markdown编辑器/Markdown解析器


28. 内容提取(Readability)


29. 颜色(CSS Colors)/SVG/Canvas


30. 选项卡(Tabs)


31. 文本处理


32. 布局(Layout)

33. 演示/幻灯片


34. 国际化(i18n)


35. 邮件模板(Email Templates)


36. 移动端优化(Optimizing Mobile Performance)


37. HTTP请求相关


38. 实用工具/其他插件


ES6( ECMAScript 2015 )

ES6转码器(ES6 to ES5)

  • Babel - 一个广泛使用的ES6转码器，可以将ES6代码转为ES5代码，从而在现有环境执行
  • babelify - 将babel引入到Gulp, Grunt, npm run等构建过程
  • traceur-compiler - Traceur is a JavaScript.next-to-JavaScript-of-today compiler


ES6入门


设计模式( JavaScript Patterns )


在线工具( Online Tools )


前端开发工具

1. 开发工具


2. 调试工具


3. 浏览器扩展(Chrome Extensions)


前端参考集

风儿轻丶
关注
  • 4
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端组件化
long8313002的博客
09-02 5167
传统的开发方式 概述 根据页面的渲染过程来编写代码结构。像：init -> getData -> processData -> bindevent -> report -> xxx 。 方法之间线性跳转，你大概也能感受这样代码弊端。随着页面逻辑越来越复杂，这条” 过程线“ 也会越来越长，并且越来越绕。加之缺少规范约束，其他项目成员根据各自需要，在” 过程线“ 加插各自逻辑，最终这个页面的逻辑变得难以维护。 面向过程 ...
WEB前端-案例汇总
11-08
在“WEB前端-案例汇总”这个资源包中，包含了丰富的前端开发实例，旨在帮助初学者逐步进阶，全面掌握前端开发的各项技能。这个资源大汇总几乎涵盖了前端开发的所有领域，对于想要深入学习和理解Web前端技术的人来说...
前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)
断弦泉月
08-11 6626
0. 前端自动化(Workflow) 前端构建工具 Webpack - module bundlerYeoman - a set of tools for automating development workflowgulp - The streaming build system use-gulp grunt - the JavaScript Task Ru
dragula插件（图片拖拽换位置）
qq_38281863的博客
07-25 3718
1：界面引入&lt;link rel="stylesheet" type="text/css" href="css/dragula.css" /&gt;样式文件； 2：界面引入&lt;script type="text/javascript" src="js/dragula.js" &gt;&lt;/script&gt;JS文件； 3：dom添加类名“con
一些好用的12款前端小插件_前端助手插件
最新发布
2401_85124192的博客
06-24 785
PPTist是一个基于 Vue3.x + TypeScript 的在线演示文稿（幻灯片）应用，还原了大部分 Office PowerPoint 常用功能，支持 文字、图片、形状、线条、图表、表格、视频、音频、公式 几种最常用的元素类型，每一种元素都拥有高度可编辑能力，同时支持丰富的快捷键和右键菜单，支持导出本地 PPTX 文件，支持移动端基础编辑和预览，支持 PWA。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React、Angular，提供桌面版。当它用于网络时，它没有。
前端常用组件库：
章小鱼的博客
03-04 876
uniapp、vue、pc端、移动端 常用组件库
写一个移动端（H5）的前端项目需要哪些插件以及常用的一些业务逻辑代码块，来look look 吧「干货满满」。
qq_54753561的博客
10-10 4309
写一个移动端（H5）的前端项目需要哪些插件以及常用的一些业务逻辑代码块包含一些mongodb数据库的操作，增删改查的接口，来look look 吧。
框架用的好，下班走的早。值得收藏
前端人的博客
12-16 4833
公司开发大型项目时，为了快速开发，往往会选择一个合适的 ui 框架进行开发，ui 框架最大的优点就是能够大大节省开发时间。 所以在开发项目之前，我们需要先了解功能需求，考虑使用的 ui 框架，是否都能满足功能需要，比如制作移动端的项目，不能选择一个PC端的 UI 框架。 所以我们需要熟悉一些 ui 框架，便于我们在开始项目之前选型。下面帮大家推荐一些支持 Vue3 且免费的 UI 框架。欢迎大家在评论区多多交流！ 收藏关注，手留余香！ 一、移动端常用 UI 框架 1.1、uni-app 官网：
入门前端？前端学习路线图汇总.md
10-15
### 入门前端：前端学习路线图汇总 #### 前言 对于许多希望进入前端领域的初学者来说，面对纷繁复杂的技术栈可能会感到迷茫。本文旨在为那些想要入门前端开发的朋友提供一份清晰的学习路线图，帮助大家系统地了解...
轮播插件--网址汇总，
04-06
轮播插件是一种常用的前端组件，主要用于实现网页中图片或其他元素的自动或手动切换展示效果。这类插件广泛应用于广告轮播、产品展示等场景，能够极大地提升用户体验。 #### 二、Vue-Awesome-Swiper 插件介绍 **...
Web前端常用框架汇总
08-11
Vue同样采用了组件化开发，同时提供了指令和插件系统，让开发者能够快速构建功能丰富的应用。Vue的模板语法使其易于上手，而其虚拟DOM和响应式系统则确保了性能。 四、Ember.js Ember.js是一个全面的框架，适用于...
基于Java的SSM传染病监测防控管理系统程序源代码+数据库 本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分
01-06
使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。...
**顺滑滚动的卓越体验——Vue2 Smooth Scroll**
gitblog_00041的博客
06-24 378
顺滑滚动的卓越体验——Vue2 Smooth Scroll 项目地址:https://gitcode.com/Yuliang-Lee/vue2-smooth-scroll 在Web开发中，平滑滚动效果不仅能提升用户体验，还能让页面交互更加自然流畅。Vue2 Smooth Scroll 正是为此而生的一款轻量级插件，它为Vue应用带来了丝般顺滑的滚动动画。无论你是前端新手还是经验丰富的开发者，都能从...
Confirming the Buzz about Hornets——2021美赛C题思路及题解
憨憨的博客
02-12 2719
Confirming the Buzz about Hornets——2021美赛C题思路及题解前言题目题目描述（翻译版，重点内容加粗）附件题目分析解决方案数据清洗与分析 前言 2021年的美赛结束了，我们选择了大数据相关的C题。看网上对C题的讨论不多，这里我对该题做一下分析并给出我们的解决方案，有什么意见或建议欢迎与我探讨。 个人认为，这是一道多因素综合评价问题，放到机器学习深度学习领域，可以称之为多模态评价问题。所以我们要思考怎样合理运用每个报告的图片、文本、位置、时间信息，对报告做一个分类，或者对所有
一个 适用 vue3 ts h5移动端 table组件
weixin_45485922的博客
03-11 6096
一个适用 vue3 ts h5移动端 table 组件
你不知道的前端框架和UI组件库 - 大合集【收藏必备】
热门推荐
Qianmoer的博客
07-13 1万+
Vue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。 不兼容IE8，最低只能支持到 IE9 官网：https://cn.vuejs.org/ ReactJS 的确是一个伟大的东西，就其核心而言，就是一个可以和 html 混合编写的 jsx 格式，以及一个良好有序（加载时和更新时）、并和 html 渲染实时捆绑的状态机制。学习和使用 ReactJS，你并不需要对你现有的代码架构做太大的调整，只要引入 react.js 和 react-dom.js 两个文
uni-app DAY07
qq_40185402的博客
12-08 896
uni-app中的模板，uni-app中的样式，uni-app中的脚本，uni-app应用中请求服务器端接口数据，重点面试题：uni-app中的生命周期方法 ，父子组件间传参，小知识：如何获取一个月份的开始时间和结束时间,uni-app页面跳转和传参,前端请求中的防抖
vue移动端UI组件库
fanyanjiang的博客
04-27 2914
1. vonic vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约。 中文文档 | github地址 | 在线预览 2. vux vux 基于WeUI和Vue(2.x)开发的移动端UI组件库。基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。小编在开发微...
前端开发中常用的UI组件库有哪些？推荐10款优秀的UI组件库！
2301_79733101的博客
01-31 2596
在这个过程中，有很多 UI互动是重复的，而且 WeUI 它是一个基于风格库weui-wxss开发的小程序扩展组件库，与微信本地视觉体验一致 UI组件库，由微信官方设计团队和小程序团队为微信小程序量身定制，使用户的使用感知更加统一。UI设计组件库Onsen的UI元素和组件都是本地设计的，具有即时实现功能，符合本地IOS和Android设计标准。这个即时设计资源广场 Bootstrap 用户界面组件库包括按钮、标签、颜色和文本等可重复使用的组件，用于设计原型图，可与前端开发完美协调，无需担心代码难以实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值