起风了

“路海长 青夜旷 越过群山追斜阳”

在小程序中自定义弹窗组件

在小程序中自定义弹窗组件缩略图
因为业务需要在小程序里加上很多的弹窗,就想写一个组件来实现; 创建组件 新建文件夹component专门放组件, 新建popup页面,在popup.json中设置: { "component": true} 表明它是一个组件,我们称之为“子组件” 注意:在组件wxss中不应使用ID选择器、属性选择器和标签名选择器。(只使用class) 如何使...

微信小程序:解决gif图片只渲染一次的问题

微信小程序开中,遇到gif图执行一次的需要,经过多方,之后通过以下方式实现 问题描述:加载本地gif时,就算image重新渲染了,gif也会保持在终点的状态,不会重新播放 解决方案:把本地gif的路径换成线上的,然后在最后加上时间戳即可解决 方案缺陷:可能会造成卡顿,但目前尚未找到更好的解决方案 ——————————...

微信小程序授权登录弹框组件

微信小程序授权登录弹框组件缩略图
因为需要做一个小程序的授权弹框,所以就在github上找到一个类似的组件,clone下来之后发现了一些问题,已经修复,之后提交了合并请求,但是没有回应.Github地址:小程序登录组件 微信小程序授权登录弹框 微信小程序登录框1.安装方法: git clone https://github.com/BkHumor/wxlogin.git 2.使用方法: (1)...

微信小程序返回上一页携带参数(wx.navigateBack(){}方法)

微信小程序返回上一页携带参数(wx.navigateBack(){}方法)缩略图
let pages = getCurrentPages(); // 当前页的数据,可以输出来看看有什么东西 let prevPage = pages[pages.length - 2]; // 上一页的数据,也可以输出来看看有什么东西 /** 设置数据 这里面的 value 是上一页你想被携带过去的数据,后面是本方法里你得到的数据,我这里是detail.value,根据自己实...

小程序-回到顶部

小程序-回到顶部缩略图
示例 soogif.gif wxml 绑定一个goTop方法,hidden会判断是否需要显示(当前页面在顶部就隐藏,否则就显示)。 <view class='goTop' hidden='{{!floorstatus}}' bindtap="goTop">回到顶部</view> css 使用fiexd,将按钮固定在右下角 /* 返回顶部 */.goTop{ height: 80rpx; width: 80rpx; ...

面试系列 – EventLoop

JS是单线程语言:顺序执行 任务队列宏任务(macro-task):整体代码<script> setTimeout setInterval微任务(micro-task):PromisePromise new 之后会立即执行 之后的 then 是微任务 demo 1 setTimeout(function () { console.log('1')});new Promise(function (resolve) { console.log('2'); ...

面试系列-函数柯里化

什么是函数柯里化? 在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。 例子一 看一个普通的 add 函数 function add(a, b) { return a + b}add(2, 3); // 5 假如我想要这样一个函数,怎么实现 curryAdd(2)(3); // 5 你可能会这样设计 function curryAd...

小程序下拉列表

小程序下拉列表缩略图
示例 阿斯蒂芬.gif wxml: <view class="wrap"> <view class="item" wx:for="{{allList}}" wx:key="index"> <view class="h1" bindtap="change" data-i="{{index}}">日期 {{item.date}}</view> <view class="todolist"> <view class="{{item.status ? 'td-...

小程序-用户拒绝授权后提示用户手动授权

小程序-用户拒绝授权后提示用户手动授权缩略图
使用API wx.getSetting 判断是否授权。 wx.authorize 提前向用户发起授权请求。 wx.openSetting 调起客户端小程序设置界面,返回用户设置的操作结果。 Page({ onShow: function () { this.isAuto() if (this.isUserOpen) { // 用户手动打开的相机权限,返回培训计划。 wx.reLaunch({ ...

小程序上传头像前剪切图片

小程序上传头像前剪切图片缩略图
image-cropper 一款高性能的小程序图片裁剪插件,支持旋转。 1.功能强大。 2.性能超高超流畅,大图毫无卡顿感。 3.组件化,使用简单。 4.点击中间窗口实时查看裁剪结果。 初始准备 下载 image-cropper 组件,并放入 components 文件里中。 1.json文件中添加image-cropper "usingComponents": { "ima...