建站教程 - 简单搜索

Swiper滑动js特效插件中文文档官网介绍

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

QRCanvas动态生成二维码js插件库

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

Wired Elements手绘风格UI组件库文档官网介绍

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

tiptap开源富文本编辑器文档官网介绍

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

ztext酷炫3D特效文字的JS插件库文档官网介绍

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

Vue Baidu Map百度地图API组件中文文档官网介绍

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

JSON数据格式的基本语法有哪些？

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

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

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

STDF组件库列表介绍

2024年08月29日 STDF是一个移动UI组件库，主要用于开发移动web应用。与我之前介绍的很多Vue组件库不同，STDF是基于新开发的js框架Svelte开发的，这是一个类似于Vue/React的JavaScript框架，也就是说这个组件库是专门为Svelte打造的。 STDF组件列表通用组件（5）按钮 Button 底部浮窗 BottomSheet 图标 Icon 遮罩 Mask 弹出层 Popup 布局（4）分割线 Divider 网格 Grids 占位符 Place

STDF UI组件库的搭建示例

2024年08月29日 Svelte是近几年新的前端框架，目前生态还不是特别丰富。STDF是质量非常高的UI组件库之一，它的组件值、代码和用法都非常优雅。脚手架安装 npm i stdf -D # 或者 pnpm i stdf -D 在 Svelet 中使用 <script> import { Button } from 'stdf'; </script> <Button>默认</Button> 更详细的使用方法，可以查看 S

GSAP动画库使用示例

2024年08月29日今天介绍的GSAP是一个专业的网页动画工具库。当我访问GSAP官方网站时，我看到了一组非常酷的动画效果。乍一看还以为是AE做的视频，整个动画流畅到让人很难想到是JavaScript做的。安装 GSAP npm install gsap 或通过 CDN 引入 <script src="https://cdn.jsdelivr.net/npm/gsap@3.11/dist/gsap.min.js"></script> 快速开始 // 引入模块

LogicFlow流程图框架使用示例

2024年08月29日 LogicFlow是一个基于javascript的流程图编辑框架，提供了一系列与流程图相关的交互和编辑功能，还支持节点定制、插件等简单灵活的扩展机制，让开发人员快速实现业务系统中类似流程图的需求。安装 LogicFlow $ npm install @logicflow/core @logicflow/extension --save 或通过引入 <script> 标签的方式来安装  <l

Vue vben admin高颜值管理后台UI框架中文文档官网介绍

2024年08月29日新鲜出炉的高颜值管理后台UI框架，基于 Vue3 和 Ant Design Vue，基于Vue3.0 / Vite / Ant Design 等火热开源项目构建，新鲜出炉，值得关注。 Vue vben admin中文官网网址：https://doc.vvbin.cn/ Vue Vben Admin 是一个基于 Vue3.0、Vite 、 Ant-Design-Vue 、TypeScript 构建的后台解决方案，为中大型项目开发提供开箱即用的UI框架，包括二次封装组件、util

Piqsels直接免费商用免版税图片下载的网站

2024年08月29日 Piqsels 一个提供免版税图片下载的网站，据了解，这个网站在 2020 年才推出，目前已经收录了大量优质的图片，可以轻松解决创作中对图片的需求。 Piqsels中文官网网址：https://www.piqsels.com/ Piqsels网站很简单，没有下载图片相关的功能。而且作为国外的图库网站，国内亲测的访问速度非常快，无论是网页的响应速度还是高清图片的加载都非常快，可以节省很多日常素材搜索的等待时间。 Piqsels 图库网站的特色 1、拥有大量优质的图片素材，包括风

WeUI轻松快速上手（微信官方推出）

2024年08月29日 WeUI提供了一套现成的组件，如按钮、表单、列表和对话框，这些组件针对移动使用进行了优化，并遵循了微信的视觉风格。这些组件在我们使用微信的过程中随处可见，用户也非常熟悉。 WeUI的技术特点 1.内置几十个微信风格的基础组件。这些组件在设计和用户体验上都非常简单，用户接受度很高。直接使用这些组件可以节省开发人员大量的时间。 2.内置布局，排版系统和图标。WeUI提供了各种常见的布局和图形排版系统，在开发中非常实用。 3.v2.2.0增加了暗黑模式，通过添加属性data-weu