![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 75
刘大爷_17
屠龙宝刀拿在手,荣华富贵全都有~~~
展开
-
微信小程序全栈开发实战学习五(view容器组件及Flex布局一个view如何实现所有常见的UI布局?)
1.如何使用view实现常见的UI布局(1)先来看view常见的属性hover-class:按住元素会加一个bc_red的类样式hover-stop-propagation:阻止父节点出现单击态,默认为false不阻止这样点击子组件,父组件就不会触发了catchtap同bindtap事件一样,也是绑定事件,但是可以阻止冒泡事件,这样点击子元素就不会触发父元素的点击事件。(2)接下来了解下flex布局先来了解下主轴和辅轴,这两个概念是通过flex-direction设置的值来判断的,值为ro原创 2021-05-28 18:07:00 · 776 阅读 · 0 评论 -
微信小程序全栈开发实战学习四(rich-text组件如何单击预览rich-text中的图片并保存?)
rich-text展示:space:空格策略,控制中文空格显示的大小,有三种值,中文环境取emspnodes:可以取字符串(会影响性能),也可以取数组(推荐)子属性:1.name:节点名称2.attrs:节点属性3.children:子节点列表(数组类型)4.type:节点类型,共有两种node(默认,可不写)和text1.如何预览保存rich-text富文本组件中的图片rich-text所有节点都屏蔽单击事件,我们可以在rich-text上添加tap事件,然后使用wx.previewI原创 2021-05-28 16:41:21 · 2010 阅读 · 1 评论 -
微信小程序全栈开发实战学习三(icon组件关于图标的5个实现方案+progress组件如何自定义实现一个环形进度条?)
icon组件关于图标的5个实现方案.小程序官方提供icon很少,支持两种单位 px rpx我们可以用以下5个方案来使用图标1. 使用图片缺点:图标多会造成大量http请求;不方便修改颜色;图标放大会变虚2. 使用精灵图(连续图片集)注意:背景图片只能使用网络图片,不能使用本地图片.3.使用css样式绘制(不推荐)4.使用矢量字体(最为简单有效)注意:小程序中建议使用TTF和WOFF格式的。WOFF2在低版本的IOS上会有不兼容的问题。具体方法:(这里推荐阿里巴巴矢量图库)可以前原创 2021-05-27 17:44:17 · 375 阅读 · 0 评论 -
微信小程序全栈开发实战学习二(小程序运行机制简介从零构建一个WebApp需要做哪些事情?)
小程序的启动分两种情况,冷启动和热启动小程序的三种启动方式1.首次打开小程序,从微信云端下载小程序代码包,并且运行(冷启动)2.最近启动过小程序,再打开一次小程序会直接从后台切换到前台(热启动)3.长时间没有运行,被微信主动销毁,再次打开,从缓存读取代码包,同时从微信云端检查版本更新(冷启动)ps:也就是说小程序更新版本要等到冷启动,如果想立刻更新,我们可以使用wx.getUpdateManager小程序被主动销毁情况后台运行五分钟就会被销毁短时间内5s内连续收到两次系统内存警告,就会原创 2021-05-26 17:19:56 · 447 阅读 · 2 评论 -
微信小程序全栈开发实战学习一(小程序的特点及开发能力+微信小程序开放了哪些新功能?)
小程序的特点及开发能力1.相比传统应用,有以下特点与Web相比,首先入口不同。主要都是基于传统的前端技术,以JavaScript语言为主。与App相比,学习门槛和开发成本都比较低,可以快速上手。不需要下载和安装,不想用了也不需要卸载。相比H5,小程序受限微信运营规范,不像H5页面那么灵活。但它也可以做一些H5做不了的事情,比如消息订阅,直接转发消息发给好友等。2.小程序的开发能力依托于微信的宿主环境,除了常用的UI组件及网络API之外,在设备能力上,凡微信有的能力,例如振动,监听网络状态原创 2021-05-24 11:52:03 · 626 阅读 · 0 评论