uglyduckling0412-CSDN博客

father.jswx.navigateTo({ url: '/pages/son/son', success: function(res) { // 通过eventChannel向被打开页面传送数据 res.eventChannel.emit('acceptDataFromOpenerPage', { title: '张三' }) }})son.jsonload(){ const eventChannel = this.getOpenerEventChanne

2022-03-31 14:43:07 332

原创小程序中图片等比例设置

小程序中图片等比例设置小程序中使用image标签放图片，想要等比例设置宽度或者高度，使用width="100%"或者height="100%"中的一个值，另一个值并不会随之等比例变化。 <image mode="widthFix" src=""></image>解决办法：在image标签中添加 mode="widthFix"后，设置宽度或者高度中任何一个，另一个会按比例随之放大或者缩小。...

2022-03-11 13:35:01 3323

原创小程序自定义模板 template

小程序自定义模板 template自定义模板myTemplate.wxml//myTemplate<template name="myTmp"> <view class="title"> <text>姓名：{{name}}</text> <text>年龄：{{age}}</text> </view></template>myTemplate.wxss.title{ color:red

2022-01-18 15:59:45 330

原创将数组每几个一组进行分组 js

将数组每几个一组进行分组let Arr = [1,2,3,4,5,6,7,8,9];//n为小数组的lengthgetNewArr(arr,n){ let newArr; for(let i=0;i<arr.length;i += n){ newArr.push(Arr.slice(i,i+n) } console.log(newArr)}执行 getNewArr(Arr,3)结果为 newArr:[[1,2,3],[4,5,6],[7,8,9]]...

2022-01-11 12:46:34 927

原创函数节流使用，检索框定时发送请求

函数节流的使用：检索框@input，限制发送请求频率//定义一个变量开始为falselet isSend = false//检索框input会一直触发sendFun方法sendFun(){//判断isSend，如果为true执行return if(isSend){ return } //如果为false，将变量赋值为true isSend = true setTimeout(()=>{ //变量isSend重新赋值为false isSend = fal

2022-01-05 15:53:49 155

原创 input与change区别

input与change区别<input @input='inputFun' /><input @change='changeFun'>区别：input输入即触发该事件change要input框失去焦点才触发该事件

2022-01-05 10:42:44 609

原创您的连接不是私密连接解决办法

您的连接不是私密连接解决办法今天下载vue-router.js，下载就开始报错地址：https://unpkg.com/vue-router/dist/vue-router.js出错情况：我的解决办法：在地址上加上www，https://www.unpkg.com/vue-router/dist/vue-router.js就可以下载了。...

2021-11-30 15:42:30 1616 2

原创小程序用PubSub实现数据传递

PubSub实现数据传递小程序使用npm安装PubSub一、小程序使用npm包1、初始化package.json npm init2、在开发者工具中勾选允许使用npm3、npm安装PubSub npm install PubSub4、构建npm 开发者工具——工具——构建npm5、在需传递数据的页面引入 import PubSub from ‘pubsub-js’二、使用PubSub1、订阅PubSub.subscribe(‘functionName’, (msg, typ

2021-11-23 17:01:16 636

原创 Cannot read properties of undefined (reading ‘parentNode‘)

Swiper:Cannot read properties of undefined (reading ‘parentNode’)问题问题：将swiper封装成组件，父组件调用产生原因：实例化swiper的时候使用的css类名与父组件的某个类名重复。//swiper组件<template> <div class="homeSwiper"> <div class="swiper-container crossHomeSwiper"> &lt

2021-11-15 16:57:55 6741

原创 TypeScript 学习一

第一个typescript代码test.tsconst hello = (name:String)=>{ return `hello ${name}`}hello('uglyduckling')return后加的是反引号

2021-10-20 15:13:46 51

原创小程序路由传参报错：SyntaxError: Unexpected end of JSON input

小程序路由传参，参数转换报错：SyntaxError: Unexpected end of JSON input原因：小程序路由传参对参数长度有限制，当传递的参数超出限制时，会被截取。//item为要传递的对象wx.navigateTo({ url: '/XX?item=' + JSON.stringify(item) })onLoad(options){ //options是接收的item参数，此时的item参数由于长度超出限度，已经被截取 console.log

2021-09-18 16:14:34 500

原创微信小程序scroll-view滚动不超过顶部元素

小程序scroll-view滚动，要保持顶部需固定的元素不被覆盖，需设置高度高度可以直接写固定值，也可以经过计算的值。固定值不用多说，下面记录计算的值的写法页面代码：<scroll-view class="scroll"> <view class="scrollItem">1</view> <view class="scrollItem">2</view> <view class="scrollItem">3</vie

2021-09-14 16:03:04 734

原创微信小程序实现播放当前视频时，关闭其他视频播放

需求：播放当前视频时，关闭其他视频的播放思路：使用实例wx.createVideoContext(‘唯一标识’)需解决问题：找到视频的唯一标识并生成实例找到上一个播放视频生成的实例首个视频播放可以正常执行连续点击同一个视频，播放-暂停-播放的时候正常执行wxml代码<scroll-view class="videoScroll" scroll-y> <view class="videoItem" wx:for="{{videoList}}" wx:key="id" w

2021-09-03 17:11:35 1180

原创 flex:默认值；flex:1；flex:auto；使用

flex不同的值对应意义flex包含三个属性 flex-grow flex-shrink flex-basisflex-grow 当前元素是否可以拉伸flex-shrink 当前元素是否可以压缩flex-basis 当前元素的宽度flex:1 对应 flex-grow:1;(可以拉伸)flex-shrink:1;(可以压缩)flex-basis:0%;(填充宽度)flex:auto 对应 flex-grow:1;(可以拉伸)flex-shrink:1;(可以压缩)flex-basis:auto;

2021-09-01 16:38:46 2582

原创父元素display:flex,怎么设置子元素靠右或者靠左

父元素display:flex 子元素margin-left：auto ；则该子元素靠右边<div class="fatherBox"> <text class="leftBox">靠左box</text> <text class="leftBox">靠左box</text> <text class="rightBox">靠右box</text></div>.fatherBox{ displa

2021-08-26 14:43:00 5462

原创使用NATAPP实现内网穿透

调试小程序，需要使用内网穿透，由于UTOOLS已经取消内网穿透插件，所以使用NATAPP首先在NATAPP官网natapp.cn完成注册完成注册后选择我的隧道（我使用的是免费隧道）下载并安装natapp软件，运行...

2021-08-25 15:47:33 183

原创 wx.request()封装使用

wx.request()封装使用config.js//配置服务器相关信息export default { host:'https://localhost:3000'}request.js//获取url url与发送请求分开写，方便更改import config from './config'//封装发送请求export default (url,data={},method='get')=>{ return new promise(resolve,reject)=>{

2021-08-17 17:06:11 90

原创单行、多行超出文字省略代替

单行及多行超出文字省略代替解决单行/*单行文本溢出，需是块级元素下的文字，且应有宽度*/text{ white-space: nowrap;/*禁止换行*/ overflow: hidden；/*超出部分隐藏*/ text-overflow: ellipsis;/*文字超出部分用省略号代替*/ /*如果是文本，要换成块*/ display:block;}多行text{ /* 设置两行文字超出省略号代替 */ overflow: hidden; text-overflo

2021-08-16 15:17:09 72

原创小程序getUserInfo使用采坑

问题：小程序使用getUserInfo获取的用户信息为nickName：微信用户，且不弹出询问是否授权框，清除授权信息失败<view> <button bindgetuserinfo="handleGetUserInfo" open-type="getUserInfo"></button><view>handleGetUserInfo(e){ console.log(e)}获取到的信息为nickName：微信用户，avatarUrl不是登录用

2021-08-12 15:02:06 2391 2

原创小程序的生命周期

小程序的生命周期/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { //生成实例之前，此处无数据 }, /** * 生命周期函数--监听页面显示 */ onShow: function () { //生成实例之后，依然没有数据，但是模拟器会显示数据，还是以官网给出的图片为准 }, /** * 生命周期函数--监听页面初次渲染完成

2021-08-11 15:42:42 41

原创小程序冒泡事件

小程序绑定事件bind绑定：不会阻止冒泡事件<view bindtap="fatherClick"> <text bindtap="childClick">冒泡事件</text></view>fatherClick(){ console.log('father')}childClick(){ console.log('child')}点击冒泡事件，依次触发childClick（）、fatherClick（）；结果为先后输出 child

2021-08-10 15:59:18 368

原创小程序适配方案rpx

rpx（responsive pixel）响应式像素单位小程序适配单位 rpx小程序规定，任何屏幕下宽度为750rpx不同的手机型号的屏幕宽度不同，小程序会根据屏幕大小计算rpx大小，即一个像素放多少rpx。例如：最经典的iphone6，屏幕宽度为375px，所以1px=2rpx，100px100px像素的图片，应写成200rpx200rpx各手机型号屏幕尺寸对应的px以及rpx设备widthpx换算rpxrpx换算成pxiphone5320px1px=2.34rpx

2021-08-10 11:24:42 481

空空如也

空空如也