技术档案
日积月累,滴水成海
uglyduckling0412
这个作者很懒,什么都没留下…
展开
-
vue table编辑后赋值失败方法和深拷贝方法
【代码】vue table编辑后赋值失败方法和深拷贝方法。原创 2023-08-31 15:47:55 · 239 阅读 · 0 评论 -
爆改vue3 setup naiveui可编辑table
vue3 setup naiveui可编辑table原创 2023-08-01 15:49:16 · 536 阅读 · 0 评论 -
naive ui 数据表格操作加入两个按钮解决办法
naive ui 数据表格操作加入两个按钮解决办法原创 2023-06-28 16:06:44 · 975 阅读 · 0 评论 -
vue3cli项目安装naive提示peer错误解决办法
问题:在vue3项目安装naive ui的时候报错,ERESOLVE unable to resolve dependency tree…解决办法:安装命令后面追加 --legacy-peer-deps原创 2023-06-27 14:07:00 · 112 阅读 · 0 评论 -
vue-element-admin安装错误128,vue-cli-service不是内部或者外部命令解决办法
vue-element-admin安装错误128,vue-cli-service不是内部或者外部命令解决办法原创 2023-02-23 15:26:33 · 295 阅读 · 4 评论 -
小程序中setInterval与clearInterval
小程序中setInterval与clearInterval原创 2022-11-02 16:36:04 · 315 阅读 · 0 评论 -
关于小程序onlaunch异步比page页面onload慢的问题解决办法
关于小程序onlaunch异步比page页面onload慢的问题解决办法。原创 2022-09-21 15:21:32 · 1059 阅读 · 0 评论 -
定向数据传输(eg:父组件给孙子组件注入数据 provide inject)
定向数据传输(eg:父组件给孙子组件注入数据 provide inject)原创 2022-08-19 16:27:21 · 55 阅读 · 0 评论 -
在动态组件切换时,保留切换的组件状态 keepalive
在动态组件切换时,保留切换的组件状态 keepalive。原创 2022-08-19 15:46:30 · 58 阅读 · 0 评论 -
vue父子组件通信
vue父子组件通信。原创 2022-08-19 11:00:03 · 175 阅读 · 0 评论 -
vue组件之间实现数据传输(通过bus通信)
vue组件之间实现数据传输(通过bus通信)原创 2022-08-19 09:59:41 · 283 阅读 · 0 评论 -
禁掉F12、鼠标右键 JS
在中写入下面内容即可。原创 2022-08-12 12:31:57 · 127 阅读 · 0 评论 -
记录小程序分页skip、limit 获取数据重复的一个坑
记录小程序分页skip、limit 获取数据重复的一个坑原创 2022-08-05 10:27:43 · 571 阅读 · 0 评论 -
HTML、CSS、JS实现水印效果
HTML、CSS、JS实现水印效果。原创 2022-08-02 11:30:34 · 1100 阅读 · 0 评论 -
小程序云函数更新数据库中数组包含对象的数据
小程序云函数更新数据库中数组包含对象的数据原创 2022-07-05 13:43:42 · 575 阅读 · 0 评论 -
小程序使用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 · 334 阅读 · 0 评论 -
小程序中图片等比例设置
小程序中图片等比例设置小程序中使用image标签放图片,想要等比例设置宽度或者高度,使用width="100%"或者height="100%"中的一个值,另一个值并不会随之等比例变化。 <image mode="widthFix" src=""></image>解决办法:在image标签中添加 mode="widthFix"后,设置宽度或者高度中任何一个,另一个会按比例随之放大或者缩小。...原创 2022-03-11 13:35:01 · 3340 阅读 · 0 评论 -
小程序自定义模板 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 · 331 阅读 · 0 评论 -
将数组每几个一组进行分组 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 · 944 阅读 · 0 评论 -
函数节流使用,检索框定时发送请求
函数节流的使用:检索框@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 · 156 阅读 · 0 评论 -
input与change区别
input与change区别<input @input='inputFun' /><input @change='changeFun'>区别:input输入即触发该事件change要input框失去焦点才触发该事件原创 2022-01-05 10:42:44 · 612 阅读 · 0 评论 -
您的连接不是私密连接解决办法
您的连接不是私密连接解决办法今天下载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 · 1628 阅读 · 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 · 640 阅读 · 0 评论 -
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 · 6768 阅读 · 0 评论 -
TypeScript 学习一
第一个typescript代码test.tsconst hello = (name:String)=>{ return `hello ${name}`}hello('uglyduckling')return后加的是反引号原创 2021-10-20 15:13:46 · 51 阅读 · 0 评论 -
小程序路由传参报错: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 · 504 阅读 · 0 评论 -
微信小程序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 · 749 阅读 · 0 评论 -
微信小程序实现播放当前视频时,关闭其他视频播放
需求:播放当前视频时,关闭其他视频的播放思路:使用实例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 · 1187 阅读 · 0 评论 -
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 · 2598 阅读 · 0 评论 -
父元素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 · 5492 阅读 · 0 评论 -
使用NATAPP实现内网穿透
调试小程序,需要使用内网穿透,由于UTOOLS已经取消内网穿透插件,所以使用NATAPP首先在NATAPP官网natapp.cn完成注册完成注册后选择我的隧道(我使用的是免费隧道)下载并安装natapp软件,运行...原创 2021-08-25 15:47:33 · 183 阅读 · 0 评论 -
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 阅读 · 0 评论 -
单行、多行超出文字省略代替
单行及多行超出文字省略代替解决单行/*单行文本溢出,需是块级元素下的文字,且应有宽度*/text{ white-space: nowrap;/*禁止换行*/ overflow: hidden;/*超出部分隐藏*/ text-overflow: ellipsis;/*文字超出部分用省略号代替*/ /*如果是文本,要换成块*/ display:block;}多行text{ /* 设置两行文字超出省略号代替 */ overflow: hidden; text-overflo原创 2021-08-16 15:17:09 · 72 阅读 · 0 评论 -
小程序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 · 2395 阅读 · 2 评论 -
小程序的生命周期
小程序的生命周期/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { //生成实例之前,此处无数据 }, /** * 生命周期函数--监听页面显示 */ onShow: function () { //生成实例之后,依然没有数据,但是模拟器会显示数据,还是以官网给出的图片为准 }, /** * 生命周期函数--监听页面初次渲染完成原创 2021-08-11 15:42:42 · 41 阅读 · 0 评论 -
小程序冒泡事件
小程序绑定事件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 阅读 · 0 评论 -
小程序适配方案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 · 490 阅读 · 0 评论 -
数据代理劫持
Javascript 数据代理劫持<script> let oldData = { userName : "张三", age : 30 } let _this = {} for (let item in oldData){ Object.defineProperty(_this,item,{ get(){ console.log(item,oldData[item]) }, set(newValue){ console.log(newVal原创 2021-08-09 17:27:22 · 52 阅读 · 0 评论