- 博客(106)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 《微信小程序开发从入门到实战》学习九十九
enable-danmu、danmu-btn和danmu-list属性分别用于设置是否显示弹幕、是否显示弹幕开关和弹幕列表。danmu-list属性需要传入一个数组，数组中的每一项都是一个Object类型的值，包含text、color和time三个属性，分别表示一条弹幕的文字、字体颜色和出现时间（单位为秒）。bottom：controls bar上。-90：屏幕顺时针90度。90：屏幕逆时针90度。center：视频中间。contain：包含。
2024-01-31 15:00:22
1002
原创 《微信小程序开发从入门到实战》学习九十八
slider上滑动选择器组件，使用该组件可以让用户通过滑动滑块的方式设置数值大小。video组件在页面中显示为一个视频播放器，可播放网络视频。在小程序中播放视频，会用到小程序的视频（video）组件。
2024-01-30 14:55:28
407
原创 《微信小程序开发从入门到实战》学习九十六
第三章介绍了许多表单组件，包括form、input、textarea、picker、switch、button、radio、radio-group、checkbox、checkbox-group和label等。picker组件是选择器组件，通常在页面显示为一个按钮，单击按钮底部弹出一个滚动选择器让选择。它是嵌入在页面中的滚动选择器，即用户在页面可直接看到滚动选择器的选项。picker-view与picker-view-column结合使用，且其内部只能包含一个picker-view-column组件。
2024-01-28 23:58:55
473
原创 《微信小程序开发从入门到实战》学习九十五
但cover-image显示的图片可以覆盖在原生组件上，image组件不可以。默认支持缩放手势的区域是movable-view范围内，在movable-area组件上可以设置一个boolean类型的scale-area属性值为true时，可将缩放手势生效区域扩大为整个movable-area组件内。在小程序中，微信创建了一些原生组件，包括camera、canvas、input（仅在focus时表现为原生组件）、live-player、live-pusher、map、textarea和video组件。
2024-01-27 14:48:02
495
原创 《微信小程序开发从入门到实战》学习九十四
movable-view是一个可移动的视图容器，它需要与movable-area组件结合使用。movabke-view只能放在movable-area组件中，在movable-area组件的范围内拖曳滑动。拖动过程中触发的事件，event.detail = {x, y, source},touch-out-og-bound:超出移动范围。out-of-bounds:超出移动范围后的回弹。空字符串:setData设置了位置。friction:惯性。
2024-01-26 23:58:37
494
原创 《微信小程序开发从入门到实战》学习九十三
rgba后面括号中的四个数字分别表示red、green、blue和alpha的值，前三个值即颜色的RGB数值，取值范围是0~255，对应十六进制的00~FF。Alpha的值表示的是颜色的透明度，它的取值范围是0~1的小数，从0到1表示透明度从完全透明逐渐变为不透明。如果将current的值设定为一个固定的数值，则该值表示swiper显示的初始滑块的序号。如果将current的值设定为一个变量，则当变量的值改变时，swiper显示的滑块也会随之切换（之前还以为index是指位置，原来是滑块序号索引）
2024-01-25 23:58:21
520
原创 《微信小程序开发从入门到实战》学习九十二
enable-back-to-top设置为true，用户单击标题栏可以让scroll-view中的内容快速地回到最顶部。swiper组件内部只能放swiper-item组件，在swiper-item组件中才可放其他内容。每个swiper-item代表一个滑块的内容，同一时刻swiper组件只显示一个swiper-item的内容，左右滑动可以切换显示不同的swiper-item。设置滚动条位置时默认是没有动画过渡的，scroll-with-animation设置为true即可开启动画过渡效果。
2024-01-24 14:05:27
388
原创 《微信小程序开发从入门到实战》学习九十一
scroll-into-view通过子组件设定滚动的位置，id属性必须唯一，即同一页面的两个组件不能取相同的值，例如下面这段代码，如果在JS文件中奖toView的值改为view2，scroll-view就会滚动到第二个view的位置。scroll-top，scroll-left，scroll-into-view都用于设置滚动条位置，应该设置为变量而不是固定值。scroll-top，scroll-left单位默认为px，从基础库2.4.0起来可以传入单位（rpx或px）
2024-01-23 23:56:01
496
原创 《微信小程序开发从入门到实战》学习九十
尽管单击位置也位于parent组件内部，但child组件设置了hover-stop-propagation="{{true}}"，因此parent组件不会出现单击态，样式不会变。hover-start-time和hover-stay-time可以设置单击态的出现时间和保留时间，即按住view组件后多久后hover-class开始生效，以及手指松开后多久后hover-calss的样式消失。当单击蓝色区域时，parent组件变为单击态，此时组件就会应用parent-hover类上面的样式，即背景色变为黄色。
2024-01-22 23:50:09
802
原创 《微信小程序开发从入门到实战》学习八十九
console.log(res.path) // 但所扫的码为当前小程序二维码时会返回此字段，内容为二维码携带的path。console.log(res.size.windowWidth) // 变化后的窗口宽度，单位为px。console.log(res.windowHeight) // 变化后的窗口高度，单位为px。console.log(res.charSet) // 所扫码的字符集，如UTF-8。console.log(res.scanType) // 所扫码的类型。
2024-01-21 23:52:24
372
原创 《微信小程序开发从入门到实战》学习八十八
console.log(res.beta) // 当手机坐标Y/Z和地球Y/Z重合时，绕着X轴转动的夹角为beta。顶部朝着地球表面转动为正。console.log(res.gamma) // 当手机坐标X/Z和地球X/Z重合时，绕着Y轴转动的夹角为gamma。console.log(res.alpha) // 当手机坐标X/Y和地球X/Y重合时，绕着Z轴转动的夹角为alpha。console.log(res.x) // x轴方向的角速度。console.log(res.y) // y轴方向的角速度。
2024-01-20 14:39:22
617
原创 《微信小程序开发从入门到实战》学习八十七
调用wx.startAccelerometer可传入interval属性，设置监听回调函数的执行周期。interval的默认设置为normal，即普通的回调周期，在200毫秒/次左右。根据机型性能、当前CPU与内存的占用情况，interval的设置与实际wx.onAccelerometerChange（）回调函数的执行周期会有一些出入。unknown：未知的精度枚举值，即该Android系统此时返回的表示精度的值不是一个标准的精度枚举值。console.log(res.x) // x轴方向上的加速度。
2024-01-19 12:54:38
497
原创 《微信小程序开发从入门到实战》学习八十六
使用wx.setKeepScreenOn可设置，是否保持屏幕常亮状态。该接口仅在当前小程序生效，离开小程序后设置失效。若安卓系统设置了自动调节亮度功能，该接口仅能获取自动调节亮度之前的值，而非实时的亮度值。智能手机设备中一般都内置了加速计，可以监测到手机在x轴、y轴、z轴三个方向上的加速度。keepScreenOn: true, // 是否保持屏幕常亮，必填参数。使用wx.setScreenBrightness可设置屏幕亮度。value: 0.5, // 屏幕亮度值，范围0~1,1表示最亮。
2024-01-18 23:53:34
476
原创 《微信小程序开发从入门到实战》学习八十五
workAddressPostalCode：工作地址邮政编码。homeAddressPostalCode：住宅地址邮政编码。workAddressCountry：工作地址国家。homeAddressCountry：住宅地址国家。workAddressStreet：工作地址街道。homeAddressStreet：住宅地址街道。workAddressState：工作地址省份。homeAddressState：住宅地址省份。workAddressCity：工作地址城市。firstName: '张三',
2024-01-17 23:50:48
462
原创 《微信小程序开发从入门到实战》学习八十四
使用wx.openLocation可在小程序新页面打开微信内置地图，用户可在地图中选择一个位置，并在success回调函数获取该位置的经纬度及名称等信息。使用wx.openLocation接口可在小程序新页面打开微信内置地图，在地图显示具体经纬度对应的区域。console.log(res.longitude) // 选择的位置的经度。console.log(res.latitude) // 选择的位置的纬度。console.log(res.name) // 选择的位置的名称。// 在地图中打开该位置。
2024-01-16 11:38:09
405
原创 《微信小程序开发从入门到实战》学习八十三
scope.userLocation不同于其他权限，开发者使用该权限相关接口时需在app.json文件，配置地理位置用途的说明，否则无法使用相关接口。const latitude = res.longitude // 经度，范围为-180~180，负数表示西经。const latitude = res.latitude // 纬度，范围为-90~90，负数表示南纬。如果希望播放视频内容，需要使用小程序中的video组件。const latitude = res.speed // 速度，单位为m/s。
2024-01-15 23:29:04
436
原创 《微信小程序开发从入门到实战》学习八十二
/10001 系统错误，10002 网络错误，10003 文件错误，10004 格式错误，-1 未知错误、// 监听音频加载中事件(当音频因为数据不足，需要停下来加载时会触发)// 监听音频播放进度更新事件，只有小程序在前台时会回调。// 监听音频进入可以播放状态的事件，但不保证后面可以流畅播放。// 监听音频进行跳转操作的事件。// 监听音频完成跳转操作的事件。// 监听音频自然播放至结束事件。// 监听音频播放错误事件。// 监听音频播放事件。// 监听音频暂停事件。// 监听音频停止事件。
2024-01-14 10:12:42
440
原创 《微信小程序开发从入门到实战》学习八十一
背景音频API支持用户离开小程序后继续播放音乐 ，即当小程序切入后台时，音频如果处于播放状态，就可继续播放。用于原生音频播放器背景图，原生音频播放器中的分享功能，分享出去的卡片配图及背景也将使用该图。//10001 系统错误，10002 网络错误，10003 文件错误，10004 格式错误，-1 未知错误、// 设置音频链接，基础库2.2.3版本开始支持云文件ID，设置了src后会自动播放。原生音频播放器中的分享功能，分享出去的卡片简介，也将使用该值。// 暂停音频，再次播放时会从暂停处开始播放。
2024-01-13 09:06:50
614
原创 《微信小程序开发从入门到实战》学习八十
内部音频上下文对象的一些属性可以读取到关于内部音频的信息。小程序播放音频的方式有两种：内部音频和背景音频。currentTime：当前音频的播放位置，单位秒，精确到小数点后6位置。buffered：音频缓冲的时间点，保证当前播放时间点到该时间点的内容已缓冲。内部音频上下文对象还可使用一些函数控制音频的播放行为。在内部音频上下文对象中，可设置其他很多属性。// 暂停音频，再次播放时会从暂停出开始播放。startTime：从音频的第几秒开始播放，默认0。// 停止音频，再次播放时会从头开始播放。
2024-01-12 15:08:48
446
原创 《微信小程序开发从入门到实战》学习七十九
/ 在收到interruptionBegin事件之后，小程序内所有录音会暂停，收到此事件后才可再次录音成功。// 监听已录制完指定帧大小的文件事件，如果设置了frameSize,则会回调此事件。// 此事件触发后，录音会被暂停，因此pause事件会在此事件后触发。// 监听录音因为系统占用而被中断开始事件。// 监听录音因为系统占用而被中断结束事件。// 监听录音开始事件。// 监听录音开始事件。// 监听录音暂停事件。// 监听录音继续事件。// 监听录音结束事件。// 监听录音错误事件。
2024-01-11 23:57:36
508
原创 《微信小程序开发从入门到实战》学习七十八
auto：自动设置，默认使用手机麦克风，插上耳机后自动切换使用耳机麦克风，所有平台适用。voice_communication：同mic，仅适用实时沟通，仅限Andriod。voice_recognition：同mic，仅适用录制语音识别，仅限Andriod。mic：麦克风(没插耳麦时是手机麦克风，插耳麦时是耳机麦克风)，仅限Andriod。camcorder：同mic，仅适用录制音频视频内容，仅限Andriod。headsetMic：耳机麦克风，仅限制IOS。
2024-01-10 23:55:39
446
原创 《微信小程序开发从入门到实战》学习七十七
设置后，没录入指定帧大小的内容后，会回调录制的文件内容，不指定则不会回调，暂仅支持mp3格式。audioSource：指定录音的音频输入源，可通过wx.getAvailableAudioSources接口获取当前可用的音频源。范围0~100，默认为80。duration：录音的时长，单位为毫秒，最大值为600000，即10分钟，默认值为60000。在进行录音前，需要先获取全局唯一的录音管理器，小程序使用录音管理器实现录音。numberOfChannels：录音通道数，有效值为1和2，默认值2。
2024-01-09 23:56:06
474
原创 《微信小程序开发从入门到实战》学习七十六
Object参数的src属性传入图片路径，可以是小程序项目中的路径，可以是小程序的临时文件路径，存储路径，可以时网络图片路径，网络图片需先配置download域名才能生效。console.log(res.tempFiles[0].path) // 第一个图片的路径（临时文件）console.log(res.tempFiles[0].size) // 第一个图片的大小。src: '/imgs/btn-img1.png', //小程序项目中的文件的路径。使用图片API可对用户手机中的图片进行一些操作。
2024-01-08 23:53:36
499
原创 《微信小程序开发从入门到实战》学习七十五
支持文件格式：doc、docx、xls、xlsx、ppt、pptx和pdf。使用wx.getSavedFileInfo可获取已保存的小程序本地的文件的信息，不能用于临时文件。console.log(res.digest) // 根据摘要算法计算出来的文件摘要。console.log(res.creaTime) // 文件保存的时间。console.log(res.size) // 文件大小。console.log(res.size) // 文件大小。// 删除第一个文件。
2024-01-07 23:45:32
420
原创 《微信小程序开发从入门到实战》学习七十四
type表示选择文件时关注的文件的类型：当type为all时表示从所有文件中选取；success的fileList数组的每一项元素是一个Object值，其中包含小程序保存的所有文件信息，filePath表示文件的本地路径，size表示文件的大小，createTime表示文件保存的时间戳。console.log(tempFile1.times) // 选择的文件的会话发送时间（number类型的UNIX时间戳）每项不能是空字符串。// res.tempFiles 是一个数组，其中保存的是被选中的文件的信息。
2024-01-06 23:57:11
680
原创 《微信小程序开发从入门到实战》学习七十三
console.log(res.data) // 读取的数据保存到data属性中，如果数据不存在则data为null。console.log(res.keys) // string[] 类型，包含当前本地存储中所有的key。console.log(res.currentSize) // 当前占用的空间大小，单位为KB。console.log(res.currentSize) // 当前占用的空间大小，单位为KB。console.log(res.limitSize) // 限制的空间大小，单位为KB。
2024-01-05 23:45:51
482
原创 《微信小程序开发从入门到实战》学习七十二
在小程序中，对一些需要从网络中获取不经常改变的数据，可以利用数据缓存API将数据保存在手机本地一段时间。使用wx.setStorageSync同步接口或wx.setStorage接口可将数据存储在本地缓存中指定的key中。key为保存数据的key,如果保存数据时key已经存在会被覆盖。单个key允许存储的最大数据为1MB,所有数据存储上限为10MB。使用wx.getNetworkType接口可了解到当前用户使用的网络类型，如WiFi和4G网络。data为保存的数据，支持任意类型的数据。
2024-01-04 23:40:47
507
原创 《微信小程序开发从入门到实战》学习七十一
code: 1000, // 关闭连接的状态号，表示连接被关闭的原因。默认为1000，表示正常关闭连接。// 消息队列数组，在WebSocket连接建立之前是不能发送数据的，可以先将数据缓存在这里。// 需要注意，调用建立连接接口后，建立连接需要一定时间，与网络情况有关，大约为数毫秒或数秒。// 封装一个发送数据的函数，如果当前建立连接还未完成，就先将需要发送的数据缓存到消息队列中。// 监听WebSocket连接打开事件。// 监听webSocket错误的事件。// 建立 WebSocket 连接。
2024-01-03 23:54:57
855
原创 《微信小程序开发从入门到实战》学习七十
上传文件时,HTTP请求中的content-type会被设置为multipart/form-data。用wx.uploadFile接口使小程序发起HTTPS POST请求，上传文件到服务端。// res.tempFilePaths为一个数组，其中保存了选择的照片文件的临时路径。name:（必填）文件对应的key，开发者在服务端可以通过这个key获取文件的二进制内容,// 先使用选择图片API获取一张本地照片的路径。filePath: （必填）要上传的文件路径,url: （必填）上传文件到服务器的URL,
2024-01-02 23:40:58
466
原创 《微信小程序开发从入门到实战》学习六十九
console.log('预期需要下载的数据总长度', res.totalBytesExpectedToWrite)// 服务器返回的 HTTP Response Header。console.log('已经下载的数据长度', res.totalBytesWriten)console.log('下载进度', res.progress)filePath：指定文件下载后的存储路径,如果不设置将保存为临时文件。// 取消监听下载进度变化事件。url（必填）：下载文件的URL。// 监听下载进度变化事件。
2024-01-01 23:49:51
509
原创 《微信小程序开发从入门到实战》学习六十八
（2）.对于POST方法，当header['content-type']为application/x-www-form-urlencoded的数据，会将数据转换成query string。method：HTTP请求方法，支持OPTIONS/GET(默认值)/HEAD/POST/PUT/DELETE/TRACE/CONNECT。url: 'https://somewebsite.com/test', // 仅为示例，并非真实的接口地址。// 取消监听 HTTP Response Header 事件。
2023-12-31 07:10:32
575
原创 《微信小程序开发从入门到实战》学习六十七
这里需要分别对网络请求（wx.request） 、上传文件（wx.uploadFile） 、下载文件（wx.downloadFile） 、WebSocket通信（wx.connectSocket）的域名进行设置。设置的域名只支持https协议和wss协议，不能使用IP地址和localhost，并且域名必须经过ICP的备案。在后台页面选择“开发”，“开发管理”，“开发设置”，即可看到“服务器域名设置”。在小程序用网络API与（开发人员使后端开发语言建设的）服务端进行交互，可与服务端交换数据、上传或下载文件。
2023-12-30 23:09:36
445
原创 《微信小程序开发从入门到实战》学习六十六
显示tabBar某一项的右上角的红点，传入参数是一个Object参，包含属性index,三回调函数。为tabBar某一项的右上角添加文本传入参数是一个Object参，支持的属性比wx.showTabBarRedDot多一个text,其内容为显示文本，超过四个字符显示为省略号。隐藏tabBar某一项的右上角的红点，传入参数与wx.showTabBarRedDot同。移除tabBar某一项的右上角的文本，传入参与wx.showTabBarRedDot同。width，宽度，单位为px，下述单位同。
2023-12-29 14:34:33
514
原创 《微信小程序开发从入门到实战》学习六十五
animation属性是一个Object值，其中有两有效属性：duration，表示时间变化，单位毫秒，默认值0；frontColor：必填，前景颜色值，包括按钮、标题、状态栏的颜色，仅支持#ffffff和#000000。使用wx.setNavigationBarColor接口可以动态改变当前页面导航栏的颜色，该接口传Object参，参属性含三回调函数，以及title属性。scrollTop：必填，滚动到页面的目标位置，单位为px。duration：滚动动画的时长，单位为毫秒，默认值300。
2023-12-28 23:41:09
438
原创 《微信小程序开发从入门到实战》学习六十四
使用wx.startPullDownRefresh接口可以触发小程序页面的下拉刷新动画，并触发页面的onPullDownRefresh回调函数。该接口传入Object参，参属性含三回调函数。回调函数success的Object参只有tapIndex属性，表示用户单击的选项的序号。使用wx.stopPullDownRefresh()接口可以停止当前页面下拉刷新动画。该接口传入Object参，参属性含三回调函数。itemList：string[],数组的每一项代表一个菜单选项，最多支持6个选项。
2023-12-27 22:37:05
464
原创 《微信小程序开发从入门到实战》学习六十三
也可使用wx.showLoading接口显示loading提示框，该接口接受Object参，支持的属性包括title（必填）、mask、duration、三回调。当duration未填写时，loading提示框会一直存在，必须主动调用wx.hideLoading接口才能关闭提示框。// 2秒后关闭提示框(通常的做法是在网络请求前显示提示框，然后在complete回调中关闭提示框)该接口接受Object参，支持三回调。cancelText 取消按钮的文字，最多四字符，默认取消。
2023-12-26 09:09:23
394
原创 《微信小程序开发从入门到实战》学习六十二
开发者需要在app.json的全局配置中设置需要跳转的小程序的appId。path：打开的页面路径，默认打开首页,可以带页面路径参数，该参在小程序的App.onLaunch,App.onShow,Page.onLoad回调函数可获取。参数接受Object类型的参数，参数支持3回调函数以及Object类型的extraData属性，用于传递需要返回给上一个小程序的数据。为了防止功能滥用，2.3.0版本后，调用小程序跳转API前，用户必须要有点击屏幕的动作，若用户无单击动作，无法调用该接口跳转。
2023-12-25 23:45:26
464
原创 《微信小程序开发从入门到实战》学习六十一
当使用wx.switchTab接口切换tabBar页面时，情况很复杂。假设A、B页面为tabBar页面，C是从A页面打开的页面，D是从C打开的页面，E是用户通过转发卡片进入的页面（此时页面栈中只有一个E页面）。当小程序发生页面切换时，跳转前后的两页面都有一些生命周期函数会被调用。onReady用于监听页面初次渲染完成。onLoad函数用于监听页面加载。onUnload用于监听页面卸载。onShow用于监听页面显示。onHide用于监听页面隐藏。
2023-12-24 14:39:24
406
原创 《微信小程序开发从入门到实战》学习六十
小程序将已打开的页面保存在页面栈中，栈顶的页面就是当前用户看到的页面。使用路由API时，实际上就是对页面栈进行操作，每当用户打开新页面，该页面就会入栈，当用户返回前一个页面，就是对页面执行了出栈操作。即删除页面栈所有非tabBar页面，如果新打开的页面不在页面栈中，则将它入栈。调用该接口，将关闭当前页面，然后跳转到一个新的页面，即让页面栈的栈顶页面出栈，然后将新的页面入栈。调用该接口时将关闭所有已打开的页面，然后打开一个新的页面，可以是tabBar页面也可不是。即保留页面栈的所有内容，将新的页面入栈。
2023-12-23 12:53:56
946
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人