荒--
这个作者很懒,什么都没留下…
展开
-
富文本rich-text 和 progress
Bug & Tiptip: nodes 不推荐使用 String 类型,性能会有所下降。 tip:rich-text组件内屏蔽所有节点的事件。 tip: attrs 属性不支持 id ,支持 class 。 tip: name 属性大小写不敏感。 tip: 如果使用了不受信任的HTML节点,该节点及其所有子节点将会被移除。 tip: img 标签仅支持网络图片。 tip: 如果在自定义组件中使用rich-text组件,那么仅自定义组件的 wxss 样式对rich-t...原创 2020-06-25 15:06:53 · 342 阅读 · 0 评论 -
Flex 布局教程:语法篇
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Fle...转载 2020-06-24 11:05:22 · 198 阅读 · 0 评论 -
wxs 模块的引入
在页面中引入module.wxs文件module.wxs如下var name = "慕课网";var age = 18;var method = function(obj){ return obj;}module.exports = { name : name, age : age, method : method}wxs.wxml如下<!--pages/wxs/wxs.wxml--><view class="conta原创 2020-06-24 10:37:18 · 2012 阅读 · 0 评论 -
模版 (template)
定义模板使用 name 属性,作为模板的名字。然后在<template/>内定义代码片段使用模板使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,is 属性可以使用 Mustache 语法,来动态决定具体需要渲染哪个模板:注意:...是将对象展开若data找那个存在多种类型的值,示例如下data: { person:{ address:"北京", remark:"模版演示" }, msg:"这是一条消息"}模原创 2020-06-24 10:11:12 · 403 阅读 · 0 评论 -
wx:if vs hidden
因为wx:if之中的模板也可能包含数据绑定,所以当wx:if的条件值切换时,框架有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染。同时wx:if也是惰性的,如果在初始渲染条件为false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染。相比之下,hidden就简单的多,组件始终会被渲染,只是简单的控制显示与隐藏。一般来说,wx:if有更高的切换消耗而hidden有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用hidden更好,如果在运行时条...原创 2020-06-24 09:53:07 · 180 阅读 · 0 评论 -
wx:key 详解及其 警告处理
<block wx:for="{{movies}}" wx:for-item="movie">该代码在循环的时候控制台会警告warning, 如果明确知道该列表是静态,或者不必关注其顺序,可以选择忽略不影响使用可以修改如下<block wx:for="{{movies}}" wx:key="movies" wx:for-item="movie">wx:key是用来告诉程序按照某个key去排序这个组件,例如wx:key="Id",此时组件顺序就会按照你arr中Id..原创 2020-06-22 15:44:21 · 1059 阅读 · 0 评论 -
微信小程序清空 input 输入框的值
在评论成功后等场景,需要将 input 输入框的值清空。此时可以用如下方式:在 xxx.wxml 内,设置 value 值为 inputValue。在事件中通过 setData,动态更改 inputValue 的值大致代码如下 <!-- xxx.wxml --> <view> <input placeholder='请输入评论' value='{{inputValue}}'></input> <text bindtap原创 2020-06-21 20:00:11 · 5724 阅读 · 1 评论 -
2020完美解决:调用豆瓣接口错误
目前对豆瓣的API调用需要使用apikey常用的三种1、获取正在热映的电影:http://api.douban.com/v2/movie/in_theaters?apikey=0df993c66c0c636e29ecbb5344252a4a2、获取电影Top250:http://api.douban.com/v2/movie/top250?apikey=0df993c66c0c636e29ecbb5344252a4a3、获取即将上映电影:http://api.douban.com/v2/m原创 2020-06-21 17:13:44 · 8515 阅读 · 6 评论 -
豆瓣 API调用接口失败
最近学习 JSON 想获取,豆瓣的电影top250电影榜,来练习,练习。结果输入地址:api.douban.com/v2/movie/top250请求结果{"msg":"invalid_apikey, Please contact bd-team@douban.com for authorized access.","code":104,"request":"GET \/v2\/movie\/top250"}好吧,仔细一研究,发现是没有添加 apikey解决办法,在请求url后面添原创 2020-06-16 16:15:00 · 7474 阅读 · 3 评论 -
微信小程序背景音乐设置链接失效解决
1.在网易云音乐上播放歌曲如下复制地址栏中id的值id =554191989将下面链接中的id的值替换为上一步中复制的id值即可http://music.163.com/song/media/outer/url?id=xxx.mp3http://music.163.com/song/media/outer/url?id=554191989.mp32.在QQ音乐上播放歌曲如下(需要登录)在F12控制台下找到如下链接就是这首歌曲的url3.在咪咕音乐中播放如下.原创 2020-06-16 10:09:32 · 1881 阅读 · 0 评论 -
小程序之success回调函数中使用this问题
写一个获取小程序用户信息的函数,在success回调函数里使用this.setData()更新数据时报错,源码及报错位置如下图所示 报错原因success方法指向闭包,所以this属于闭包,由此在success回调函数里是不能直接使用this的,如果我们要使用的话,可以在闭包之外先把this赋值给另一个变量。解决方案...原创 2020-06-15 14:01:57 · 2374 阅读 · 0 评论 -
小程序开发之onLoad中this.data.xxx赋值失败
查阅多篇文章文档,目前onLoad中this.data.xxx=xxx赋值直接失败,现在赋值方法只能使用this.setData({ key:value})原创 2020-06-12 15:26:35 · 1509 阅读 · 0 评论 -
移动端分辨率+小程序的自适应单位RPX
为什么模拟器iphone6分辨率375,而设计图一般给750?下图所示各型号手机的分辨率1个pt可以有1个px构成,也可以有2个,还可以有3个甚至更多组成• Iphone6下 2个 px才构成一个 pt而微信小程序给出的是逻辑分辨率,而设计师给的一般是物理分辨率如何做不同分辨率设备的自适应?• 以ip6的物理像素750X1334为视觉稿进行设计,而在小程序中使用rpx为单位• Ip6下 1px = 1rpx = 0.5 pt• 使用rpx,小程序会自动在不同的分辨率下进行转.原创 2020-06-10 17:20:26 · 906 阅读 · 0 评论 -
微信小程序bindtap与catchtap的区别
1、什么是事件 (1)事件是视图层到逻辑层的通讯方式。 (2)事件可以将用户的行为反馈到逻辑层进行处理。 (3)事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 (4)事件对象可以携带额外信息,如 id,dataset,touches2、如何使用事件 (1)简单来说就是将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。 (2)函数tapName会接受一个参数event,eve...原创 2020-06-08 16:21:37 · 400 阅读 · 0 评论