微信小程序,小程序组件
极乐叔
极乐致力于为广大微信用户提升优质的微信小程序;为小程序开发者提供免费发布平台;为小程序爱好者提供研究平台。
旗下品牌:
极乐小程序商店:http://wxapp.dreawer.com
极乐小程序开发者联盟:http://www.wxapp-union.com
极乐大牛专栏:http://zhuanlan.zhihu.com/dreawer
展开
-
微信小程序开发注意指南和优化实践
前言转眼间已经参与过我厂好几个小程序的开发了,下面本妹子将开发中的那些注意点和各位小伙伴们分享下,妥妥的干货一枚。一、WXML不要换行写,有空格不行微信开发者工具不会对代码进行trim操作,如果代码中换行,页面也直接换行。wx:if vs hidden一般来说,wx:if 有更高的切换消耗而 hidden 有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用 hidden 更好,如果在运行时条件不大可能改变则 wx:if 较好。图片处理1.大图片也会造成页面切换的卡顿 有一部分小程序会在转载 2020-12-02 10:38:56 · 549 阅读 · 0 评论 -
微信小程序实现各种特效实例
写在前面最近在负责一个微信小程序的前端以及前后端接口的对接的项目,整体上所有页面的布局我都已经搭建完成,里面有一些常用的特效,总结一下,希望对大家和我都能有所帮助实例1:滚动tab选项卡先看一下效果图吧,能够点击菜单或滑动页面切换,tab菜单部分可以实现左右滚动好了,看一下我的源码吧!<喜欢的话拿走不谢哟>1、wxml <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}">原创 2020-12-01 10:37:02 · 3295 阅读 · 0 评论 -
深入FinClip小程序之一: 小程序核心原理及模拟
什么是小程序小程序是一种新的移动应用程序格式,是一种依赖Web技术,但也集成了原生应用程序功能的混合解决方案。目前市面上小程序平台微信、支付宝、百度、头条、京东、FinClip等;小程序一些特性有助于填补Web和原生平台之间的鸿沟,因此小程序受到了一些超级应用程序的欢迎。它不需要安装,支持热更新。具备多个Web视图以提高性能。它提供了一些通过原生路径访问操作系统功能(原生接口)或数据的机制。它的内容通常更值得信赖,因为应用程序需要由平台验证。小程序可以分发到多个小程序平台(Web、原生应用,甚至是O原创 2020-11-27 14:16:48 · 1447 阅读 · 0 评论 -
小程序-实现自定义组件以及自定义组件间的通信
前言对于组件的封装,在小程序当中对于多个页面的复用有着重要的作用,小程序中注册的每个页面都是独立的页面的显示view层与逻辑层是通过data进行绑定关联,若需要更改页面中的数据,则通过setData的方式进行修改那么在小程序中如何自定义组件,以及自定义组件之间是如何进行通信呢实例效果通过上面一个简单的数字加减输入框组件,阅读完本文后,您将收获到在小程序中如何自定义组件在小程序页面中如何使用自定义组件父(外部)组件如何向子组件传值子组件如何接受父组件传递过来的值,同时渲染组件子组件内如原创 2020-10-30 10:31:06 · 1332 阅读 · 1 评论 -
微信小程序-实现 tab-及多个列表选项切换
在小程序中实现tab选项切换是一个非常常见的效果,对于固定几个tab切换或许轻而易举,但若出现多个,对于有些新手,却不知道怎么控制您将阅读完本文后,将获取到两种方式实现tab切换效果,但凡以后遇到类似的需求,都可以实现(本文重点)实例效果具体实现代码微信 wxml 代码<view> <view class="tab-container"> <view class="default {{type=='expend'? 'expend-activ原创 2020-10-14 14:29:30 · 3374 阅读 · 0 评论 -
微信小程序Demo组件大全(对话框、指示器、五星评分,画廊,影院座位……
微信小程序 - 自定义组件预览用微信web开发者工具打开src目录(请注意,是src目录,不是整个项目)使用组件的wxml结构请看src/components/下的组件样式文件可直接引用src/components/wux.wxssComponentsActionSheet - 上拉菜单Backdrop - 背转载 2017-06-19 15:17:28 · 10358 阅读 · 2 评论 -
两种方案开发小程序动画
在普通的网页开发中,动画效果可以通过css3来实现大部分需求,在小程序开发中同样可以使用 css3 ,同时也可以通过 api 方式来实现。指路: 小程序animatiom动画APIAPI解读小程序中,通过调用 api 来创建动画,需要先创建一个实例对象。这个对象通过 wx.createAnimation 返回, animation 的一系列属性都基于这个实例对象。创建这个对象...转载 2018-11-14 15:26:06 · 1742 阅读 · 0 评论