今天给大家推荐的是一个滴滴开源的移动端开发组件库：Pile.js。 Pile.js 是滴滴开发的基于 React 的移动端开发组件库。 轻量，易用，包含 52 个交互功能，支持多语言与自定义皮肤。...第二步：引用组件代码： ? 组件列表 ? 具体演示效果，可以扫描下方二维码，体验： ? 开源项目地址
综合自：https://didi.github.io/cube-ui/ 继 6 月份开源Android 端插件化框架 VirtualAPK后，滴滴近日又开源了第二个项目 —— 基于 Vue.js 实现的移动端组件库...移动端组件库 cube-ui 授权协议：Apache 开发语言：JavaScript 操作系统：跨平台 开发厂商：滴滴 Github：https://didi.github.io/cube-ui/ cube-ui...简介 cube-ui 是由滴滴开源的基于 Vue.js 实现的移动端组件库。...cube-ui 具有如下功能特性： ● 质量可靠：由滴滴内部组件库精简提炼而来，历经考验，并且每个组件都有充分单元测试，为后续集成提供保障。...better-scroll：组件库依赖的一个库，为了避免重复引入问题，我们暴露出了这个模块。
升级版的mint-ui，基于vue.js,可自己拓展组件。 Installation 推荐使用 npm 的方式安装，它能更好地和 webpack 打包工具配合使用。
通过多次爬坑，发现了这些监听滚动来加载更多的组件的共同点， 因为这些加载更多的方法是绑定在需要加载更多的内容的元素上的， 所以是进入页面则直接触发一次，当监听到滚动事件之后，继续加载更多， 所以对于无限滚动加载不需要写首次载入列表的函数...loadingText" :loadingComplete="loadingComplete" :lifeList="lifeList"> //LifeLists组件...mt-spinner v-if="(loadingComplete==false)" type="snake" :size="16"> LifeListItem组件...item.commentCount}} vue.js...网上找到很多mint-ui 的loadmore组件来实现上拉加载更多，由于上拉触发相应的加载更多事件，所以当进入页面的时候应该不会自动载入数据，则这里可以加一个获取第一页数据的函数。
今天给大家分享一个开箱即用web移动端组件,它可以帮助你快速搭建移动端项目,简直太赞了!...前端铺子 前端铺子 是一个基于 Vue、uniApp、 ColorUi、uView 的web移动端解决方案，它使用了最新的前端技术栈，完美支持微信小程序。...键盘、拍照图片水印、在线答题、证件识别、周边定位查询、文档预览、各种图表、行政区域、海报生成器、视频播放、主题切换、时间轴、瀑布流、排行榜、课程表、渐变动画、加载动画、请求封装等～ 它可以帮助你快速搭建移动端项目
今天，我们就接着分享一个专为 Svelte 打造的移动端组件库：STDF STDF 简介 Svelte 是一个新兴的前端框架，组件库不多，今天介绍 STDF 算是不可多得的一个组件库了。...STDF 是一个移动端的 UI 组件库，主要用来开发移动端 web 应用。和我们之前介绍过的许多组件库都不一样，它是基于基于 Svelte 和 Tailwind 开发的。...你可以认为这套组件库是专为 Svelte 打造的。 Svelte 简洁语法，主要是让原生 JS 代码有了响应式的能力，而且打包后的 web 应用很小，特别适合开发移动应用。.../> 这就是移动端常见的导航。 STDF 有一整套的应用组件，就像Element之于VUE，Ant Design 之于React。 更多组件的使用方法，请查看 STDF 官网的文档。...另一个问题是，STDF 组件主要用于移动端，面向 C 端用户。因此，对产品的性能、易用性和可用性要求很高，大家花费的的精力必然要多一些。 综合来说：如果追求极致的性能表现，就可以选择 Svelte。
包括 50多个组件。 20多个页面。 10 多个工具方法。 源码地址: https://github.com/iamjoel/mobile-codes-collection 。
作者：阡ゼ陌 移动端适配 相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。...键盘弹出与使用transform属性的情况在移动端是很常见的，所以需要谨慎使用position:fixed。 推荐使用flex flex，即弹性布局，移动端兼容性较好，能够满足大部分布局需求。...在很多第三方组件库中，我们经常看到直接使用插件的方式调用组件的方式，比如VantUI的Dialog弹出框组件，我们不但可以使用组件的方式进行使用，也可以通过插件的形式进行调用。...--使用--> const loading = create(Loading, {}) loading.show() // 显示 loading.hide() // 关闭 第三方组件 移动端各种组件、插件已经相对完善...常用组件库 VantUI是有赞开源的一套轻量、可靠的移动端Vue组件库；支持按需引入、主题定制、SSR，除了常用组件外，针对电商场景还有专门的业务组件，如果是开发电商项目的话，推荐使用。
有赞技术团队开源的移动端组件库 Vant 1.0 正式发布啦。Vant 是有赞前端团队维护的移动端 Vue 组件库，提供了一整套 UI 基础组件和业务组件。...作为移动端组件库，Vant 一直将轻量化作为核心开发理念。为了平衡日益丰富的功能和轻量化之间的矛盾关系，我们尝试了很多的优化方式，包括支持组件按需加载、公共模块复用、组件编译流程优化等。...作为对比，mint-ui 的组件平均体积为 15.2KB，某些组件库的组件平均体积甚至在 25KB 以上。所以，它很轻量。...支持通过 postcss 插件进行主题定制 官方 Demo 仓库 - vant-demo 基于相同视觉规范的小程序组件库 - zanui-weapp 开源社区的移动商城示例项目 - vant--mobile-mall...既然是移动端的组件库，那我们就来看看它包含哪些组件呢？ ? 最后，大家可以长按扫描下方二维码，体验一下这些组件，在手机中的效果和效率，看看怎么样？ 另外，我最近有点喜欢上 Vue 开发了。
Flutter开发的App，其中不乏我们每天都使用的应用 像微信、QQ、闲鱼、淘宝、百度网盘、美团商家版、京东、B站、微博、链家等应用都使用了Flutter进行开发 而小师妹今天就给大家推荐一款企业级移动端...Flutter 组件库——Bruno Bruno Bruno 是基于一整套设计体系的 Flutter 组件库。...它是由贝壳「用户体验中心 & 移动端作业组」联合打造的一套企业级移动端 Flutter 组件库 特点 丰富的组件列表，涵盖常见的开发场景 提炼自企业级移动端产品的交互和视觉风格 开箱即用的高质量 Flutter...组件 提供满足业务差异的主题定制能力 提供设计资源文件包含原型和设计稿 组件 数据图表 底部菜单 导航栏 弹框 100+组件 使用 在Flutter工程目录下 pubspec.yaml 文件中加入
最近有个需求，移动端有导航，需要左滑右滑的时候就能切换导航，跟轮播一样的效果，但是轮播内容少，而且是一次性加载数据。...自己写了个左滑右滑的组件。我一直觉得写组件最重要的就是理解原理和理清思路。...CurrentX-startX就是移动的距离，让当前父元素相对定位，然后随着移动定位left的值。这样就实现了一个元素左滑右滑的效果。...接着考虑当手指松开的时候触发touchEnd方法，获取endX，endX减去startX或者是移动过程中的距离，大于0就是手指向右滑动，小于0就是向左滑动。...因为是组件，我们把左滑还是右滑返回，把可能需要用到的移动过程中的距离也返回。最后，我们在移动一点点距离的时候不一定要左滑右滑，所以需要一个最小的滑动距离。
Vant 是有赞前端团队维护的移动端 Vue 组件库，提供了一整套 UI 基础组件和业务组件。通过 Vant 可以快速搭建出风格统一的页面，提升开发效率。...一、关于 Vant 1.0 距离 Vant 首次发布刚好过去了半年时间，在这半年时间里 Vant 团队广泛吸纳社区的反馈和建议，持续对组件进行打磨、优化，使得 Vant 逐渐成长为一个轻量、可靠的移动端...Vue 组件库。...GitHub 地址：github.com/youzan/vant 二、现有组件 ? 三、开发理念 轻量化 作为移动端组件库， Vant 一直将轻量化作为核心开发理念。...支持通过 postcss 插件进行主题定制 官方 Demo 仓库 - vant-demo 基于相同视觉规范的小程序组件库 - zanui-weapp 开源社区的移动商城示例项目 - vant--mobile-mall
@media screen and ( min-width: 319px){html{ font-size: 100px;}} @media screen an...
常用数据库,通常面试都会说用SQLite 嵌入式数据库是轻量级的，独立的库，没有服务器组件，无需管理，一个小的代码尺寸，以及有限的资源需求。目前有几种嵌入式数据库，你可以在移动应用程序中使用。...Couchbase Lite Couchbase Lite是一个为满足在线和离线的移动应用所开发的超轻量的，可靠的，并且安全的JSON数据库。...Couchbase移动平台的亮点 JSON Anywhere： 使用专为面向对象的移动应用设计的灵活的数据模型，即时适应你的应用程序需要而无需大幅改动应用程序 易于同步 （轻松同步）： 只须几行代码就可以同步就绪...原生 APIs： 使用专门为iOS和Android优化的API管理移动数据库 REST APIs： 基于你的开发需求, REST APIs 提供了一种替代的访问方法。...包含多个数据集的一个完整的数据库，存储在单一的磁盘文件中。数据库文件格式是跨平台的，可以在32位和64位系统或大端和小端架构之间，自由拷贝一个数据库。
github代码链接 https://github.com/nan1010082085/vue-components/tree/master/address 20190122 最新修改 通过 淘宝移动端适配插件...confirm响应 传递当前数据 ---- 目录 mixin ==> 混入文件 控制后三列滑动 util ==> 工具文件， 克隆传递过来的数据 getAddress.js //获取数据文件 需要在父组件混入...中定义 请确保父组件中不予起冲突 valueData 初始化默认选中数据 数据格式单层对象 ?...注意 每次改变数据 都会出发change响应 点击蒙层与确定会出发各自的事件 并 隐藏组件 使用 父组件中 component 引入 import AddressList from ‘…/…/newComponent...可以定义你自己需要的这里仅示例 getAddressData(data){ //父组件中动态展示 try { this.provinceText= data.rag
基于vue封装的移动端swiper组件 直接上代码！...App.vue 移动端轮播图 // 移动端轮播图...this.moveRatio // console.log("右边移动超过this.moveRatio"); this.pre(); } else if (...if (this.moveDistance > 0) { // console.log("右边移动不超过0.3"); if (this.currentIndex
本文来自：微信移动客户端开发团队公众号（WeMobileDev） 前言 ---- WCDB（WeChat DataBase）是微信官方的移动端数据库组件，致力于提供一个高效、易用、完整的移动端存储方案。...数据库是微信内最基础的组件之一，消息收发、联系人、朋友圈等等业务都离不开数据库的支持。...为了满足需求，我们也对现有方案做了对比研究： 目前移动端数据库方案按其实现可分为两类， 关系型数据库，代表有CoreData、FMDB等。...key-value数据库，代表有Realm、LevelDB、RocksDB等。 Realm 因其在各平台封装、优化的优势，比较受移动开发者的欢迎。...完整；数据库操作是一个复杂的场景，我们希望数据库组件能完整覆盖各种场景。包括数据库损坏、监控统计、复杂的查询、反注入等。 显然，上述各个方案都不能完全满足微信的需求。
作者：sanhuazhang 前言 WCDB（WeChat DataBase）是微信官方的移动端数据库组件，致力于提供一个高效、易用、完整的移动端存储方案。...数据库是微信内最基础的组件之一，消息收发、联系人、朋友圈等等业务都离不开数据库的支持。...为了满足需求，我们也对现有方案做了对比研究：目前移动端数据库方案按其实现可分为两类， 关系型数据库，代表有CoreData、FMDB等。...完整；数据库操作是一个复杂的场景，我们希望数据库组件能完整覆盖各种场景。包括数据库损坏、监控统计、复杂的查询、反注入等。显然，上述各个方案都不能完全满足微信的需求。...本文来源于：WeMobileDev 微信公众号 相关推荐 微信移动端数据库组件 WCDB 系列：数据库修复三板斧（二） 微信移动端数据库组件WCDB系列：WINQ原理篇（三） 微信移动端数据库组件 WCDB
ICU 还有一个严重的问题是动态库和自带的数据文件体积很大，超过 10MB，编译进 APK 里相当不划算， 最好能直接加载系统自带的 ICU 库。...但加载系统库有另一个障碍：ICU 库不同版本会在函数名称后面 带上版本号后缀，直接编译时连接行不通。...最终实现效果便是在不需要自带 ICU 库的前提下使用 ICU 库的断词、归一化等功能，为最终 APK 包省下 10MB 以上空间。...要实现高性能日志持久化，可以考虑使用我们 mars 里面的 xlog 组件。...微信终端跨平台组件 mars 系列（一） - 高性能日志模块xlog WCDB 还提供了性能监控接口 SQLiteTrace，实现接口并绑定到 SQLiteDatabase 可以在每次 执行 SQL 语句或连接池拥堵的时候得到回调
组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。...组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下： Vue.component(tagName, options)...注册后，我们可以使用以下方式来调用组件： 全局组件 所有实例都能用全局组件。...' }) // 创建根实例 new Vue({ el: '#app' }) 局部组件 我们也可以在实例选项中注册局部组件，这样组件只能在这个实例中使用： 局部组件实例...: '自定义组件!
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
