![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
文章平均质量分 61
vue.js相关笔记,点点滴滴地记录,一步一步地成长!
我就不思
你才不菜鸡!只不过是对手太强了!
展开
-
object-fit属性
当图片比例不固定时,想要让图片自适应,一般都会用background-size:cover/contain,但是这个只适用于背景图。保持原有尺寸比例,如果容器尺寸大于图片内容尺寸,保持图片的原有尺寸,不会放大失真;容器尺寸小于图片内容尺寸,用法跟contain一样。宽度和高度中短的那条边跟容器大小一致,长的那条等比缩放。长度和高度中长的那条边跟容器大小一致,短的那条等比缩放,可能会留白。mode 有 14 种模式,其中 5 种是缩放模式,9 种是裁剪模式。内容拉伸填满整个盒子, 但不保证保持原有的比例。原创 2024-06-14 17:44:20 · 271 阅读 · 0 评论 -
不同技术实现鼠标滚动图片的放大缩小
最近弄PC端的需求时,要求在layui技术下实现鼠标滚动图片的放大缩小的功能!下面来总结一下不同框架剩下这功能!原创 2024-04-26 14:18:06 · 692 阅读 · 0 评论 -
企业微信对接微信客服获取客户详情
企业微信对外客服,客户是微信接收的!但是如果用户使用的企业微信的账号和微信的一样的话,那客户详情就好办了!但是任何一个微信都可以是客户的!所以就要微信去静默授权获取到openid和unionid作为标识,企业微信侧边栏获取的userId给服务端对接对应的unionid,就知道对方微信客户的详情!原创 2024-02-28 14:30:12 · 552 阅读 · 0 评论 -
前端怎么监听手机键盘是否弹起
开发移动端中,经常会遇到一些交互需要通过判断手机键盘是否被唤起来做的,说到判断手机键盘弹起和收起,应该都知道,安卓和ios判断手机键盘是否弹起的写法是有所不同的,下面讨论总结一下两端的区别以及上线方式原创 2024-01-26 09:57:36 · 2308 阅读 · 0 评论 -
Pixi.js的魅力
Web开发的时代,图形和动画已经成为了吸引用户注意力的重要手段之一。而 Pixi.js 作为一款高效、易用的2D渲染引擎,已经成为了许多开发者的首选原创 2024-01-05 15:14:35 · 1078 阅读 · 0 评论 -
mixins混淆请求字典封装库
页面请求要使用到很多重点的查询,写在本页面的逻辑代码太混乱,所以可以抽离封装成功一个js库混淆进来!原创 2023-12-31 11:03:49 · 424 阅读 · 0 评论 -
vue企业微信授权微信获取unionid进入微信客服
企业微信又一个app应用,但是这点击对接了微信客服!虽然内部的人员可以和微信相关联起来,但是外部人员微信打开客服的时候不知道是谁!所以企业微信这边打开微信客服时需要借助小程序去授权获取对应的unionid作为唯一标识的!原创 2023-12-26 17:11:56 · 535 阅读 · 0 评论 -
前端项目重构的深度思考和复盘
系统重构是一个持续的过程, 我们不仅要有持续学习的态度, 还需要不断的实践和积累优秀的最佳实践, 这样才能在不断重构中让我们的系统不断适应复杂多变的“社会环境原创 2023-12-25 15:11:09 · 1436 阅读 · 0 评论 -
前端埋点方式
那么在一个企业中,我们要如何去了解用户呢?最直接有效的方式就是了解用户的行为,了解用户在网站中做了什么,呆了多久。而如何去实现这一操作,这就涉及到我们前端的埋点了。原创 2023-12-22 14:50:09 · 1189 阅读 · 0 评论 -
Vue实现图片预览(Viewer.js)
vue项目开发中遇到一个图片预览的需求,可以切换下一张,就是花里胡哨的,所以找viewer.js的插件原创 2023-11-30 17:22:58 · 1234 阅读 · 0 评论 -
ES6、ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?
前端开发的都知道,JavaScript经历了不同标本的迭代,从1到12的不断完善中会添加不同的新特性来解决前一个阶段的瑕疵,让我们开发更加便捷与写法更加简洁!>我记得我第一次接触js的时候是从大学的《21天精通JavaScript》,名字很好听,但是现在还在学,还没有精通!哈哈哈哈!>下面来回顾ES5与谈谈ES6、ES7、ES8、ES9、ES10、ES11、ES12都增加了哪些新特性?原创 2023-07-13 15:53:13 · 3147 阅读 · 0 评论 -
给页面添加水印效果
今天遇到一个需求:就是html+layui和uniapp(vue)给某个页面或者某个div添加水印效果!原创 2023-03-24 10:19:12 · 1354 阅读 · 0 评论 -
vue项目开发(vue2与vue3对比)
初与typescrip的约定情愫:最近项目要用到vue3,所以打算使用typescrip语法!原创 2023-02-20 14:53:44 · 1114 阅读 · 0 评论 -
vue实现微信端和企业微信端扫码
微信端调用微信的扫一扫和企业微信端调用企业微信的扫一扫获取订单码查询!!原创 2023-01-07 11:07:35 · 1250 阅读 · 0 评论 -
前端框架实现不刷新整个页面刷新数据
今天写react的一对多视频会议的项目时,4秒刷新一次会议成员,每一次4秒重新请求接口的时候,正在会议的成员的视频有的重新加载!就想到4秒刷新的时候获取回来的数组进行和视图的数组进行对比,有改变就会默默刷新掉对应的参数,静默更新状态而不影响当前正在视频的会议!原创 2022-10-28 16:34:39 · 2974 阅读 · 0 评论 -
vue遍历时每一项列表太长的展开与收起
vue项目中遍历的列表每一项太长,需要使用展开收起按钮进行控制!之前弄过控制文本的展开与收起,但是在这里是用不上的!找了好久找不到那就自己撸一个被!没什么大不了的!原创 2022-10-11 16:18:06 · 870 阅读 · 0 评论 -
前端面试锦集
基本面试:做过最满意的项目是什么?项目背景?为什么要做这件事情?最终达到什么效果?你处于什么样的角色,起到了什么方面的作用?在项目中遇到什么技术问题?具体是如何解决的? 如果再做这个项目,你会在哪些方面进行改善?基础扎实:IT行业,哪些发展好的同学都是具备扎实基础知识,如果理解计算机基础会更好,因为我们面临很多非前端计算问题的。主动思考:被动完成任务成长会很慢的,需要有自己的想法,而不是仅仅是完成任务的。自动学习:前端领域知识淘汰速度很快,需要经常学习新知识。追溯深度:遇到问题是多研究背.原创 2020-09-02 14:44:02 · 4928 阅读 · 2 评论 -
uniapp控制data字段来控制元素显示隐藏
今天遇到了一个界面的数据是一个json数据实现的动态绑定,里面有对应的字符串绑定或者数组遍历,但是其的状态是根据data中的数据是否为空来控制”完成“和”未完成“的显示状态的。vue 提倡 状态驱动界面,用data里面字段,控制界面的组件显示或者隐藏就非常合理了。不同字段对应的不同的显示逻辑,也就很合理了。数据为单个字符串时:<div v-if="info">{{info}}</div><div v-else>暂时没有数据...</div>数据为数原创 2022-08-25 09:58:55 · 5592 阅读 · 0 评论 -
企业微信重新登录进入index不刷新当前页面数据
企业微信根据不同的职位分配不同的权限,如果是每一个用户直接企业微信单点登录进去可以获取到对应自己的权限,可以看到对应的模块!那么问题来了,如何用户单点登录进来退出登录重新用其他账号登录的话,index中的权限模块的数据还是第一次单点登录进去的权限,必须要点击企业微信三点里面的刷新才能重新获取账号登录对应的权限!原创 2022-08-22 15:43:55 · 973 阅读 · 0 评论 -
Vue3 Parsing error: Unexpected token.
前要:今天项目开发用到vue3技术框架+TypeScript语法+vite打包技术…,但是配置vue-router是报错Parsing error: Unexpected token.!顺便记录一下解决不同语法下的交接方法!!!原创 2022-07-15 11:26:38 · 13903 阅读 · 1 评论 -
Async 异步转同步
前要:今天写react的一对多视频会议的项目时,4秒刷新一次会议成员,每一次4秒重新请求接口的时候,正在会议的成员的视频有的重新加载!就想到4秒刷新的时候获取回来的数组进行和视图的数组进行对比,有改变就会默默刷新掉对应的参数,静默更新状态而不影响当前正在视频的会议!...原创 2022-07-13 11:15:25 · 1106 阅读 · 0 评论 -
判断h5在两端是在微信环境还是企业微信环境
前要: 之前做过的公众号授权一般是在登录时的,最近遇到一个直接微信打开企业微信发过来的链接进去预约页面,需要进来时查询当前微信的用户有没有预约过对应的申请,如果有就跳转到index的列表页,没有的话留在当前的预约页!所以需要用到微信用户访问微信内部的小程序/公众号产生的用户唯一标识openid来查询有没有对应的数据列表...原创 2022-06-28 14:34:58 · 1608 阅读 · 0 评论 -
微信H5公众号获取openid爬坑记
前要: 之前做过的公众号授权一般是在登录时的,最近遇到一个直接微信打开企业微信发过来的链接进去预约页面,需要进来时查询当前微信的用户有没有预约过对应的申请,如果有就跳转到index的列表页,没有的话留在当前的预约页!所以需要用到微信用户访问微信内部的小程序/公众号产生的用户唯一标识openid来查询有没有对应的数据列表!...原创 2022-07-04 10:40:14 · 1812 阅读 · 6 评论 -
UNIAPP H5调起手机地图应用或跳转网页版实现导航功能
用户通过点击选择使用百度还是高德地图,点击后调用guide方法,判断设备上是否有高德或者百度APP,有就直接调用APP,如果没有就调用网页版原创 2022-06-13 15:29:44 · 2512 阅读 · 7 评论 -
将Promise.then中的值直接return出来调用
需求:定义一个 getGoodsList 函数,在里面执行异步操作,然后取得 Promise.then 中的值并 return 出来,以便在别的地方使用该返回值。原创 2022-05-31 11:04:38 · 5409 阅读 · 3 评论 -
遍历数组、对象的方法
前提:前端最重要的任务的经常要处理数据的!经常的是列表的遍历问题!例如遍历数组、对象的方法!!!遍历数组:https://blog.csdn.net/weixin_64077152/article/details/121774424遍历对象:1. vue中v-for遍历对象<el-form-item label="状态:"> <el-select v-model="searchData.generateStatus"> <el-o.原创 2022-05-16 10:11:47 · 2331 阅读 · 0 评论 -
npx和npm之间的关系
今天的项目中缘遇到用npx执行的命令,现在就把npm和npx之间的关系整理一下,方便自己和大家查阅原创 2022-05-07 09:22:03 · 512 阅读 · 0 评论 -
JS中 t, _ => 的解析
recUpdate(t, _ => ({ billOpened: false })) 是箭头函数我很疑惑,这为什么要使用_作为函数参数呢?后来查了资料,才知道,正常情况下,我们如果写一个不需要参数的箭头函数,写法是这样的原创 2022-04-22 17:56:20 · 1518 阅读 · 0 评论 -
VUE 根据当前时间,以周切换时间
项目需求,根据当前时间,显示本周所有日期,点击左右按钮切换上下周。原创 2022-03-07 11:07:32 · 914 阅读 · 0 评论 -
v-for下定时给图片添加动画
需求:在vue中v-for遍历图片列表依据index时定时给图片添加动画!原创 2022-03-02 17:56:28 · 489 阅读 · 1 评论 -
vue使用js-audio-recorder实现一句话识别功能
今天接到一个项目需求,就是后台调用腾讯云语音识别,前端拿到录音base64数据源调用数据接口实现y一句话识别搜索功能!因为有很多地方需要用到这个搜索功能!为了方便,所以我封装成一个组件的形式!<template> <div class="recordPlagin"> <!-- 录音提示 --> <div class="mask" v-if="yingPingDisPlay"> <img src="../.......原创 2022-02-22 15:11:27 · 2339 阅读 · 11 评论 -
Error in created hook: “ReferenceError: “Promise”未定义“
一开始使用的是VUE3、毕竟我还没有学VUE3,然后拿到项目就直接开干,干完了!!!那么问题来了,IE浏览器什么都没有!后来查了一下,原来VUE3直接放弃IE了,裂开!!!果断转为VUE2!搬完就蛋疼!又报这个错误!并且IE8以下的VUE2也不会出来页面!...原创 2022-01-13 10:27:41 · 308 阅读 · 0 评论 -
js根据名字将数组对象中名字相同的项组成一个相同的数组
需求:今天遇到一个的是当前定位在广州,根据传广州过去获取会的的所有区的门店数据!设计稿要求:根据所在的区来分类某个区有哪些门店!但是后端就返回一个数组里面有所有的门店!原创 2021-12-25 15:29:08 · 997 阅读 · 0 评论 -
uniapp搜索框适配小程序对齐胶囊
需求:uniapp框架开发中 自定义搜索栏编译微信小程序与适配与其右边胶囊袋对齐!原创 2021-12-02 16:14:36 · 3108 阅读 · 12 评论 -
vue中swiper position:fixed;拖动内容会丢失
今天vue项目中遇到使用vue-awesome-swiper两个swiper联动,滑动渲染的内容会不见了!原创 2021-11-21 20:20:27 · 1099 阅读 · 0 评论 -
Vue中v-html图片溢出
前端发中个经常遇到渲染富文本的需求!但是也会有很多问题,今天遇到v-html渲染富文本时图片会溢出,找了很多方法没有用!然后自己试了很多次五一中发现的实现方法!原创 2021-11-19 15:50:04 · 1270 阅读 · 0 评论 -
[CSS]控制图片<img src=“ “>没有时隐藏
当src为空值时的状态:css隐藏:img[src=""],img:not([src]){ opacity: 0; border:none; visibility: hidden; max-width: none; }这样处理,站位符父级还是会存在的,<div class="list_img" v-if="item.images != undefi原创 2021-11-16 16:52:14 · 2030 阅读 · 0 评论 -
监听除某元素之外点击事件
需求:有时候如果我们需要监听摸个元素职位的点击事件,例如input框获取焦点软盘弹起,托起 position: absolute; bottom: 0;在底部的dmoe元素,现在我点击软盘弹起状态的情况点击该dmoe时软盘不会失去焦点!原创 2021-11-12 16:37:09 · 1727 阅读 · 0 评论 -
vue报Duplicate keys detected:‘XXX‘.This may cause an update error
報錯問題:Duplicate keys detected: ‘查看訂單不會的原因’. This may cause an update error.雖然不影響,但是還是要解決的,不然一進來强迫症的我看到控制臺波鴻就是不爽!問題排查:v-for循環裏,key值可能重複了,所以會報這錯誤,以前遇到,沒有記錄,忘記了。分析:key必須是唯一的,如果重複了就會報錯的。解決方案:把key值改爲index(其實就是用索引做key值),就可以避免這種情況!...原创 2021-10-28 11:48:23 · 2415 阅读 · 0 评论 -
谈谈v-if显示隐藏问题
vue条件语句v-if中条件较多时优雅写法普通写法:v-if=" type==1 || type==2 || type==3 "优雅写法:v-if=" [1,2,3].includes(type) "更高级写法:使用方法,复用性高,适用场景:多个标签都需要用到此判断,这样多个标签中的v-if只要用到matchState方法,都可以做判断注意写法:matchState(某元素,/[匹配值]/)标签中: v-if="matchState(type,/[123]/)"方法中: metho原创 2021-10-23 17:44:35 · 3423 阅读 · 2 评论