Naaaano-CSDN博客

原创教你学会2分钟搭建Node后台服务

你是否厌倦了千篇一律的调接口渲染页面，为了几px的视觉效果把页面改来改去？当你想真正做些有意思的事，比如为自己最近着迷的某个游戏做一个资料站，或者写个私人博客当树洞的时候，却发现自己不会后端寸步难行？别怕，只要你开始了，什么时候都不晚，这篇文章就可以带你分分钟搞定。

2022-10-17 15:06:54 2097

文章目录前言特性介绍和forEach的区别什么时候用map比较冷门的场景前言数组的map方法，大伙肯定都用过或者了解过，但你能准确的说出它的特性吗？它和forEach有什么区别？什么时候该用map？map里面写不写return？它有哪些坑？看完这篇文章，再也不怕面试被问到^ - ^特性介绍直接放图，来自MDN的介绍：划重点，创建一个新数组，所以很多人都觉得map方法不会改变原数组，这个说法对也不对，下面会详细讲到。和forEach的区别它们最大的区别就是map有返回值，会返回一个新数组，而

2022-05-30 18:00:45 2836

原创使用中文输入法时监听input长度产生错误的解决办法

项目场景：有天在做个人博客时，编辑文章的标题部分想copy一下CSND的处理，后面加个字数统计（因为经常用看习惯了哈哈）。实现方法很简单，监听一下input事件，拿value的长度渲染出来。问题描述：结果发现使用中文输入法时出现了问题，打出来的拼音还没有按确定，但已经被算进value的长度了。解决方案：上网搜了一下，原来input有事件是可以监听到输入法的compositionstart和compositionend用来监听输入法的开始与结束。方法找到了，问题就很好解决了，我们设置

2022-03-10 18:38:20 490

原创 Cookie、Session、localStorage、sessionStorage详谈

发展历史在这些存储方式发明之前，项目中普遍存在一个问题：各个页面之间无法很好的共用某些信息，比如普通网站的登录信息、购物网站的购物车信息等等。这是因为浏览器打开网页时使用的是无状态的http协议，即两次页面请求之间是没有任何关联的，我在登录页面登录了，跳转去首页之后怎么获取我的登录状态呢？前端用一个全局变量判断吧，不安全；每次进新页面都发请求判断吧，又太耗费服务端资源。为了解决这个问题，第一个客户端存储方案：Cookie 诞生了。Cookie可以在浏览器端储存少量的数据内容，并具有同源特性，即在同一域名

2022-03-04 18:07:43 4049

原创在el-dialog中无法正确获取DOM的问题

今天工作中有个需求是，在一个弹出框里放Echarts图表。众所周知Vue里是在mounted生命周期里才能获取到DOM，于是我理所应当的：mounted() { let diameter= document.getElementById("diameter"); let diameterOption = {...}; echarts.init(diameter).setOption(diameterOption);}报错，找不到DOM，无法生成echarts。但mounted里不应该发生这种情

2022-01-06 18:22:55 2007 1

原创如何将el-table多选表格变为单选形式

在使用饿了么表格的时候，发现官方默认的单选表格是点击表格行选中，只有一个变色提示，很容易被误认为只是hover，如下图：而在较为严谨的后台项目里，我们需要给用户一个明确的选中感。于是乎，我们可以对默认的多选表格进行一些改造实现我们的目的，先放效果图：直接上代码,HTML部分：<el-table :data="sequenceList" ref="sequenceTable" style="width: 100%" @select="selectRow" class="checkTable"&

2022-01-04 16:50:56 3968

原创表单el-form中若有日期时间选择器el-date-picker时校验的坑

场景：在表单中对日期时间选择器做单个表单项的校验，话不多说上代码<el-form-item label="随访时间" prop="followUpTime" :rules="[{ type: 'date', required: true, message: '请选择随访时间', trigger: 'change' }]"> <el-date-picker v-model="followForm.followUpTime" type=

2021-12-15 11:46:35 6821 5

原创 el-dropdown下拉框不对齐问题

今天在写后台的时候很蛋疼的发现el-dropdown下拉选择插件的下拉框居然错位了，如下图：可以很明显的看到这个下拉框的位置有些向左边偏，身为强迫症的我不能忍！！一顿排查后发现仅仅是因为下拉菜单的题目是2个字，上面的div长度太短导致的。我首先想到直接去改个css样式完事，由于elementUI的各种下拉框都是基于popper.js动态计算绝对定位的位置，每次屏幕大小变化或者重新打开下拉框都会重置该框的样式，没法改left值，于是加了这段代码：.el-dropdown-menu { margin-

2021-12-14 15:29:14 4752

Naaaano的博客