- 博客(20)
- 收藏
- 关注
RSS订阅原创 elementPuls 表格反选实现
/ rows 需要选中的数据 直接传进 state.noCheckList 即可。//需要先全部取消选中 再去选中刚刚未选中的数据即可。发现官网有教你怎么选中某个值的方法 官网中的”真的在网上搜了很多资料发现根本实现不了反选。第一步 获取已选中的值 和未选中的值。// 重要 获取选中未选中数据。既然官网有办法选中某个值。那反选是不是简单了 很多。// 多选table。
2024-07-24 23:34:20
1009
1
原创 vue3拖动排序
<template> <div class=" pos-f flex flex-ac flex-jc z-5 l-0 t-0" style="width: 100%;height: 100%;background: rgba(0, 0, 0, .5);"> <div class="flex-dc bg-f br-10" style="padding: 10rem 20rem 20rem; width: 600rem; ">
2024-07-09 10:14:29
255
原创 前端使用cropperjs 裁剪正方形图片 设置头像（其实什么样比例的矩形图都行）以下代码兼容vue3和vue3+uniapp
就是长这样的参数给组件（blob:http://localhost:5173/f65e1c04-218a-49c0-b63f-edd0cf1cbb34）//cropperObj.afterImg为base64格式 按需转化为 file 格式。// 使用Blob对象创建一个新的文件对象。//是否允许通过拖动来调整裁剪框的大小。// 将base64的数据部分提取出来。//是否允许通过拖动来移动裁剪框。//是否允许通过拖动来缩放图片。// 创建一个虚拟的文件对象。//把裁剪的图片返回到父组件。
2024-05-20 16:38:01
750
原创 uniapp CSS+JS 实现多行文本“展开收起”
参考了部分这个文章写的js+css展开收起，我自己里面还用了部分原生。感觉有点拉跨。只用作记录。<template> <view class="flex flex-dc flex-ac"> <view class=" pos-f flex flex-ac flex-jb ov-h" style="height: 88rpx;width: 100%; z-index: 99;top: 0;background-image: url(../../../static/self
2023-12-27 22:05:31
572
1
原创 浏览器崩溃，内存泄漏，内存不足Debugging connection was closed. Reason: Render process goneReconnect when ready by r
Debugging connection was closed. Reason: Render process goneReconnect when ready by reopening DevTools.
2022-11-21 19:57:30
4783
3
原创 vue3 页面传参and组件传参＜script setup＞
页面传参，怎么传？ import { useRouter } from "vue-router";//引入router let router = useRouter(); router.push({ path ,query:{//要传得参数全在这里面}});或者使用:to传参一样得:to="‘index.vue’,{//这里面是参数}"接收参数 怎么接收import { useRouter } from "vue-router";let router = useRouter();c
2022-01-29 16:32:38
2910
原创 使用原生js，写了一个心算口算天天练
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-11-11 14:31:15
724
原创 js数组常用方法
1.添加数组中的元素push:往数组末尾添加新元素。arr.push(number);unshift:往数组最前面添加一个新元素。arr.unshift(number);2.删除数组元素内容pop:删除数组末尾元素。arr.pop();shift:删除数组最前面一个元素。arr.shift();删除数组元素或添加splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。注释:该方法会改变原始数组。语法:arrayObject.splice(index,howm
2021-07-01 12:24:59
96
原创 使用flex布局，文字不换行问题。
使用了flex布局文字内容不换行问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-06-15 17:28:08
10860
原创 uniapp聊天
在这里插入代码片<template> <view> <view class="bgC"></view> <view class="content" > <view v-for="(item,index) in message"> <view class="flex flex-ac mar-T11" :class="item.static?'flex-drr':''"> <image
2021-01-14 09:51:39
499
1
原创 前端返回页面，返回第一次进入该页面的上一个页面
前端第一次进入一个A页面，然后再到里面不知道点了几个页面，也不知道后面有没有重新进入A页面。然后现在需要在A页面中点击一个返回按钮，点击这个返回按钮就能回到第一次进入该页面的上一个页面。应用场景:原生或者jQuery。某些有个人中心，且个人中心有我的订单的项目（商城类项目）。当你第一次点击我的订单时，然后再到里面点了几下tab（jq的话，我看我们公司以前项目就是带参数跳转）列入: <a href="order_list.html?type=">全部</a> <a href
2020-12-23 23:44:48
3348
2
原创 利用localStorage做一个用户填写信息时，如果失误返回，保存页面输入内容
本篇文章基于vue基本思路：用户输入后，把内容保存在localStorage中，用户提交得时候清除刚刚保存得数据看似很简单，不就是用户输入一条保存一条吗？输入完再取吗？localStorage.setItem("name",this.name)//存this.name = localStorage.getItem("name")//取当然，数据少得时候这样得话我不觉得有问题，但是如果数据多，那么这种方法肯定是不可取得。改良下：要保存的数据直接传键和值给函数，让函数帮你保存。而且所有的用户输入
2020-12-11 22:03:50
247
原创 setTimeout代替setinterval，实现长时间运行不卡顿
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script>
2020-12-10 10:11:58
1501
原创 CSS3 animation 属性 && @keyframes规则
animation 属性是一个简写属性，用于设置六个动画属性：值描述animation-name规定需要绑定到选择器的 keyframe 名称。。animation-duration规定完成动画所花费的时间，以秒或毫秒计。animation-timing-function规定动画的速度曲线。animation-delay规定在动画开始之前的延迟。animation-iteration-count规定动画应该播放的次数。animation-dire
2020-12-08 21:29:23
368
原创 用settimeout代替setinterval，解决定时器耗用内存过多导致卡死的问题。
已知你了解这两个。setinterval在执行的时候，清除后不容易执行。所以用settimeout代替setinterval<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D
2020-11-17 18:11:52
2329
原创 上拉加载-
handleScroll() { //scrollTop就是触发滚轮事件时滚轮的高度 var scrollTop = document.getElementById('scroll').scrollTop || document.body.scrollTop; console.log("滚动距离" + scrollTop); .........
2020-11-03 15:00:29
65
原创 uni-app的midButton，中间突出，点击跳转页面或者出现弹框。
前面做一个APP中间要求突出，记得以前好像uni没有自带得这个，然后看官网现在有这个了，刚好项目也需要，就写了下。下面就是完整得tabbar配置"tabBar": { "color": "#999999", "selectedColor": "#333333", "borderStyle": "#e8e8e8", "backgroundColor": "#ffffff", "list": [{ "pagePath": "pages/index/ind
2020-10-19 12:42:00
10536
8
原创 find、filter、every，some、map、forEach用法自我学习
find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行：1.当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。2.如果没有符合条件的元素返回 undefinedlet arr=[3,5,12,4];let retArr=arr.find((item)=>{ return item%2===0 })console.log(retArr);//12filte
2020-10-18 22:49:34
313
2
空空如也
使用uniapp编写的代码，在微信PC浏览器请求发不出问题
2024-01-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人