- 博客(47)
- 收藏
- 关注
RSS订阅原创 【React】- 组件生命周期连续渲染两次问题
最近在整理生命周期相关的知识内容，然后发现一个奇怪的现象，即组件的生命周期会运行2次！经过确认不是代码问题，于是开始找度娘，终于找到其原因-React中的严格模式，在这里记录一下
2023-07-13 16:41:44
1956
原创 配置仓库邮箱时的邮箱验证问题
最近在配置仓库邮箱进行验证时遇到个问题，这个问题是由于邮箱有自己的安全连接检测导致的，当鼠标悬停链接时会触发一个请求，这样验证链接就失效了。
2022-10-10 19:14:39
1195
原创 React -配置文件中需要使用组件中异步请求到的数据
那么思路是这样的：首先我们将配置文件写成导出一个方法，并且该方法返回配置数据的形式，然后在组件文件中引入该配置文件，然后在state中定义一个状态存储配置文件返回的数据（也就是调用配置文件导出的方法，并且将配置文件需要的值传递进去）
2022-10-10 18:56:29
362
原创 React - 当输入框获取焦点时自动选中输入框中的内容
在工作中遇到一个当输入框获取焦点时自动选中输入框中的内容这么一个小功能,这里记录下
2022-09-22 18:31:06
1219
2
原创 React - 判断焦点是否在某个元素上
在工作中遇到一个这个小功能,就是当用户从A输入框中失焦后,要去判断当前的焦点是否在B输入框中,如果是的话需要做一些特殊操作.其实实现起来很简单,就是使用ref配合document.activeElement方法即可实现
2022-09-22 18:20:37
767
原创 vscode插件 - Power Mode（酷炫的打字插件）
今天发现了一款vscode的酷炫打字插件 - Power Mode，可以将你在编辑器中打字的动画显示成多种特效，并且还可以设置是否抖动，以及是否随颜色变化等效果…挺有意思的，这里将其安装及配置的过程记录一下~一、安装打开vscode - 进入商店 - 搜索Power Mode - 选择第一个点击安装即可二、配置1.找到配置文件setting.json，如下所示2.进入setting.json文件中进行编辑添加以下代码即可，并根据自己的需求进行配置{/* 基础配置 */// 是否开启.
2021-11-04 16:35:43
4018
原创 Eement UI 中 Table 表格 多级合并单元格方式
最近遇到一个需求，需要实现多级合并单元格，在此记录一下。1.需求需要得到如下所示的表格：后端给的数据如下：tableData6: [ { id: "1", config_name: "配置名称", name: "商品名称1", config_id: "配置id", project_id: "一级项目id1", project_name: "一级项目名称", .
2021-09-17 15:12:46
390
原创 【Typora】一些设置合集
在使用Typora记笔记的时候，有的时候想在之前的内容中添加一些内容，打乱了之前的排序，这样会导致之前的编号都要重新设置一次，非常麻烦，所以想要为Typora添加自动编号设置，具体步骤如下所示。1.新建一个base.user.css文件新建base.user.css文件，并为其添加以下css样式代码：也可以自行修改该css代码以达到自己想要的效果/* 正文标题区: #write *//* [TOC]目录树区: .md-toc-content *//* 侧边栏的目录大纲区: .sidebar-.
2021-07-20 16:01:25
1573
2
原创 Vue学习笔记 - 父子组件传值（props与$emit）
目录一、定义二、父组件向子组件传值三、子组件向父组件传值四、总结一、定义何为父子组件？二、父组件向子组件传值通过props三、子组件向父组件传值四、总结
2021-06-08 10:44:49
587
2
原创 Vscode - 超实用插件推荐
今天这篇文章呢，是想和大家分享一波Vscode中一些好用的插件，可能不全，会持续更新，所以欢迎大家分享自己觉得好用的Vscode插件，咱们评论区见哦~1.Live Server
2021-06-03 16:05:13
3508
1
原创 JavaScript - 使用JSON.parse()方法将字符串的‘false‘和‘true‘转换成布尔值
今天在做需求的时候遇到一个小问题，就是使用从路由中传递的布尔值进行判断与预期的判断不一致，究其原因，发现是因为通过路由传递的数据都会变成字符串类型，所以布尔类型的值false或者true则变为了‘false’和‘true’，这才导致使用该值会使判断有误。于是我们需要对路由中传递的布尔值进行一个转换，将字符串转为原本的布尔值，那么，我们可以通过JSON.parse()方法，接下来我们便一起来看看这个方法~1.定义：JSON.parse()是Javascript中一个常用的 JSON 转换方法；JSO.
2021-05-31 22:11:06
3129
1
原创 Vue - 动态修改路由的params和query参数
在开发过程中，我们可能会遇到如下情况：A页面跳转至B页面时，传递了路由参数一起，而在B页面 B页面通过A页面跳转至B页面时携带的参数进行判断，但是在B页面中
2021-05-31 14:45:55
8905
2
原创 CSDN - 超实用and高逼格的浏览器插件使用指南
目录前言一 、下载与安装二 、首页模块功能分析2.1 part1 - 设置面板2.1.1 浏览器助手模块2.1.2 个人信息模块2.2 part2 - 基础数据展示面板2.3 part3 - 搜索框面板2.4 part4 - 快捷面板2.5 part5 - 更换壁纸面板三、其他一些功能3.1 万能搜索功能3.2 永久去广告四、总结前言俗话说：工欲善其事，必先利其器。在开发过程中一个实用的插件往往能在很大程度上提高我们的开发效率。今天我要介绍的这款浏览器插件——CSND浏览器助手，它可以帮助我们打造更
2021-05-29 16:50:27
1618
12
原创 Vue学习笔记 - 常用的指令
本篇文章用于介绍Vue中常用的指令目录一、指令定义二、常用指令1.v-cloak2.v-bind:3.v-on4.v-if和v-show一、指令定义1.指令里除了放变量，还可以放表达式2.指令都是v-开头的二、常用指令1.v-cloak1.定义：用于解决小型简单的vue项目的闪烁问题，大型、工程化的项目中（webpack、vue-router）只有一个空的 div 元素，元素中的内容是通过路由挂载来实现的，这时我们就不需要用到 v-cloak 指令咯。2.实现原理：1）当dom渲染完，.
2021-05-29 14:05:38
154
原创 JavaScript - this指向问题（建议收藏反复查看）
今天认真研究了一下关于JavaScript中this指向的问题，总结了以下规律，希望能对this指向不明白的同学一点帮助。目录1.在全局环境下2.普通函数直接调用3.对象函数调用4.构造函数的调用5.箭头函数1.在全局环境下this 始终指向全局对象（window）, 无论是否严格模式。console.log(this.document == document); //trueconsole.log(this === window); //truethis.a = 37;console.l.
2021-05-29 14:03:32
137
原创 Element - table表格控件表头和内容列不对齐的问题
今日在使用Element开发时，发现了一个奇怪的问题，就是table控件中表头和内容列不对齐的问题，如下图所示：需要解决这个问题非常简单，只需要全局样式中加上如下代码即可：.el-table th.gutter{ display: table-cell!important;}...
2021-05-28 14:32:21
3303
1
原创 CSDN - 修改代码块样式
默认CSND中代码块的样式过于暗了些，并且颜色也不好看，毕竟我是一个女娃子，还是比较喜欢清新一些的颜色，于是研究了下如何修改默认的代码块样式，在这里记录一下。1.首先通过顶部导航栏找到【创作中心】中的【查看更多】2.进入更多后，把左侧的导航栏拉到底部，找到【设置】模块下的【博客设置】3.选择【代码片样式】下拉框，选择自己喜欢的样式即可。素不素灰常简单，希望对一些小萌新有点帮助~...
2021-05-28 14:06:42
602
1
原创 CSS - scoped属性/深度作用选择器/deep/及＞＞＞
1.scoped属性：当 <style>标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素，而不会穿透到子元素中。也就是说组件A使用了scoped属性，那么在A组件中设置的样式并不会影响到A组件的子组件B的样式。但是需要注意点的是，子组件B的根节点会受到父组件A的影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。来一个栗子：父组件A：<template> <div id="text-page"> &l
2021-05-28 10:57:27
1025
原创 JavaScript - 封装一个页面自左向右滚动的方法
这几日遇到一个需求，需要在用户进入页面之后，直接触发一个页面自左向右移动再返回到左侧的一个动画，这篇文章就记录一下大致思路。html代码：需要一个父级盒子collect_page用于设置滚动，再来一个子级盒子用于放置需要展示的内容。 <body> <div class="collect_page"> <div class="box"></div> </div> </body>css代码：.
2021-05-27 14:22:47
433
2
原创 JavaScript - var、let和const介绍
目录varletconstvar1.用var定义的是全局变量，只有个函数作用域，所以会造成变量污染。//只有在函数中定义的变量，才有作用域，如下在函数foo中定义的e变量只能在foo函数中使用，在foo函数以外使用会找不到该变量function foo (){ var e = 6; console.log(e)//6}console.log(e)// e is not defined//例如下所示，如果我们在循环内部使用var声明一个变量的话，当循环结束后，该变量并没有被回收。le
2021-05-27 10:24:29
170
1
原创 JavaScript - cookie学习
今天遇到一个需求，需要通过做一个用户登录的功能，并且需要使浏览器可以保存其登录信息，使得用户下次再访问网页的时候无需再次进行登录操作，那么这时就想到使用cookies进行信息保存。这里写目录标题一、cookie介绍1.定义2.字段含义二、设置cookie1.简单的cookie设置2.带有过期时间的cookie设置注意三、获取cookie1.查看cookie获取cookie值四、删除cookie五、方法封装设置cookie获取cookie删除cookie一、cookie介绍1.定义cookie是一.
2021-05-27 09:22:19
168
9
原创 HTML - 替换（置换）元素和非替换（置换）元素
通常我们都将html元素分为块级元素、行内元素以及行内块级元素，但是今天冲浪时发现一个将html元素分类的新名词对——替换元素和非替换元素，其实也可以称为置换元素和非置换元素。接下来就记录一下个人对于这个新名词对的一些浅显见解，如有问题，还望大佬指出~目录一、替换元素1.定义2.举例说明3.替换元素有哪些二、非替换元素1.定义2.举例说明3.非替换元素有哪些一、替换元素1.定义一个内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高.
2021-05-27 08:35:41
1828
1
原创 浏览器 - 如何通过Chrome浏览器查看Cookie？
在学习cookie相关知识时，为了验证自己的想法，需要查看设置的cookie值是否有效，于是上网查看如果通过浏览器查看cookie，但是没有找到合适的答案，于是自己摸索了一下，终是找到了，写下这篇文章记录一下。1.点击Chrome浏览器右上角三点的图标，找到设置。2.在【隐私设置和安全性】模块中，找到【Cookie 及其他网站数据】这一项。3.下拉列表，找到【查看所有 Cookie 和网站数据】，点击进入4.这时会出现该浏览器中所有存在cookie网址，点击想要查看的网址进去即可，如果网页.
2021-05-26 15:29:35
7107
3
原创 Vue学习笔记 - 页面数据渲染的方式（二）
该篇文章主要讲了Vue中渲染数据的第6和第7种方式，即v-model和v-for这两种方式。其余5种方式请点击Vue学习笔记 - 页面数据渲染的方式（一）进行查看目录6.v-model7.v-for6.v-model1.定义：唯一的一个可以实现双向数据绑定的指令，单向数据只能：v-m或m-v，而双向绑定v变m就变，m变，v就变2.作用元素：只有表单类元素能被v-model渲染3.原理：v-model实际上是一个语法糖，它的本质包含两个操作1）v-bind：绑定一个value属性，实现m变v变.
2021-05-26 10:58:57
1142
原创 Vue学习笔记 - 页面数据渲染的方式（一）
目录1.Mustache语法 {{}}2.v-text3.v-html4.v-once5.v-pre1.Mustache语法 {{}}1.定义：可以是写在data里的一个属性，也可以是写在methods中的一个方法，作用：将数据添加到view上，并不覆盖。2.使用{{属性名}}或{{方法名()}}3.例子<div>{{message}}</div><div>{{message}}可耐！</div><div>{{getMessge(me
2021-05-26 09:04:14
926
原创 Vue - 页面元素加载完成后调用的方法
Vue.nextTick( [callback, context] )方法在页面元素加载完成之后，执行里面的方法this.$nextTick(()=>{ //元素加载完成后执行的代码});
2021-05-25 11:34:33
9428
原创 Vue - 动态绑定Class 与 Style
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。目录一、绑定Class1.对象语法2.三目运算符语法3.数组语法二、绑定Style1.对象语法2.数组语法3.自动添加前缀一、绑定Class1.对象语法.
2021-05-25 10:38:19
874
原创 CSS - 解决当img为空时出现图裂的问题
当img标签的src属性为空时，网页中会出现图裂的图标，非常的不美观，如下所示：可以为其添加以下代码，即当img元素为空时，设置元素透明度为0，则此时图裂图标也被隐藏起来了。img[src=""],img:not([src]){ opacity:0;}...
2021-05-24 17:23:54
5051
原创 JavaScript - 复制文本方法实现
一、实现原理采用input或者textarea元素特有的select()方法，用于选中输入框的文本，再调用copy命令，将文本复制到剪切板，以实现复制文本的功能。二、实现步骤1.首先为展示文本的input元素，添加ref属性。<input type="text" :value="code" ref="demoInput" readonly>2.为【复制兑换码】按钮添加一个点击事件copy()。<div class="btn" @click="copy()">复制兑换码&
2021-05-24 16:02:49
955
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人