小红点 附上相关项目:Swift 3.0 高仿微信
序:微信最新版,选择照片控件细节有所改变,一般有轮子我是不会从新造的 。产品要求一模一样,无奈重新写。...调查了一下,GitHub大部分仿微信imagePicker还是基于TZImagePicker,swift出了那么长时间了。...##功能支持 高仿微信细节 相册序号选择: 微信样式多选照片 预览序号选择: 预览时可以序号选择 预览缩略图和大图联动: 联动样式仿微信 网络图片浏览: 有时需要处理服务器返回网络图片 快速布局UI:...注意了微信相册的一些细节,比如序号,最大选择之后照片变灰,浏览缩略图等等。 ZYImagePickerLayoutView 是相册选择之后的布局view库,单独拿出来做一个UI库,可选集成。...支持 支持iOS8+ Swift4.1 Cocospods ##安装 手动Demo: 里面有这两个库,拖到项目即可,具体看demo。
通常我们会用iscroll模拟个可以弹性滚动的选择框,然后每次根据选择自己写一些回调逻辑。 但是,对于类似 IOS 原生UIPickerView的滚动选择效果,之前没有直接的组件。不过,现在有了。...Picker.js就是一个高仿 IOS 的 UIPickerView效果的筛选器组件,拥有非常流畅的体验,由原生 JS 实现,不依赖任何插件和第三方库。...Picker.js简介 Picker.js是一个纯用js+css3 transition特性构建的纯h5滚动选择器,它能实现近似原生IOS datePicker的滚动选择效果,同时利用js回调函数捕捉常用的几个自定义事件来实现几列菜单级联效果...(采用的是官方示例) 单列 双列 三列 Picker.js的好处就是:安卓4.3+ ,IOS7+ 兼容。它基于纯CSS3动画实现滑动特效,动画流畅,各种webview,浏览器直接使用。比如数据联动。...但是IOS和安卓UI不统一风格,而且选择内容固定为时间。 安装使用 Picker.js早期的版本还依赖zepto.js 和gmu.js。
2组件框架 Keen-UI ★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme...vue-virtual-scroller ★238 - 带任意数目数据的顺畅的滚动 vue2-calendar ★236 - 支持lunar和日期事件的日期选择器 vue-dropzone ★233...- 用于文件上传的Vue组件 vue2-douban-market ★233 - 仿豆瓣市集webapp项目 vue-js-modal ★228 - 移动友好的Vuejs2的modal vue-slider...vue-laypage ★17 - 简单的VueJS分页组件 vue-typewriter ★15 - vue组件类型 vue-ios-alertview ★14 - iOS7+ 风格的alertview...- 用vue2实现仿豆瓣app ios7-vue ★52 - 使用vue2.0 vue-router vuex模拟ios7 canvas-vue ★50 - 一个Vue+Cnavas酷炫后台管理 vue-bushishiren
数字滚动组件 最近遇到一个数字模拟老虎机滚动的问题,以前有做过几次。但是都没有对它进行沉淀,这次觉得应该把这个东西沉淀一下,方便日后使用。本组件主要针对移动端面。...使用方法 下载本项目的numbers.js。...可以针对具体情况,对数字滚动做定制。...3,4为无差异化滚动 xxx$ 表示倒数的后三们为无差异滚动 } ); NUMBERS.scroll(); 单独定制 有时候,一个页面内有多个数字滚动,并且每个滚动的具体定制不同,无法统一通过NUMBERS.set...numberscroller组件可以通过数字滚动容器的属性来完成单独定制。
TextProgress - 自定义实现数字进度条:1,可以自定义数字(0-100),填充的比例为当前设置的数字,2,可以实现自定义填充颜色,上下部分都可以,3,可以自定义边界的颜色4,实现了水波动画...ASDayPicker - 适用于iOS(iPhone)的日期选择器(时间选择器),类似于Calendar app的周视图。 今天扩展 - 用纯代码构建一个Widget(今天扩展)。...仿LOL滚动视图 - 仿LOL滚动视图。 答案选择切换页 - 将scrollview和tableview封装在一起,在初始的时候简单的将数据带上,就可以一页一页的左右来回滑动。...支持iOS 5.0+ ARC,气泡能够带有数字标识,同时支持消失block方法。消失时还带有消失效果动画。 GiftCard-iOS - 礼品卡购买的炫酷动画。...ZFCityGuides - 实现City Guides的动画效果,数字动态变化的动画效果。 NumberMorphView.swift - 可爱的数字补间(变身)动画类库。
详细分类 01、UI组件及框架 02、滚动scroll组件 03、slider组件 04、编辑器 05、图表 06、日历 07、地址选择 08、地图 09、播放器 10、文件上传 11、图片处理 12、...vue-date-picker:VueJS日期选择器组件 vue-scrollbar:最简单的滚动区域组件 vue-quill:vue组件构建quill编辑器 vue-google-signin-button...vue-tree:vue树视图组件 vue-ios-alertview:iOS7+ 风格的alertview服务 dd-vue-component:订单来了的公共组件库 paco-ui-vue...:vue.js开发微信app界面 vue2-demo:从零构建vue2 + vue-router + vuex 开发环境 eleme:高仿饿了么app商家详情 vue-demo:vue简易留言板...+Vue.js+webpack快速开发框架 mi-by-vue:VueJS仿小米官网 vue-fis3:流行开源工具集成demo vue2.x-douban:Vue2实现简易豆瓣电影webApp
2组件框架vonic ★1494 - 快速构建移动端单页应用eme ★1390 - 优雅的Markdown编辑器vue-multiselect ★1166 - Vue.js选择框解决方案vue-table...- 基于vue.js的全日历组件rubik ★170 - 基于Vuejs2的开源 UI 组件库VueStar ★169 - 带星星动画的vue点赞按钮vue-mugen-scroll ★167 - 无限滚动组件...加载条视图vue-datepicker ★75 - 漂亮的Vue日期选择器组件vue-video ★70 - Vue.js的HTML5视频播放器vue-toast-mobile ★68 - VueJS的...vue-date-picker ★59 - VueJS日期选择器组件vue-scrollbar ★58 - 最简单的滚动区域组件vue-quill ★56 - vue组件构建quill编辑器vue-google-signin-button...vue-tree ★10 - vue树视图组件vue-ios-alertview ★8 - iOS7+ 风格的alertview服务dd-vue-component ★7 - 订单来了的公共组件库paco-ui-vue
2.1 自定义展示已经选择的类目信息 2.1.1 空心圆和实心圆 2.1.2 展示已经选择的类目信息cell的核心代码ERPSelectCategoryInfoV 2.2 VM 的定义 2.3 类目的层级...2.4 类目Model的定义 3.1 处理点击事件及创建视图 3.1.1 处理点击已经选择类目事件 3.1.2 处理选择类目事件 3.1.3 处理点击确定事件 ,传递选择的信息到发布商品控制器...: 1、发布商品时选择商品类目 2、商户进件选择经营类目 3、购物类app下单界面的商品类目筛选 在发布商品的时候,选择类目界面的要求视图分为上下部分。...1、 上部分:展示已经选择的类目信息,并清晰的从上倒下罗列对应层级类目信息(悬浮),点击类目的时候,下部分的展示的类目信息切换为同级类目信息供选择。...2、 下部分:展示可供选择的类目信息(支持滚动选中类目) ? 支持清空数据功能 ?
WaterDropRefresh - 仿Path 水滴的下拉刷新效果 还有视差滚动。 ESRefreshControl - 仿新浪微博、百度外卖、网易新闻下拉刷新样式Demo(仅供参考)。...WFReader - 一款简单的coretext阅读器,支持文本选择、高亮以及字体大小选择等。...HHFlashSwitch - 一个另类的UISwitch,选择后,背景水波扩散变色效果。...功能完整、代码简练、实现逻辑巧妙(编辑器核心与 WebView 结合,采用 HTML5 contentEditable 编辑模式,执行JS 配套命令 execCommand 实现富文本编辑功能)。...高仿微信限定行数文字内容 - 采用Autolayout高仿微信纯文字限定行数。 FuriganaTextView - 实现复杂的日文韩文排版。
MutableUploadDemo - 模拟需求:图文混编,要求用户选择图片后就上传,可选择多图,并行上传,用户确定提交后后台执行,必须全部图片上传完才能提交文字。...js-in-ios - webView与js的交互。 D3Generator - D3Generator根据字典生成对象。适用webview和push推送时,根据后台传回字典实现动态跳转。...TPKeyboardAvoiding - 用户键盘弹出自动计算高度,进行屏幕滚动操作。...ShoppingDemo - iOS仿美团外卖饿了吗App点餐动画,购物车。...Demo_ProductDetailScroll - Demo_ProductDetailScroll:仿京东商品详情滚动翻页。
iOS开发做微信小程序学习小结(一) 微信6年首次“变脸”,启动页由NASA《蓝色弹珠》换为我国风云四号气象云图 ......微信小程序--location API 微信小程序 + mock.js 实现后台模拟及调试 关于小程序swiper的问题 小程序终于秀出第一个风口:交通出行 黄荣奎:如何快速、便捷开发小程序 实现微信好友列表点击右侧字母列表跳转对应位置效果...token设置 微信“公众平台助手”发布-四大功能,让公众号运营更简单 支付宝小程序创建时的五大坑 Thinkphp5微信小程序获取用户信息接口调用笔记 小程序之豆瓣电影源码解读 微信小程序页面效果之『仿QQ...支付宝小程序开启公测 如何赢 微信小程序--滚动插件 xHSwiper 微信小程序循环以及嵌套循环的总结 专访App Annie CEO:微信小程序的发展有限,到一定阶段就会止步 ... ......web端的微信小程序 微信小程序Demo:零距智能餐厅 微信小程Demo:城市/区县定位选择器 微信小程序Demo:成都公交卡记录查询 微信小程序Demo:柠檬树婚纱照小程序 微信小程序Demo:健身小程序
支持iOS 5.0+ ARC,气泡能够带有数字标识,同时支持消失block方法。消失时还带有消失效果动画。 GiftCard-iOS - 礼品卡购买的炫酷动画。...用于简化实现各种类型的旋转木马(分页滚动视图),无限轮播 ,iOS开发之多图片无缝滚动组件封装与使用。 KIPageView - 无限循环PageView,横向TableView,无限轮播。...渐变特效文字 - 做了一个仿iPhone的移动滑块来解锁的渐变特效文字,还有一个类似ktv歌词显示的文字特效。...ZFCityGuides - 实现City Guides的动画效果,数字动态变化的动画效果。 NumberMorphView.swift - 可爱的数字补间(变身)动画类库。...WZXJianShuPopDemo - 仿简书、淘宝等等的View弹出效果,已封装好,使用简单。实现原理 PeekPop.swift - 3DTouch动画组件。
Safari (其他浏览器和 Android 均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如: 7 位数字,形如:1234567 带括号及加号的数字,形如:(+86)123456789...双连接线的数字,形如:00-00-00111 11 位数字,形如:13800138000 关闭识别 滚动。 true,则元素将在其所在滚动区的可视区域中居中对齐。 false,则元素将与其所在滚动区的可视区域最近的边缘对齐。...keyup 事件 IOS12 输入框难以点击获取焦点,弹不出软键盘 定位找到问题是 fastclick.js 对 IOS12 的兼容性,可在 fastclick.js 源码或者 main.js 做以下修改...不仅限于 type=text 的输入框,凡是软键盘(比如时间日期选择、select 选择等等)被唤起,都会遇到同样地问题。
模仿 这个效果是仿照【每天】的首页做的,当时刚下了【每天】的时候觉得整个APP非常文艺,我很喜欢,就想仿写一个出来自娱自乐的。...大致介绍一下思路吧,这个动画主要是分为卡片的飞上飞下和日期小圈圈中的数字滚动两部分。...进行滚动,感觉也挺不错的。...滚动到某个具体数字的函数如下: func slideToNum(num: Int) { if num 9 { return...singleDigitSlider.slideToNum(date%10) } } 这样每当date的值改变的时候就会分别调用个位数和十位数的sliderToNum方法,滚动到对应的数字
meituan -美团5.7iOS版(高仿),功能包括,团购首页,高德地图搜索附近美食并显示在地图上,上门服务,商家,友盟分享。...JFMeiTuan - 造美团应用界面构造的iOS应用,第二个是@tubiebutu的JFMeiTuan。 chuanke - 高仿百度传课iOS版。...高仿斗鱼电视 - 高仿斗鱼电视,点击头部滚动视图可以播放视频。...BTApp - BTApp仿半糖iOS应用程序的Demo应用程序。...UIView的+红点实现底部UITabBarItem和控件的右上角显示和隐藏红点/数字的需求 - 使用GCD实现和封装分组并行网络请求 - 使用GCD实现和封装分组并行网络请求。
每个iOS项目都可以自动处理。...实现教程 jingDongFenLei - 简单仿写京东分类中的多级分类页面。...WHC_CollectionViewFramework.swift - 高仿支付宝可拖拽排序编辑动画效果cell的CollectionView集合视图。...YX_UITableView_IN_UITableView - UITableview嵌套UITableView案例实践(仿淘宝商品详情页实现),项目讲解。...自动布局选择了 EasyPeasy。 SFFocusViewLayout.swift - UICollectionViewLayout实现的图片浏览器。
5、 移动端手机号码识别(IOS) 在 iOS Safari (其他浏览器和Android均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如: 7位数字,形如:1234567 带括号及加号的数字...body元素的滚动条,所以一般都借助 iScroll; Android 3.0/iOS解决了非body元素的滚动问题,但滚动条不可见,同时iOS上只能通过2个手指进行滚动; Android 4.0解决了滚动条不可见及增加了快速回弹滚动效果...,不过随后这个特性又被移除; iOS从5.0开始解决了滚动条不可见及增加了快速回弹滚动效果 在iOS上如果你想让一个元素拥有像 Native 的滚动效果,你可以这样做: .xxx { overflow...-- 选择视频 --> 使用总结: ios 有拍照、录像、选取本地图片功能 部分android只有选取本地图片功能 winphone...语法与jquery几乎一样,会jquery基本会zepto~ iscroll.js解决页面不支持弹性滚动,不支持fixed引起的问题~ 实现下拉刷新,滑屏,缩放等功能~ underscore.js 该库提供了一整套函数式编程的实用功能
MHYahooParallaxView - 类似于Yahoo Weather和News Digest首屏的视差滚动。...TwitterCover - Twitter iOS客户端的下拉封面模糊效果。 Replace-iOS - Replace-iOS让人眼前一亮的下拉刷新(iOS)。...值得称赞还有额外增加了“取消及滚动”效果支持。 动画 - 封装了一下,使用的时候只要两行代码。一些动画的飞机稿,都是一些单独分离出来的用于测试的子动画,现在统统归类一下。...WaterDropRefresh - 仿道路水滴的下拉刷新效果还有视差滚动。 ESRefreshControl - 仿新浪微博,百度外卖,网易新闻下拉刷新样式Demo(仅供参考)。...DGElasticPullToRefresh - 是一款带有弹性效果的iOS下拉刷新组件。
示例代码: //为控件添加仿MIUI的弹性拉伸效果: // 当纵向不能滚动(或滚动到顶/底)时,若继续拖动,则 UI 呈现弹性拉伸效果,释放后平滑恢复 SmartSwipe.wrap(view)...MIUI 拉伸效果的方向为:上下 2 个方向 .addConsumer(new SpaceConsumer()) .enableHorizontal() //仿 iOS 弹性留白效果的方向为:...扫一扫,直达项目 12、fullPage.js[15]:通过调用 fullPage 可轻易创建全屏滚动网站(也称为单页网站)。fullPage 可创建全屏滚动网站,同时也可在网站中添加横向滚动条。...year=2018, month=1, day=2) #阳历转农历 print(lun.y) # 农历的年,中文字符 二零一九 print(lun.year) # 农历的年,阿拉伯数字...扫一扫,直达项目 17、bullet[20]:一个支持终端输入和菜单选择的 Python 库。可以让使用者在终端上用方向键移动、单选、复选、密码输入等,而且支持定制化格式和颜色。
领取专属 10元无门槛券
手把手带您无忧上云