2024年08月30日 Vue Core Video Player – 轻量精致的web视频播放免费开源组件。 Vue Core Video Player中文官网网址:https://core-player.github.io/vue-core-video-player/zh/ 一般来说,支持的视频播放格式和浏览器有关,一般是flv和mp4格式。作为一款优秀的现代视频播放组件,Vue-Core-Video-Player 同样支持直播流,通过HLS插件可以播放m3u8格式的流视频。 Vue

2024年08月30日 Touch WX – 把一套代码发布到微信小程序和H5的免费前端框架。 Touch WX中文官网网址:https://gitee.com/vacuole/touchwx/ Touch WX 完全是基于小程序官方的自定义组件机制实现,输出的是小程序原始代码,而不是输出开发者完全无法阅读的编译代码。这样当遇到问题时,开发者可以很方便的定位问题所在,还可以基于输出的原始代码继续开发。 Touch WX组件的特点 1、组件扩充:增加了30多种常用的组件用于官方组件的补充;

2024年08月30日 Vuetify是一个基于 Vue.js 精心打造 UI 组件库,整套 UI 设计为 Material 风格。能够让没有任何设计技能的开发者创造出时尚的 Material 风格界面。 Vuetify中文官网网址:https://vuetifyjs.com/zh-Hans/ Vuetify 出自国外团队之手,官网提供中文文档,翻译略有些生硬但也不影响理解,需要注意的,无论是设计完善的组件,还是代码示例,都非常丰富而详细。遇到问题,认真阅读文档几乎都可以解决。 Vuetify组件的

2024年08月30日 Chart.js是一个基于 canvas 的可视化开源库。它可以用于构建简单漂亮的 H5 图表,满足产品数据可视化的需求。 Chart.js中文官网网址:https://chart.nodejs.cn/ Chart.js 就是一款优秀漂亮的图表解决方案,不仅可以用在 pc 端中后台项目上,由于其出色的响应式设计,使得用在移动端上表现尤为亮眼,而且使用简单、API简洁,开箱即用的特点,直到现在都是我选择图表库的首选。 Chart.js组件的特点 1、包含6种不同的常用图表,每种

2024年08月30日 html2canvas – 动态生成微信分享海报的优质js库。 html2canvas官网网址:https://html2canvas.hertzen.com/ 在微信项目中,我们经常会遇到动态生成海报的需求,在Web前端经常会用到canvas来合成图片。canvas虽然强大,但是合成海报非常复杂,一不小心就要几百行代码。Html2canvas.js是一种简单的方法,可以直接将HTML+CSS编写的布局转换成画布,生成可以保存和分享的图片。 html2canvas

2024年08月30日 HeyUI和成熟的element 、iview相比,HeyUI 也有非常亮眼的功能。体验下来,element 、iview是大而全的UI组件库,而 HeyUI 是简洁轻量。 HeyUI中文官网网址:https://www.heyui.top/ HeyUI 是基于 Vue 2.0 的开源 UI 组件库,是一整套解决方案,所有的组件提供全局的可配置模式,主要服务于一些中后台产品。值得一说的是,这个库的作者是一位很有个性的女程序员,文本能力也超强,官网上的文档写得清楚易懂,十分容易

2024年08月30日 MyUI – 新德汇出品的基于 Element UI 的中后台项目工程框架。 MyUI中文官网网址:https://newgateway.gitee.io/my/ MyUI 是一款由新德汇出品的基于 Vue + Element UI 构建的工程框架,专注于中后台管理系统快速搭建。喜欢 Element UI 的小伙伴,现在终于有了一个颜值在线,综合素质优秀的 admin UI 框架了。 MyUI框架的特点 1、搭载的代码生成器可生成底层 api 调用、vuex 管理

2024年08月30日 Swiper是一个纯javascript制作的滑动特效插件,主要用于移动网页开发中对内容的触摸和滑动,兼容PC网页。插件团队维持多年,非常稳定,是移动网站滑动需求的重要选择。 Swiper中文官网网址:https://www.swiper.com.cn/ Swiper是一款完成度高、稳定且生态完善的 js 插件,在官网大量的 demo 下,不仅可以满足常见的banner焦点图、菜单和侧滑等常规需求,也能轻松应对 3D 旋转、视差切换等酷炫切换特效,像腾讯、阿里、字节跳动等很多

2024年08月30日 QRCanvas不仅仅是用来生成海报,也可以单独使用,比如生成网址扫码预览和分享、登录扫码认证等功能,是一个使用简单,功能强大的优秀开源项目,非常值得收藏使用。 QRCanvas中文官网网址:https://github.com/gera2ld/qrcanvas/ QRCanvas的使用非常简单。无论是vue开发的,还是传统cdn引入的,都可以快速集成到现有项目中。提供了详细的代码示例,还提供了可视化工具来调整定制参数。不仅可以调整二维码大小、像素样式和颜色,还可以动态添加背

2024年08月30日 Wired Elements是一款手绘线框风格的 web UI 组件库,包含了web 开发常见的基本 UI 元素,能够满足快速构建自然的手绘产品界面。 Wired Elements官网网址:https://wiredjs.com/ Wired Elements 手绘线条的实现是基于 SVG 的,如果是非现代浏览器,需要注意绘制的兼容性。值得一说的是,Wired Elements 不仅支持常规的 npm 引入方式开发,也支持通过直接加载 ES 模块的方式加载。 Wired El

2024年08月30日 Tiptap是一款专为 vue 打造的简洁明快的富文本编辑器,通过简单的设置能为用户提供多种优秀的文字编辑体验。 Tiptap官网网址:https://tiptap.dev/ Tiptap的官网文档详细,API 简单,代码例子充足,如果熟悉 vue 开发,几乎不需要学习直接使用。作为国外网站,打开速度很快,但只有英文,需要借助翻译软件来进行文档查阅。 Tiptap富文本编辑器的特点 1、Tiptap 最大的特点是预置的渲染,没有任何 CSS,用户可以更全面地控制段落标记和样式

2024年08月29日 ztext.js是一个能把常规的平面文字变成 3D 样式的前端开源代码库,让开发者能通过非常简单的 api 创造出酷炫的 3D 文字效果。配合 CSS 动画,可以实现惊艳酷炫的交互效果。 ztext.js官网网址:https://bennettfeely.com/ztext/ ztext.js并没有引入真正的第三方 3D 库来实现三维视图,而是通过从 HTML 元素创建图层,来给人一种立体的错觉,基于 CSS 的 transform-style 属性来还原 3D ,视觉效果非

2024年08月29日 Vue Baidu Map是一个基于 Vue.js 封装的百度地图组件,几乎包含百度地图官方所有的 API 示例,同时也支持引入百度地图扩展包。 Vue Baidu Map中文官网网址:https://dafrok.github.io/vue-baidu-map/#/zh/index Vue Baidu Map官网上的文档以及代码例子非常多,这让新手们也非常容易上手,拷贝代码就可以开始“搬砖”了,让开发者不需要再重复造这样的轮子,也不用去看百度地图官方非常难懂、常用功能默认样

2024年08月29日 JSON是一种用于数据交换的文本格式。它使用简洁明了的键-值对表示,易于读写。它是JavaScript中的数据表示,但并不局限于JavaScript,很多编程语言都可以支持和解析。 JSON数据格式的基本语法有哪些? 对象(Object):使用花括号{}表示,例如:{“name”: “John”, “age”: 30}。 键值对(Key-Value Pair):使用冒号:分隔键和值,例如:”n

2024年08月29日 Leafer UI是基于LeaferJS的多彩UI绘制框架,帮助开发者快速生成图形界面。LeaferJS是一个基于HTML5 Canvas的2D绘图渲染引擎,在web上有着出色的绘图性能。与同类图形引擎相比,渲染时间更少,占用超低内存。 安装 Leafer UI npm install leafer-ui 也可以直接在<script>引入 <script src="https://unpkg.com/leafer-ui"></script

最新内容