首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue项目开发经验总结
神奇的程序员
创建于2021-06-16
订阅专栏
开发Vue项目过程中遇到的问题以及解决方案汇总
等 33 人订阅
共24篇文章
创建于2021-06-16
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
神奇的程序员
9月前
前端
Vue.js
Vite
使用Vite重构Vue3项目
截止发文时间,vite正式版已经发布快2年时间了,vue3也发布到3.2版本了,它的周边设施基本上已经齐活了。也是时候再次重构下我那个vue3.0的开源项目了。 本篇文章就记录下我的重构过程。
3450
16
2
神奇的程序员
2年前
Vue.js
JavaScript
实现Web端指纹登录
现在越来越多的笔记本电脑内置了指纹识别,用于快速从锁屏进入桌面,一些客户端的软件也支持通过指纹来认证用户身份。 前几天我在想,既然客户端软件能调用指纹设备,web端应该也可以调用,经过一番折腾后,终于实现了这个功能,并应用在了我的开源项目中。 本文就跟大家分享下我的实现思路以及…
1.7w
435
79
神奇的程序员
2年前
Vue.js
JavaScript
实现图文消息的正确加载
昨天,在我的开源项目chat-system中查看聊天记录时,发现消息中如果有图片滚动条的位置就会算错,导致最后一条消息定位不准确。 经过一番排查后,终于解决了这个问题,本文就跟大家分享下我的解决方案与思路,欢迎各位感兴趣的开发者阅读本文。 如下图所示,我们点开一个聊天窗口,最后…
5259
45
27
神奇的程序员
2年前
Vue.js
前端
使用Vue3的CompositionAPI来优化代码量
在我的开源项目中有一个组件是用来发送消息和展示消息的,这个组件的逻辑很复杂也是我整个项目的灵魂所在,单文件代码有1100多行。我每次用webstorm编辑这个文件时,电脑cpu温度都会飙升并伴随着卡顿。 就在前几天我终于忍不住了,意识到了Vue2的optionsAPI的缺陷,决…
9045
116
60
神奇的程序员
2年前
Vue.js
使用Vue自定义指令实现右键菜单
浏览器里右键时会有一个默认的菜单,在我的开源项目中正好有自定义右键菜单的需求,在npm库找了下与之相关的包,发现都是以组件形式实现的,感觉那种做法太过繁琐。 于是,我就想着能不能像vue的内置指令那样,绑定到元素上,在这个元素上右键就能出现右键菜单,这样做就方便很多了。 看了下…
1.9w
439
85
神奇的程序员
2年前
Vue.js
使用Vue3重构Vue2项目
2020年9月18日,vue3正式版发布了,前几天把文档整体读了一遍,感触很深,可以解决我项目中的一些痛点,于是就决定重构之前那个vue2的开源项目。 本篇文章就记录下重构vue2项目的过程,欢迎各位感兴趣的开发者阅读本文。 本来打算使用vite + vue3 + VueRou…
1.7w
249
51
神奇的程序员
3年前
Vue.js
Vue实现Layui的集成
layui官方提供了npm的安装方法,我司使用的是layui正版授权的layim,今天在折腾时发现,从npm仓库获取layui,里面自带了layim,大家可以去白嫖一波,不过大家需要注意版权问题(如下图所示,layui官网进行了声明)。 商用项目的话还是建议大家获取正版授权,毕…
9809
20
28
神奇的程序员
3年前
微信小程序
微信小程序动态tabBar的几种实现方法
在写公司项目时,遇到了一个需求: 用户登录后,如果这个用户有供应商身份,则在个人资料下显示切换按钮,点击切换后小程序底部的tabbar要变成其他的,接下来就跟大家分享下我的实现方式,欢迎各位感兴趣的开发者阅读本文。 刚开始求助别人时,他们说我这个需求需要通过自定义tabbar实…
8004
14
3
神奇的程序员
3年前
Vue.js
Vue实现文件中的的实例访问🌱
本文将跟各位开发者分享一种解决方案,欢迎各位感兴趣的开发者阅读本文。
2779
8
5
神奇的程序员
3年前
Vue.js
Vue图片浏览插件v-viewer的使用
在项目中点击小图查看大图,对大图进行旋转、放大、缩小是个很常见的需求,今天就跟大家分享下v-viewer插件如何在vue项目中使用。先看下最终实现的效果(图片较大,点击链接进行查看)
6448
40
4
神奇的程序员
3年前
Vue.js
Vue关闭线上源码移除console
文章中的配置,项目基于Vue CLI 3.0搭建,版本大于等于3.0不会有问题,其他环境版本请绕道😂。
1.0w
89
37
神奇的程序员
3年前
Vue.js
Vue实现剪切板图片压缩✍
监听剪切板粘贴事件,读取剪切板中的图片文件,转成base64通过img标签显示出来,此时可能会存在剪切板中图片过大,产生上传速度慢问题,接下来就跟大家分享下如何将base64图片进行压缩。先跟大家展示下最终实现的效果:
3578
111
11
神奇的程序员
3年前
Vue.js
Vue实现可编辑div获取焦点🎉
当div设置contenteditable属性实现可编辑时,可以调用document.execCommand方法向可编辑div中插入内容。如果可编辑div没有点击或者失去了焦点,都无法实现将元素插入到可编辑div中,接下来就跟大家分享下,如何让div获取焦点,解决这一BUG。先…
5450
8
2
神奇的程序员
3年前
Vue.js
Vue实现一个全屏加载插件并发布至npm仓库🎁
在做头像上传功能时,为了防止用户多次点击,通常会在上传时添加一个遮罩,提示用户:图片正在上传中,上传完毕后,关闭这个遮罩层,本来想找个UI框架引入进来,使用框架提供的弹层,找了很多没找到满意的,干脆自己做一个吧😂。接下来就跟大家分享下如何制作一个插件,先跟大家展示下最终实现的…
3947
71
6
神奇的程序员
3年前
Vue.js
Vue解析剪切板图片并实现发送功能
我们在使用QQ进行聊天时,从别的地方Ctrl+C一张图片,然后在聊天窗口Ctrl+V,QQ就会将你刚才复制的图片粘贴到即将发送的消息容器里,按下Enter键,这张图片将会发送出去。接下来跟各位开发者分享下这项功能在Vue中如何来实现。先跟大家展示下最终实现的效果。在线体验地址 …
6839
119
28
神奇的程序员
3年前
Vue.js
Vue模仿Mac版本QQ开源啦 | 掘金优秀开源推荐
曾几何时,大多数使用QQ的人,脑子里都想过这样一件事:这东西好厉害,啥时候我也能实现一个就好了。昔日,腾讯彻底关闭了web版本的QQ。今日,我决定用Vue来实现它,当然这是一个很庞大的项目,目前我只完成了一个雏形,实现了群聊功能和移动端的适配(简陋适配)。 我决定写这个项目的主…
4529
40
62
神奇的程序员
3年前
Vue.js
Vue合理配置WebSocket并实现群聊⛄
写JQuery项目时,使用websocket很简单,不用去考虑模块化,组件之间的访问问题,面向文档编程即可,在Vue项目中使用时,远远没有想象中的那么简单,需要考虑很多场景,本篇文章将与各位开发者分享下vue-native-websocket库的使用以及配置,用其实现群聊功能。…
1.3w
167
37
神奇的程序员
3年前
Vue.js
Vue实现跨项目间的数据访问🙂
前言需求场景如下:在Vue项目中,调用的接口,需要用户登录后通过token进行访问,此时登录的相关页面部署在同域名的不同路径里,无法在当前项目访问到,我们要如何拿到这个登陆页面返回的token?接下来
5627
63
28
神奇的程序员
3年前
Vue.js
Vue合理配置axios并在项目中进行实际应用😀
本文讲解下axios在项目中的一些封装与应用,欢迎各位感兴趣的开发者阅读本文。 接下来回到本文的重点,如何去合理的配置它以提高开发效率以及可维护性。 封装好的axios配置代码如下,将下述代码放进axios.js文件中。 完成上述步骤后,axios的核心配置就完成了,我们来看看…
1.1w
75
19
神奇的程序员
3年前
Vue.js
Vue实现渲染数据后控制滚动条位置📜
需求场景如下:实现了消息发送,如果容器内消息过多,会出现滚动条,最新的消息位于最底部,不能及时出现在可视区域内,此时就需要在渲染列表后,将滚动条的位置定位到最底部。先来看看最终实现的效果 使用setTimeout(),将DOM操作改为异步(我的解决方案)。
9793
44
35
下一页