随笔分类 - vue
摘要:一、起因 由于电脑重装系统,重新下载nodejs,自然更新到最新版本18,之前的版本才16。更新到最新nodejs版本后,运行vue文件,报错: this[kHandle] = new _Hash(algorithm, xofLen); ^ Error: error:0308010C:digital
阅读全文
摘要:一、起因 今天下载了一个开源项目,vue2写的,打开之后,发现eslint报了一个错: No Babel config file detected,也就是说没有找到babel配置文件。 二、探索与解决 很奇怪,明明项目结构里面有这个babel配置文件,但是eslint仍然找不到他,所以我在网上开始了
阅读全文
摘要:一、起因 npm安装包的时候,可能会出现类似这样的警告:26 vulnerabilities (9 moderate, 17 high);即npm管理工具发现安装的包中有26个漏洞,有9个中等的,17个高的,说明当前这个版本可能于推荐的版本有较大差别。 使用npm aduit fix或者 npm a
阅读全文
摘要:一、起因: vue3创建项目出现的eslint插件报错。 首先我的项目是创建使用的是官方推荐的主流配置,所以不应该报这个错。因为vue3开始允许多个根元素存在,不需要自己包装一个根元素。这个错误只存在于vue2阶段。 所以我看了一下我的目录: 里面是一个大的文件包含着大大小小的几个项目,既有vue2
阅读全文
摘要:一、起因: 半年没使用vue了,感觉对vue都快手生了,所以想用vue写些demo,但是由于上个星期刚刚重新安装系统,计算机的环境又被清空了,所以又苦逼的安装了一下node环境与vue脚手架。 二、问题: 当一切安装就绪时,在电脑自带的cmd的窗口下面输入npm指令,可以正常运行。 但是在vscod
阅读全文
摘要:1.前端实现socketIO跨域: (1)vueconfig.js配置 const webpack = require("webpack"); module.exports = { configureWebpack: { resolve: { alias: { 'assets': "@/assets
阅读全文
摘要:环境介绍:linux宝塔面板,centos服务器,express应用服务器 一、起因 部署express项目到服务器时,一开始我使用的是http协议,所以可以正常访问,过了一段时间后,我心血来潮,申请了一个https证书,然后为我的网站配置了SSL证书,并成功开启https访问前端页面,由于那时候后
阅读全文
摘要:一、前台 本来我是直接使用socket.io-client,但是不知道是我没有跨域还是什么原因,最开始的时候安装官方文档的做法,老是不能成功建立连接,所以我就再下载了一个VueSocketIOExt,它依赖于socket.io-client并扩展了socket.io-client。 所以前台需要做的
阅读全文
摘要:<el-input @keydown.enter.native="keyDown" type="textarea" :rows="4" class="text-input" placeholder="请输入内容" v-model="textarea"> </el-input> @keyup.13 回
阅读全文
摘要:一、起因 vue实现的聊天demo要有信息滚动的功能。 二、知识储备 clientHeight、offsetHeight、scrollHeight、scrollTop 简单介绍: 网页可见区域高:document.body.clientHeight 网页可见区域高(包括边线的高):document.
阅读全文
摘要:一、起因 使用到了elementUI的组件,但是其鬼样式已经提前写好了,你不能改变它的原始样式,因为它全部组件的CSS都加上了scoped属性,限制了样式的作用范围与可访问范围。所以当我们直接修改elementUI的样式的时候,通常没啥效果。 二、解决:使用deep或者>>> 1.知识储备: 首先v
阅读全文
摘要:本文分为思路篇和代码篇,思路篇主要是思路和代码混合,主要重点是讲解思路;代码篇是注释和代码结合,主要展示代码.[温馨提示,由于博客园编辑器问题,直接赋值我的编辑器的代码粘贴到这里的颜色格式非常乱,建议不要开启夜间模式观看] 一、思路篇 方法一:上传图片流程的思路(通过前台上传图片): 1.接收tok
阅读全文
摘要:1.用于三元表达式判断添加样式 <div :class="[flag ? 'content_l2_hover_tor1' : 'content_r1']" ></div> 2.v-if v-if="login_sign1 == 'Sign In'" //前者为变量,后者为字符串 3.点击操作dom:
阅读全文
摘要:新写的关于vue的,或者前端的已经转移思否:segmentfault.com/u/hmy666,博客园主要记录一些非前端的内容。
阅读全文
摘要:首先先解释原因: 因为同步和异步操作的原因,同步操作总是先执行,异步方法总是在将来的某个结点执行,然而我们不知道这个异步方法何时会来到,这个时候,实际生产中就引入了loading,增加用户体验。 情况一:组件请求数据打印undefined 可以看到,mounted方法先执行了,因为他是同步方法,事实
阅读全文
摘要:在vue项目中用vuex来做全局的状态管理, 发现当刷新网页后,保存在vuex实例store里的数据会丢失。 原因: 因为store里的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值初始化 解决思路: 将state的数据保存在localstora
阅读全文
摘要:设计思路: 样式思路: (1)设置一个大盒子,里面有三个子盒子,左右两边盒子用于放箭头,中间用于放页码 (2)设置个激活状态的class给当前页码器,突出它的样式; 代码逻辑思路: (1)首先初始化时根据父组件传进来的分页器的长度,初始化分页器的盒子个数,例如上面我的初始化分页器盒子是6个; (2)
阅读全文
摘要:思路很简单: 样式思路: 1.设置一个一定大小的盒子,然后给盒子设置背景颜色,再设置文字颜色,再来个固定定位脱离文档流就好了。 代码逻辑思路: 设置一个属性,控制toast弹出的状态显示与否,然后在设置个定时器,过一定事件,修改toast组件为不可见即可。 代码: <template> <div c
阅读全文
摘要:一、弹窗组件封装的构思 在跳转路由的时候,我想判断如果未登录,那么就会弹出一个弹框给用户,告知他,所以想实现这个弹框功能,事实上elementUI已经给了我们一些功能,可以做二次封装,比如:它的 Message 消息弹框 样式的确不错,就是不会响应式改变大小,所以自己决定可以做一个改变大小的组件:
阅读全文
摘要:vue跳转路由报错: 解决 Uncaught (in promise) Error: Navigation cancelled from “/Search#1608911018888” to “/Search#1608911019245” with a new navigation. 1、报错原因:
阅读全文