
笔记
了以李_
一块加油
展开
-
使用 position:absolute; 定位的元素在ios上被遮盖
在ios上一个元素使用position:absolute;定位后,被其它元素遮盖。在使用absolute的元素上加一行代码。原创 2024-06-26 16:59:10 · 474 阅读 · 0 评论 -
vue-admin-template项目实现中英文切换
/ 获取当前语言版本使用 this.$store.getters.language。在src目录下新建lang文件夹,里面有3个文件。en.js 和 zh.js是页面中需要翻译的内容。mutations里面增加。actions里面增加。getters里面增加。原创 2024-04-25 10:41:34 · 788 阅读 · 0 评论 -
vsCode html部分代码换行太多
文件 -> 首选项 -> 设置 -> 搜索vetur -> 在setting.json中编辑。使用vscode格式化文档的时候会出现这种情况。原创 2024-03-15 14:12:52 · 912 阅读 · 0 评论 -
vue打包后直接本地访问index.html
在vue.config.js 文件,没有的话就新建一个,并添加publicPath: './ ’router.js 把mode改成。原创 2023-12-20 10:03:47 · 1438 阅读 · 0 评论 -
修改一个数组的值,另一个数组的值也会改变
vue中如果在data中定义了一个数组变量(list),在js中把这个变量的值重新赋值给另一个数组(newList)如果是直接 “ = ” 赋值,这个时候修改newList里面的值,list也会变解决办法使用JSON.parse(JSON.stringify()) (深拷贝)赋值。原创 2023-11-29 16:41:48 · 968 阅读 · 0 评论 -
vue中处理数字加逗号
【代码】vue中处理数字加逗号。原创 2023-11-07 10:15:43 · 614 阅读 · 1 评论 -
Input type=“file“ change事件只触发一次
执行完一次change事件之后清空一下value。原创 2023-09-19 09:37:54 · 598 阅读 · 0 评论 -
Echart 地图开启缩放之后,中心点位置偏移
Echart 地图开启缩放之后,中心点位置偏移。原创 2022-11-11 09:48:36 · 1345 阅读 · 1 评论 -
正则表达式验证密码必须是数字和字母组合
正则表达式验证密码必须是数字和字母组合原创 2022-10-12 13:47:50 · 465 阅读 · 0 评论 -
uniapp getUserProfile:fail invalid session
uniapp uni.getUserProflie 部分手机调不起来弹窗原创 2022-09-08 16:51:39 · 2331 阅读 · 0 评论 -
watch深度监听
watch深度监听原创 2022-08-03 10:28:47 · 447 阅读 · 0 评论 -
lodash实现防抖节流
vue中使用lodash实现防抖节流原创 2022-07-29 17:50:47 · 278 阅读 · 0 评论 -
VS code常用插件
VS code一些常用插件原创 2022-07-26 14:50:24 · 645 阅读 · 0 评论 -
设置rich-text标签样式
rich-text标签里面的样式设置原创 2022-06-02 16:49:15 · 2085 阅读 · 0 评论 -
未找到 van-toast 节点,请确认 selector 及 context 是否正确
1.json文件引入"van-toast": "@vant/weapp/toast/index",2.js文件引入import Toast from '@vant/weapp/toast/toast';3.wxml写入<van-toast id="van-toast" />4.js文件使用Toast.loading({ message: '加载中...', forbidClick: true, duration: 500});...原创 2022-05-10 15:24:59 · 211 阅读 · 0 评论 -
CDN引入vue,使用图片懒加载
在new Vue 之前加入这样一段Vue.use(vant.Lazyload, { lazyComponent: true});html部分<div class="imgs"> <img class="img" v-for="img of imageList" v-lazy="img"></div>F12看效果:原创 2022-04-27 15:36:29 · 470 阅读 · 0 评论 -
video标签autoplay属性不生效
使用autoplay属性,要配合muted静音属性才生效原创 2022-04-12 13:59:03 · 1220 阅读 · 0 评论 -
CSS设置视频背景透明
background: #000;mix-blend-mode: screen;原创 2022-04-12 13:55:18 · 1200 阅读 · 0 评论 -
window返回上一页并刷新
window.location.href = document.referrer;原创 2022-01-26 14:58:36 · 1631 阅读 · 0 评论 -
媒体查询响应式布局
@media only screen and (min-width:280px) and (orientation:portrait) { html { font-size: 27.5px !important; }}@media only screen and (min-width:320px) and (orientation:portrait) { html { font-size: 32px !important; }}@m原创 2021-12-22 11:00:12 · 316 阅读 · 0 评论 -
文本超两行显示......
width: 100%;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;原创 2021-12-22 10:57:37 · 191 阅读 · 0 评论 -
HTML禁止页面双击放大
把<head>里面的<meta name="viewport" content="width=device-width,initial-scale=1.0">替换成<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />原创 2021-10-22 09:33:02 · 1547 阅读 · 0 评论 -
yyyy-MM-dd HH:mm 时间正则表达式
yyyy-MM-dd HH:mm/^[1-2][0-9][0-9][0-9]-([1][0-2]|0?[1-9])-([12][0-9]|3[01]|0?[1-9]) ([01]?[0-9]|[2][0-3]):[0-5]?[0-9]$/原创 2021-07-01 15:13:14 · 950 阅读 · 0 评论 -
手机号正则表达式
完整手机号正则表达式/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(19[0-9]{1})|(18[0-9]{1}))+\d{8})$/原创 2021-07-01 15:11:42 · 501 阅读 · 0 评论 -
数组的方法
Array.from() 字符串转为数组Array.from('abc');//["a", "b", "c"]let arr = ['1','2','3'];Array.from(arr,item=> console.log(item)//1,2,3)Array.isArray() 判断是否为数组let arr = ['1','2','3'];Array.isArray(arr);//trueArray.of() 生成数组Array.of(1);//[1]Array.原创 2021-04-12 09:26:19 · 237 阅读 · 0 评论 -
css实现三角形
<div class="triangle"> <div class="triangle1"></div> <div class="triangle2"></div> <div class="triangle3"></div> <div class="triangle4"></div> <div class="triangle5"></div> <div cla原创 2021-04-12 08:24:10 · 176 阅读 · 0 评论 -
uniapp swiper组件添加点击事件
微信小程序下写法<swiper circular duration="1000" interval="5000" autoplay> <swiper-item v-for="(item, index) in bannerlist" :key="index" @click="skip(item.url)"> <image class="loaded" :src="item.thumb"></image> </swiper-item><原创 2021-04-07 13:49:37 · 4454 阅读 · 0 评论 -
js for循环同时得到序号和值
想同时得到arr数组的内容和序号let arr = ['a','b','c','d'];for (let [index, value] of arr.entries()) { console.log('index:',index,'value',value);}原创 2021-03-30 14:06:36 · 1968 阅读 · 0 评论 -
uniapp 支付宝小程序swiper组件错位
在微信开发者工具控制台可以看到默认加了position:absolute属性而支付宝小程序运行工具没有加。。。。可以看到第二张图片跑到区域下面去了原因:在支付宝小程序中不会给<swiper-item>标签添加**position:absolute**属性解决办法:.swiper-item {position:absolute}...原创 2021-03-27 14:03:50 · 836 阅读 · 0 评论 -
JS字符串转数组
var str = '123,456,789';var arr = str.split(',');console.log(arr) //输出["123", "456", "789"]原创 2021-03-02 16:25:23 · 413 阅读 · 0 评论