![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Sca_jie
全栈工程师,可接私活,有意直接私聊。
展开
-
js给指定class类的对象,添加或者移除class类,以及js动态修改其css样式
【代码】js动态给指定class类的对象,添加或者移除class类,以及动态修改其css样式。原创 2024-06-29 11:51:30 · 187 阅读 · 0 评论 -
vue使用scrollreveal和animejs实现页面滑动到指定位置后再开始执行动画效果
ScrollReveal 是一个JavaScript库,用于在元素进入/离开视口时轻松实现动画效果。原创 2024-06-29 11:36:40 · 491 阅读 · 0 评论 -
通过window.scrollTo实现丝滑跳转到页面的某个位置
通过计算对应id的组件距离页面顶部的距离,来使用window.scrollTo丝滑跳转到该位置。原创 2024-06-29 11:03:00 · 250 阅读 · 0 评论 -
vue使用glide.js实现轮播图(可直接复制使用)
可以实现自动轮播,3种切换方式:直接滑动图片、点击两侧按钮、点击底部按钮。原创 2024-06-29 10:01:16 · 505 阅读 · 0 评论 -
vite vue3使用axios解决跨域问题
修改vite.config.js的代理配置。在main.js中全局引入。原创 2024-06-27 10:41:13 · 198 阅读 · 0 评论 -
element的textarea字体与input字体不一致解决方案
【代码】element的textarea字体与input字体不一致解决方案。原创 2024-04-30 19:27:09 · 177 阅读 · 0 评论 -
超简单的vue实现生成二维码并下载为图片(可直接复制使用)
因为一些需求需要生成大量的二维码,用于用户核销使用,这里就用了一个比较使用的多的一个组件vue-qr.效果。原创 2024-04-25 11:38:17 · 1101 阅读 · 1 评论 -
vue实现水平排列且水平居中
【代码】vue实现水平排列且水平居中。原创 2024-04-23 17:04:18 · 855 阅读 · 1 评论 -
vue+node使用RSA非对称加密,实现登录接口加密密码
登录接口,密码这种重要信息传输,必须加密处理。这里就可以使用RSA非对称加密,公钥和私钥。:给前端,公钥可以暴露出来,没有影响,因为公钥加密的数据私钥才能解密。:留在后端,用于解密。原创 2024-04-19 14:37:58 · 509 阅读 · 0 评论 -
vue实现聊天栏定位到最底部(超简单、可直接复制使用)
通过watch监听聊天内容的加载,一旦加载完成或者数据更新触发vue的数据监听时,就重新修改【滚动滑钮到滚动条顶部的距离=滚动条的高度】,从而实现定位到底部的效果。这里的messnowList是我的消息储存集合,用于判断数据变化,这个可以根据你实际情况修改,通过id绑定刚才的聊天框div,然后修改实现定位底部。新建一个div(聊天框,如下),给他一个id,一会要用到。原创 2023-11-21 10:28:00 · 1326 阅读 · 0 评论 -
vue实现指定div右键显示菜单,并实现复制内容到粘贴板
【代码】vue实现指定div右键显示菜单,并实现复制内容到粘贴板。原创 2023-07-06 14:24:46 · 880 阅读 · 0 评论 -
js中用户多次点击接口请求,只需要获得最新的返回结果
最近在做一个项目,有一个功能是需要【能够支持】用户不断发起【某个请求】,然后只将最新的结果展示,因为请求是异步进行的,请求的参数不同或其他原因会导致返回数据的时间不一,容易串频。原创 2023-06-30 17:05:43 · 371 阅读 · 0 评论 -
vue+css中通过一个div的hover触发另一个的样式变化
原本。原创 2023-06-28 14:19:25 · 1267 阅读 · 0 评论 -
css中鼠标悬停和点击触发样式变换(:hover和:active)
【代码】css中触碰和点击样式变换(:honver和:active)原创 2023-06-27 14:46:58 · 2758 阅读 · 0 评论 -
vue中audio标签自定义音频播放栏
自定义audio控制栏原创 2023-05-11 20:30:39 · 4095 阅读 · 1 评论 -
VUE识别访问设备是pc端还是移动端
有些网站需要区分手机端网页和pc端网页,做到不同设备访问不同的网页,增强用户的使用体验,可以在app.vue中作一个判断,然后跳转不同的路由。原创 2023-02-06 10:33:38 · 6775 阅读 · 3 评论 -
vue项目打包后proxyTable代理失效解决
vue项目打包后proxyTable代理失效解决原创 2023-01-27 21:46:58 · 3419 阅读 · 0 评论 -
vue+webpack项目打包后背景图片加载不出来问题解决
vue+webpack项目打包后背景图片加载不出来问题解决转载 2023-01-27 13:22:02 · 3100 阅读 · 1 评论 -
vue+websokect实现实时聊天,可单聊、可群聊
一个实时聊天的功能,其核心就是websokect,进行双向平等对话,从后端主动推送消息到前端,实现实时推送消息的功能。原创 2023-01-12 20:55:30 · 9825 阅读 · 8 评论 -
Vue中使用ECharts制作的一个统计分析页面
Vue中使用ECharts制作的一个统计分析页面原创 2022-12-21 17:32:11 · 6831 阅读 · 9 评论 -
Vue中transition过渡动画,出现两个页面同时出现的问题解决方法(从左往右,淡入淡出过渡动画)
Vue中transition过渡动画,出现两个页面同时出现的问题解决方法(从左往右,淡入淡出过渡动画)原创 2022-12-20 14:58:52 · 1313 阅读 · 0 评论 -
Vue使用require.context()判断本地目录是否存在某个文件
Vue使用require.context()判断本地目录是否存在某个文件原创 2022-12-19 22:31:38 · 3795 阅读 · 0 评论 -
Vue 导航前置守卫router.beforeEach()的用法,实现自动登录
使用router.beforeEach()+localStorage.setItem()实现自动登录原创 2022-12-19 17:28:09 · 1276 阅读 · 0 评论 -
超简单的excel表导入成Json数据方法--VUE项目(xlsx.js)
超简单的excel表导入成Json数据方法--VUE项目(xlsx.js)原创 2022-12-17 11:25:09 · 3804 阅读 · 3 评论 -
超简单的json数据导出成excel表方法--VUE项目(vue-json-excel)
超简单的,在VUE中,将json数据导出成excel表(vue-json-excel)原创 2022-12-15 17:03:52 · 4351 阅读 · 8 评论 -
父组件使用this.$refs调用子组件参数或方法时,提示undefined的解决方法
报错信息:Vue warn]: Error in v-on handler: "TypeError: Cannot set property 'baseurl' of undefined" found in原创 2022-12-15 10:38:30 · 2947 阅读 · 0 评论 -
vue项目用created()初始化页面所需的数据
有过这种情况,在页面加载时,初始化所需的数据,就需要用created()了。vue.js中created方法是一个生命周期钩子函数,一个vue实例被生成后会调用这个函数。一个vue实例被生成后还要绑定到某个html元素上,之后还要进行编译,然后再插入到document中。以下,以一个用户信息页面举例,用axios进行post请求,使用node.js连接mysql访问数据并返回给当前form表单。第三步,新建created()方法,并在其中调用初始化数据的方法。第一步,新建一个form表单。原创 2022-12-02 14:43:51 · 3690 阅读 · 0 评论 -
VUE项目,点击回车键实现登录功能
登录界面的登录功能可以通过点击Button实现判断、跳转主界面,但为了用户体验,一般要求点击"回车键"也可以执行登录功能,这个就需要绑定监听事件原创 2022-11-19 11:46:06 · 5437 阅读 · 0 评论