- 博客(45)
- 收藏
- 关注
原创 小程序构建NPM失败
3、输入npm install + (包名字),这个很重要,不能只输入 npm install,例如vant,就是npm i @vant/weapp -S --production。不需要再setting中配置那些miniprogram。1、在微信开发者工具中,项目的根目录下,打开外部终端。4、微信开发者工具中重新打开项目。2、输入命令 npm init。5、工具=>构建npm。
2025-03-14 17:03:19
446
原创 TS报错:Could not find a declaration file for module 的解决办法
TS报错: Could not find a declaration file for module的解决办法
2025-01-23 13:42:04
934
原创 错误提示:‘interface‘ declarations can only be used in TypeScript files
错误提示:'interface' declarations can only be used in TypeScript files
2024-08-25 21:58:51
323
1
原创 vue3 修改data后,取消恢复原值。 JSON.parse(JSON.stringify())深拷贝的使用
【代码】vue3 修改data后,取消恢复原值。JSON.parse(JSON.stringify())深拷贝的使用。
2023-07-09 15:04:31
1112
原创 vue3cli项目安装naive提示peer错误解决办法
问题:在vue3项目安装naive ui的时候报错,ERESOLVE unable to resolve dependency tree…解决办法:安装命令后面追加 --legacy-peer-deps
2023-06-27 14:07:00
176
原创 vue-cli created调用methods中方法报TS2339: Property ‘XX‘ does not exist on type
【代码】vue-cli created调用methods中方法报TS2339: Property ‘XX‘ does not exist on type。
2023-04-25 11:14:52
1614
原创 vue-element-admin安装错误128,vue-cli-service不是内部或者外部命令解决办法
vue-element-admin安装错误128,vue-cli-service不是内部或者外部命令解决办法
2023-02-23 15:26:33
373
4
原创 关于小程序onlaunch异步比page页面onload慢的问题解决办法
关于小程序onlaunch异步比page页面onload慢的问题解决办法。
2022-09-21 15:21:32
1407
1
原创 定向数据传输(eg:父组件给孙子组件注入数据 provide inject)
定向数据传输(eg:父组件给孙子组件注入数据 provide inject)
2022-08-19 16:27:21
89
原创 小程序使用eventChannel实现跳转页面传参
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
425
原创 小程序中图片等比例设置
小程序中图片等比例设置小程序中使用image标签放图片,想要等比例设置宽度或者高度,使用width="100%"或者height="100%"中的一个值,另一个值并不会随之等比例变化。 <image mode="widthFix" src=""></image>解决办法:在image标签中添加 mode="widthFix"后,设置宽度或者高度中任何一个,另一个会按比例随之放大或者缩小。...
2022-03-11 13:35:01
3756
原创 小程序自定义模板 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
375
原创 将数组每几个一组进行分组 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
1167
原创 函数节流使用,检索框定时发送请求
函数节流的使用:检索框@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
190
原创 input与change区别
input与change区别<input @input='inputFun' /><input @change='changeFun'>区别:input输入即触发该事件change要input框失去焦点才触发该事件
2022-01-05 10:42:44
677
原创 您的连接不是私密连接解决办法
您的连接不是私密连接解决办法今天下载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
1860
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
700
原创 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"> <
2021-11-15 16:57:55
7204
原创 TypeScript 学习一
第一个typescript代码test.tsconst hello = (name:String)=>{ return `hello ${name}`}hello('uglyduckling')return后加的是反引号
2021-10-20 15:13:46
83
原创 小程序路由传参报错: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
626
原创 微信小程序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
850
原创 微信小程序实现播放当前视频时,关闭其他视频播放
需求:播放当前视频时,关闭其他视频的播放思路:使用实例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
1333
原创 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
2881
原创 父元素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
6041
原创 使用NATAPP实现内网穿透
调试小程序,需要使用内网穿透,由于UTOOLS已经取消内网穿透插件,所以使用NATAPP首先在NATAPP官网natapp.cn完成注册完成注册后选择我的隧道(我使用的是免费隧道)下载并安装natapp软件,运行...
2021-08-25 15:47:33
250
原创 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
134
原创 单行、多行超出文字省略代替
单行及多行超出文字省略代替解决单行/*单行文本溢出,需是块级元素下的文字,且应有宽度*/text{ white-space: nowrap;/*禁止换行*/ overflow: hidden;/*超出部分隐藏*/ text-overflow: ellipsis;/*文字超出部分用省略号代替*/ /*如果是文本,要换成块*/ display:block;}多行text{ /* 设置两行文字超出省略号代替 */ overflow: hidden; text-overflo
2021-08-16 15:17:09
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人