自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 uniapp通过蓝牙传输数据 (安卓和ios)

使用uniapp自带的低功耗蓝牙传数据,安卓最好不能超过20个字节(ios可以不限制字节大小),我传的数据较长,有几千个字节,ios倒是能一下就传过去,挺省事的。主要是安卓,非要用uniapp低功耗蓝牙传的话需要循环调用writeBLECharacteristicValue写入数据,要二十几秒才能传完,时间太长了。所以优化只能选择经典蓝牙。,(ios不支持经典蓝牙,所以如果是ios系统就用低功耗蓝牙,安卓系统就用经典蓝牙)我试了插件市场上面的很多经典蓝牙,选择了。

2023-12-28 09:39:42 817

原创 高德地图提示插件AutoComplete不显示

给它的z-index设置很高也不显示,后面查看它的文档发现给它设置一个output就行了。

2023-12-27 11:48:07 575

原创 引入unplugin-vue-components后 报错:Uncaught (in promise) Error: [naive/use-message]: No outer founded

报错:Uncaught (in promise) Error: [naive/use-message]: No outer founded。引入unplugin-vue-components后。

2023-06-09 10:04:48 845 1

原创 vue3+ts div头部标题栏可移动拖拽,且不能超过当前屏幕范围

div的样式如下,值得注意的是,设置right还是left ,top还是bottm,必须得和handleRemove方法中的保持一致,因为方法中是设置的right和bottom【dom.style.right = dropX + ‘px’;dom.style.bottom = dropY + ‘px’】,则样式中也得设置right和bottom。移动的方法如下,其中dom为需要设置的div,封装此方法可以页面多元素使用。

2023-05-17 11:43:52 407

原创 vue图片放大器

<div class="img_container" @mouseenter="handleMouse" @mousemove="handleMove" @mouseleave="handleLeave" > <img src="../assets/xx.jpg" alt="xixi" /> </div> <div class="img_viwer" v-show="isA

2021-11-18 10:24:39 230

原创 最大单词长度乘积(力扣)

输入: [“abcw”,“baz”,“foo”,“bar”,“xtfn”,“abcdef”]输出: 16解释: 这两个单词为 “abcw”, “xtfn”。示例 2:输入: [“a”,“ab”,“abc”,“d”,“cd”,“bcd”,“abcd”]输出: 4解释: 这两个单词为 “ab”, “cd”。来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/maximum-product-of-word-lengths著作权归领扣网络所有。商业

2021-11-17 10:32:37 75

原创 js淡出效果的实现

通过控制div的高,来模拟淡出效果<button @click="handleClick">点击淡出</button> <div id="div3" style="width:80px;height:0px;background-color:pink;overflow:hidden;line-height:80px;"> 啦啦啦啦 </div>handleClick(){ let div = document.querySel

2021-10-27 13:40:40 344

原创 最接近的三数之和

输入:nums = [-1,2,1,-4], target = 1输出:2解释:与 target 最接近的和是 2 (-1 + 2 + 1 = 2) 。test(_arr,num){ let narr = [] //将差值用新数组存起来 for(let i=0;i<_arr.length;i++){ let x = Math.abs(num-_arr[i]) narr.push(x) } let carr

2021-10-27 10:26:24 51

原创 三数之和()

输入:nums = [-1,0,1,2,-1,-4]输出:[[-1,-1,2],[-1,0,1]]示例 2:输入:nums = []输出:[]test(s){ if(s.length<3){ return } let arr = [] for(let i=0;i<s.length;i++){ for(let j=i+1;j<s.length;j++){ for(let k=j+1;

2021-10-27 09:35:55 51

原创 最长公共前缀

输入:strs = [“flower”,“flow”,“flight”]输出:“fl”示例 2:输入:strs = [“dog”,“racecar”,“car”]输出:""解释:输入不存在公共前缀。test(s){ let str = '' let flag = true let len = s[1].length //找出字符串最短的长度 for(let i=0;i<s.length;i++){ if(len&g

2021-10-26 09:55:58 48

原创 字符串转换整数

示例:输入:s = “4193 with words”输出:4193解释:第 1 步:“4193 with words”(当前没有读入字符,因为没有前导空格)^第 2 步:“4193 with words”(当前没有读入字符,因为这里不存在 ‘-’ 或者 ‘+’)^第 3 步:“4193 with words”(读入 “4193”;由于下一个字符不是一个数字,所以读入停止)^解析得到整数 4193 。由于 “4193” 在范围 [-231, 231 - 1] 内,最终结果为 4193

2021-10-20 16:13:33 56

原创 最小操作次数使数组元素相等

输入:nums = [1,2,3]输出:3解释:只需要3次操作(注意每次操作会增加两个元素的值):[1,2,3] => [2,3,3] => [3,4,3] => [4,4,4]来源:力扣(LeetCode)链接:https://leetcode-cn.com/problems/minimum-moves-to-equal-array-elements著作权归领扣网络所有。商业转载请联系官方授权,非商业转载请注明出处。test(arr) { let

2021-10-20 15:10:43 127

原创 z字形变换

test(str,num) { //str为字符串,num为行数 let res = []; let flag = false for(let i=0;i<str.length;){ for(let j=0,m=i;j<num,m<i+num;j++,m++){ if(res[j]){ res[j+1]+=str[m] }else{ res[j]

2021-10-20 13:41:13 48

原创 vue上传图片或文件

//在body里面写<input type="file" id="file" @change="upimg($event)" name="img" /> //需要注意的是name属性必须写//在js里面upimg(e) { let file = e.target.files[0]; let param = new FormData(); param.append("img", file); this.axios .pos

2021-08-10 16:19:00 92

原创 vue 触底加载

methods:{ touchLLoding() { window.onscroll = () => { //给右边“精选沸点”盒子加固定窗口属性 let right = document.querySelector(".right-point"); if (document.documentElement.scrollTop > 490) { right.style = "position:fixed;margi

2021-08-10 16:05:23 187

原创 vue路由守卫

//在Home里面写if (this.current == "laowang" && this.password == "laowang666") { //若账号或密码正确,则在缓存里面存一个isLogin值为1 localStorage.setItem("isLogin", "1"); this.$router.push("/Dashboard"); } //在router--index.js里面写以下内容判断是否

2021-07-26 19:53:49 86

原创 vue排他思想

//现在用排他思想给分页加点击事件<span class="paging-num" :class="{ wirte: iswrite == index + 1 }" v-for="(item, index) in pageNum" :key="index" @click="changeNum(item)" >.wirte {

2021-07-20 17:26:51 516

原创 js分页效果

//html部分<div class="goods-box"> <div class="one"> <img src="img/product1.jpg" alt=""> <div class="goods-price">¥438.00</div> <div class="goods-text">

2021-06-19 17:38:21 82

原创 js轮播图

//html部分<div class="banner"> <div class="cont"> <img src="img/banner.webp" width="1920px" alt=""> <img src="img/banner2.webp" width="1920px" alt=""> <img src="img/banner6.webp" width=

2021-06-19 17:15:26 54

原创 全选与反选

//全选csa.onclick = function(){for(let i=0;i<s.length;i++){s[i].checked=csa.checked;}}//反选for(let i=0;i<s.length;i++){s[i].onclick = function(){let flag = true;for(let j=0;j<s.length;j++){if(s[j].checkedfalse){flag = false;}}csa.check

2021-06-16 19:53:42 79

原创 javascript事件

//oncllick事件 点击列表中的某项,该项移除 function $(node){ return document.querySelector(node); } var ul = $("ul"); ul.addEventListener('click',function(){ event.target.remove(); //点击ul列表中的某一项 }); //点击列表的某项,其背景变色 .

2021-05-29 18:03:23 225 2

原创 两种方式(正则表达&&ascii码)判断首字符是否是字母

document.getElementById(“button1”).οnclick=function(){var num1=document.getElementById(“input1”).value;//ascii码判断var num2=num1.charCodeAt(0); if(num2>=65&&num2<=90||num2>=97&&num2<=122){ console.log(num2);

2021-05-20 14:43:15 598

原创 css样式设置

css样式样式击穿:pointer-events:none;字母大小写:text-transform;文本不换行:white-space: nowarp;显示光标类型:cursor内容溢出元素框:overflow透明度:opacity:

2021-05-08 11:15:14 52

原创 BFC方法清除浮动,解决高度塌陷

解决高毒塌陷的方法有几个,最标准的方法是BFC方法即对父级元素添加伪类father ::after{content: " ";clear: both;display:block;visibility: hidden; //伪类的内容不可见}

2021-05-08 11:08:55 102

原创 css绘制等边三角形

css绘制等边三角形.triangle{width: 0px;height: 0px;border: 5px solid #13916A;border-color: transparent transparent transparent #13916A;border-width: 5px 9px 5px 9px;}

2021-05-08 10:56:18 680

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除