web建站教程

     
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

前端知识

LeaferUI之HTML5 Canvas 2D 图形UI绘图框架安装示例

Leafer UI 提供了常用的 UI 绘图组件和开箱即用的功能,使得我们可以很方便地与 Figma、Sketch 等产品进行数据交换,并为跨平台开发提供了统一、丰富的交互事件,如拖拽、旋转、缩放手势等。

HTML5 Canvas 2D 图形LeaferUIUI绘图框架
JSON数据格式的基本语法有哪些?

JSON是一种用于数据交换的文本格式。它使用简洁明了的键-值对表示,易于读写。它是JavaScript中的数据表示,但并不局限于JavaScript,很多编程语言都可以支持和解析。

JSON数据格式
KPC前端UI组件库中文文档官网介绍

KPC 基于 MIT 开源协议在 Github 上开源,任何人都可以免费授权使用,包括用于商业用途。金山云团队出品的前端 UI 组件库,支持4大主流的前端框架,主题定制功能也很强大。

KPC前端UI组件库金山云框架金山云组件
Vue Baidu Map百度地图API组件中文文档官网介绍

Vue Baidu Map 已经在 github 上基于 MIT 许可证 开源,任何人都可以下载安装免费使用,包括用于商业项目上。基于 Vue.js 封装的百度地图组件,运行流畅,代码简单易懂,可能是在 Vue 生态里最好的地图组件了。

Vue Baidu Map地图组件百度地图API组件百度地图扩展包
ztext酷炫3D特效文字的JS插件库文档官网介绍

ztext.js 基于 MIT 开源协议在 Github 上开源,任何人都可免费下载用在自己的项目,包括商业用途。ztext.js 就是一个适用于这样场景的 js 库,压缩版本大小仅3.8kb,api 也非常简单,而且官网有详细的代码例子。

js插件库ztext前端开源代码库酷炫3D特效文字
tiptap开源富文本编辑器文档官网介绍

Tiptap 是一款基于 vue.js 的富文本编辑器,目前基于 MIT 开源协议托管在Github 上,任何个人和组织都可以免费下载使用,包括商业用途。

tiptapVue 富文本编辑器富文本编辑器
Wired Elements手绘风格UI组件库文档官网介绍

Wired Elements 基于 MIT 协议在 Github 开源,任何人都可以免费使用,也可以免费用于商业项目。官网提供了所有组件的预览,但都是基本的 UI 元素,数量不多,对一些轻量级的 web 项目是够用的,特别是带有表单的手绘风格的 H5 活动页面。

UI组件库Wired Elements手绘产品界面
QRCanvas动态生成二维码js插件库

QRCanvas 的前身是 jsqrgen,基于 MIT 协议在 Github 上开源,任何人都可以免费下载安装使用。QRCanvas不仅仅是用来生成海报,也可以单独使用,比如生成网址扫码预览和分享、登录扫码认证等功能,是一个使用简单,功能强大的优秀开源项目。

html2canvasjs动态生成二维码js插件库QRCanvas
Swiper滑动js特效插件中文文档官网介绍

Swiper 自发布以来一直基于 MIT 协议开源,使用完全免费,能够用于任何个人和商业项目。简单配置就能实现手机、PC 网页中滑动、焦点轮播图、tab 切换和触摸导航等大部分功能。

js特效插件swiper前端开源项目滑动js特效插件
MyUI中后台项目工程框架中文文档官网介绍

MyUI 上手非常简单,只要 Vue.js 和 Element UI 的基础知识过关,就可以从官网提供的文档开始上手。图表、关系图、流程图和地图类库的支持使得 MyUI 的使用场景很广泛,可以轻松应对针对企业用户的需求。MyUI 基于 MIT 协议在 Gitee 上开源,可以免费使用,包括用于商业用途。

MyUI中后台项目工程框架前端开源项目新德汇框架
css.gg免费开源图标库

css.gg 基于 MIT 开源协议在 github 上开源,任何个人和商业机构都可以免费下载使用。

css.gg免费商用图库前端UI组件库开源图标库
Muse UI前端开源UI组件库文档官网介绍

Muse UI 是一个免费开源的 Vue UI 组件库,基于 MIT 开源协议在 Github 开源,任何人都可以免费用在自己的项目,也可以免费用于商业项目。

Muse UI前端UI组件库前端开源UI组件库
Mint UI移动端UI组件库中文文档官网介绍

Mint UI 由饿了么前端团队出品,基于 MIT 授权协议在 Github 开源,任何人都可以免费下载使用,包括用于商业用途。但由于 Mint UI 官网托管在 github.io 域名下,在没有工具加持的情况下国内访问极其不稳定,国内的开发者查看文档可以通过拉取 Mint UI 源码构建仓库,在本地构建服务来阅读。

Mint UI前端UI组件库移动端UI组件库
Tippy.js可定制的气泡提示独立组件文档官网介绍

Tippy.js 在 github 开源,可以自由下载学习和免费使用,包括商用。这是一个几乎包含所有能想到的气泡提示组件该有的功能,并且仍然保持清亮简洁的一个 js 组件库,内置的主题已经能满足很多项目的开发需求,除了常见的文本提示。

Tippy.js前端UI组件库气泡提示独立组件
HeyUI中后台前端UI框架中文文档官网介绍

HeyUI 已经在 github 开源,任何人都可以免费学习和使用,包括商用。一款同样优秀的前端 UI 组件库,其基于HeyUI的 admin 框架也是开箱即用的优质框架。

admin框架HeyUI中后台前端UI框架
html2canvas动态生成微信分享海报文档官网介绍

html2canvas 由开发者 Niklas von Hertzen 创建,基于MIT许可开源,可以免费使用在任何项目。

html2canvas前端开源项目动态生成海报
Chart.js图表开源库中文文档官网介绍

Chart.js 是开放源代码,基于 MIT 许可开源,我们可以免费使用在任何项目。Chart.js 基于HTML5,不仅能用在web、小程序上,也能用混合开发的方式用在App产品中。

Chart.js前端开源项目可视化开源库图表开源库
IconPark字节跳动开源图标库中文文档官网介绍

IconPark 图标库由字节CUX设计团队经过1年打磨,终于在2020年9月3日正式免费开源了。但翻了官网的说明,没有发现明确的说明可以免费用于商业用途,特意加入官方群咨询了相关负责人,得到了明确的回复:“可以免费商用。”

iconpark免费商用图库免费开源图标库前端UI组件库字节跳动框架
vonic开源移动端UI组件库文档官网介绍

ionic 的 UI 风格和国内的比如 vant 等大多数的 UI 库不一样,而且在细节处理上也非常到位,但 ionic 用起来实在有点费劲,文档非常多非常不中文, vonic 就是一个很好的替代。开始一个 App 项目,可以考试使用它。

Material Designvonic前端UI组件库移动端UI组件库
Vuetify开源UI框架中文文档官网介绍

Vuetify 基于 MIT 协议授权并且开源,任何个人和商业机构都可以免费使用。Vuetify 由 John 和 Heather Leider 拥有和运营,他们是一家全职开源企业,核心开发团队有10多个成员,是开放源码开发人员,帮助引导Vuetify及其生态系统的方向。

Material DesignVuetifywu layer开源UI框架移动端弹层组件