彩虹

微信小程序支持npm啦！使用方法：在小程序根目录执行命令：npm init在小程序根目录进行npm包安装；npm install formatetime --save打开微信开发者工具： 执行工具–构建npm， 生成文件夹minprogram_npm;点击开发工具–详情–本地设置， 勾选‘使用npm模块’在js文件中引入npmimport {countDown} from 'formatetime';this.setData({time: countDown('2020/

在项目中遇到切换tabBar页面时对前一个tabBar页面中的组件进行操作的情况, 总结如下:假如有tabBar页面A和 tabBar页面B, A页面有组件;从A切换到B, 对A页面的组件数据进行操作:实现方法:在A页面的组件中加入生命周期:pageLifetimes:{ hide: function() { **// 组件所在的页面被隐藏时执行 即当切换到B页面时的操...

父组件调用子组件的方法子组件:<child id="child>methods:{ getF(){ console.log('我是子组件中的方法') }}父组件:通过this.selectComponent(id) 获取子组件this.selectComponent('#child').getF();...

数据请求到图片地址, 动态赋值给image时, 直接用boundingClientRect获取不到高度, 解决方法:<image src="{{htpSrc}}" bindload="imageLoad>imageLoad(){ // 710 css里设置的图片宽度 // this.data.windowWidth 手机屏幕宽度 let imgH = Math.floor(...

1.页面根部不使用scroll-viewa) 弹窗无滚动效果 如果弹窗不需要滚动, 直接在弹窗的根节点添加 catchtouchmove="return"b) 弹窗有滚动效果 如果弹窗需要滚动; page{ height: 100% } .container // 页面根节点 style="{{overflow-y: flag? 'hidden':'auto'}}"...

微信小程序外链H5页面是通过web-view 组件实现的, 在外链的H5页面上不可避免的会传递参数, 这是可通过url传递, 在H5页面截取?之后的参数获取,从而做他用.需要注意的是: 将H5的链接赋给web-view的src时, 要整体复制, 不要使用插值的形式, 例如下面:&lt;web-view src="{{H5Url}}"&gt; &lt;/web-view &gt;data:{...

微信小程序自定义组件微信小程序内置的组件并不能满足实际场景的需要时, 我们可以自定义组件啦, 当然要保证您的基础库版本在1.6.3以上才可以呦. 下面以一个自定义弹窗组件为例,介绍一下自定义组件的使用:1.首先, 建立一个文件夹, 里面含有wxml / wxss / js / json 四个文件.2. 在json文件内添加如下代码:{ "component": tru...

发送模板消息注意事项发送模板消息一般都是在有用户交互的情况下才发生的, 前端人员在开发时需要注意的是: 1.在发送消息的时传递给后台的page参数不能是以往的’/pages/demo/demo’, 而应该的’pages/demo/demo’, 注意是把pages前的’/’去掉, 否则后台在配置模板消息的page后, 用户并不能打开对应的页面. 2.发送模板消息的操作是后台进行的, 发送模板...

小程序picker-view的使用 {{item}}年 {{item}}月 {{item}}日

项目中需要做一个日历,最终效果如下: 日历实现是可以点击日期左右箭头和弹窗选择日期,下面上代码: html:<!--index.wxml--><view class="container"> <view class="wrap"> <view class="teacherInfo flex"> <view><text>{{teacherName}}</text>老师</

项目中遇到一个tab效果,并且能左右滑动的效果.总结一下: html:<view class="tab" style="height:{{heigh}}px"> <view class="tabTitle"> <scroll-view> <view id="0" class="{{activeIndex == 0 ?'titleActive':''}

小程序携带参数转发在项目中有做一个需求，老师转发一张图片，学生登录的时候要获取老师转发图片中的信息，这个信息就要在转发的路径path中定义。需要转发的图片：上图绿色部分的文字需要发送一个request才能获取到，前提是要有白色部分（这个课程的班级编号及课节号），这两个参数就可以在路径中设置：设置参数转发：获取参数在要跳转的页面page 的onLoad里面，如下图：这样就获取到了要跨

小程序中使用md5处理需要加密的字符串（含中文的字符串）解决在开发过程中需要加密的值包含中文汉字的问题。单独定义一个js文件：utils.jsfunction md5(string) { var x = Array(); var k, AA, BB, CC, DD, a, b, c, d; var S11 = 7, S12 = 12, S13

picker 使用这次开发picker使用了默认的样式，在定义的数组var arr = [ 'aa','bb',' ', 'cc'];中有一个值是空字符串时，需要让picker里包含的text/view的高度等于父级高度，这样才可以点击picker从下方弹出，如果不给text/view设置高度，点击picker是没有任何反应的。request请求GET：POST：弹出框如果使用re