推荐3个小程序开源组件库 在进行小程序开发时,经常会遇到编写组件方面的阻碍,这让我们花费大量的时间在页面以及 CSS 样式编写上.因此可以使用开源组件库,有些复杂的组件可以直接拿来使用,节省开发时间,避免重复造轮子. Vant 由「有赞」团队维护的开源项目,目前 GitHub 上有 8057 颗 ⭐.Vant 提供了一整套 UI 基础组件和业务组件,通过 Vant 可以快速搭建出风格统一的页面,提升开发效率.除了一些常用的 UI 组件,Vant 还提供了一些适用于商城小程序的业务组件,例如省市区…

前面使用了 11 篇文章分享基于 vue3 .Monorepo 的组件库工程完整四件套(组件库.文档.example.cli)的开发.构建及组件库的发布.本文属于这 11 篇文章的扩展 -- 如何发布到 GitHub 上以及如何快速利用 GitHub 发布组件库文档.这样优雅哥的<组件库框架>系列便形成了一个闭环:从开发,到开源.在开始本文之前,请您先注册 GitHub 账号并登录. 1 提交 GitHub 1.1 创建 Repository 登录 GitHub 后,点击右上角的 "…

最近 1 ~ 2 月除了开发小程序之外,还一直在继续深入的学习 Vuejs.利用零碎.闲暇的时间整合了一套基于 Vue 的 UI 组件库.命名为 GearCase UI,意为齿轮盒.现在把该项目进行开源分享,希望能和更多的人一起交流学习. 在构建该项目的过程中我也收获颇丰.除单纯的造轮子之外,还学习了单元测试.持续集成,更加熟悉工程化.并了解 TDD.BDD等. GearCase UI 组件库 0.1.2 版本已经完成,本篇文章简要讲解安装.引入.注册使用 GearCase 的方法.各组件的具体…

传统的用html+jquery来实现购物车系统要非常的复杂,但是购物车系统完全是一个数据驱动的系统,因此采用诸如Vue.js.angular.js这些框架要简单的多.饿了吗开源的组件库Element是基于Vue.js 2.0实现的,该组件库封装了开发中需要的各种组件,并且提供了友好的API文档供开发者查看,下面就是我用Element实现的一个简单的购物车系统.(https://github.com/iwideal/MyGit/tree/master/HTML/shopping-cart) 首先,…

大家好,我是 Kagol,公众号:前端开源星球. "你们这个产品怎么只能在电脑上适配呀?我想在手机上看都不行,太麻烦了!!" "你们这个产品看起来太简单了,我想要@@功能,你们这都不能实现吗?" "你们这个产品到底安全不安全呀,不会填一点信息然后全给我泄露出去了吧!" 我们前端开发同学在工作过程中总是遇到各种各种用户抛出的尴尬问题.此时,如果学会用 OpenTiny,这些问题统统不复存在. 最近有很多朋友开始使用华为云出品的跨端.跨框架.跨版本的…

这里分享一个Android的非常经典实用而且简单方便的第三方UI控件库:BottomView(小米的米UI也用到了这个) 原文  http://blog.csdn.net/opzoonzhuzhengke/article/details/35230819 实现功能: 可以在底部弹出的View里自定义布局: 可以自定义是否可以触摸外部消失: 可以自定义事件: 可以自定义外围背景是否透明: 可以自定义动画: 如果需要的话,可以强制为顶部View显示 BottomView.jar库文件下载地址:htt…

官网 Vue Flow 官网 Vue Flow GitHub 安装 npm i --save @vue-flow/core yarn add @vue-flow/core pnpm i @vue-flow/core 使用 <template> <VueFlow v-model="elements" /> </template> <script setup> import { VueFlow } from '@vue-flow/core'…

前两篇文章分享了基于 vite3 vue3 的组件库基础工程 vue3-component-library-archetype 和用于快速创建该工程的工具 yyg-cli,但在中大型的企业级项目中,通常会自主搭建这些脚手架或加速器.优雅哥希望每位前端伙伴能知其所以然,故接下来的文章将进入 Vue3 企业级优雅实战 系列,整个系列将包括五大部分: 首先会分享如何从 0 开始搭建一套组件库基础工程,即如何从 0 实现 vue3-component-library-archetype. 1 组件库工程…

前段时间一直在研究Vue组件库,终于在组内派上了用场.来给大家贡献一篇关于Vue组件库的相关知识.经验不多,如果有不合理的地方还请多多指出哦--- 回想一下,在你们公司或者你们小组是否有一个以上的项目需要你维护?你是否遇到两个项目需要开发类似的功能的情况?那么你是怎么做的呢? 有这么三种常用的解决方案: COPY 你可能会说我讲究速度,复制之前的组件到新项目中,慢慢的你会发现随着你的项目的增加代码量在成倍上升,重复工作浪费了你很多时间. 子模块 我可以抽离出所有公共的组件放入一个子模块(git…

github: https://github.com/VV-UI/VV-UI 演示地址: https://vv-ui.github.io/VV-UI/#/meta-info 1. LoadingBar 当我们访问知乎或者Github的时候,会经常看到这样的加载进度条: 这种交互对于单页面应用来说,也是可以极大地增强用户体验,那么我们基于Vue 该如何实现这样的加载进度条呢?其实很简单,目前我做了一套基于Vue的开源组件库,里面完善和补充了其他组件库不存在的一些组件.比如我们的LoadingBar…