自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(31)
  • 收藏
  • 关注

原创 自己下载navicat数据库管理机&&mysql数据库 经验(别看这个帖子,单纯自己记录一下,没啥内容)

【代码】自己下载navicat数据库管理机&&mysql数据库 经验(别看这个帖子,单纯自己记录一下,没啥内容)

2024-01-04 16:01:49 487

原创 我喜欢的正则

【代码】我喜欢的正则。

2023-08-23 10:59:54 205

原创 微信小程序转发至朋友或朋友圈

【代码】微信小程序转发至朋友或朋友圈。

2023-06-16 14:39:03 377

原创 浏览器端:图片自适应,宽高相等或成比例

【代码】浏览器端:图片自适应,宽高相等或成比例。

2023-05-05 14:36:41 228

原创 很好用的批量删除,const newArr = obj.filter(item => !ary.includes(item.id) --- 相同的删除掉

【代码】很好用的批量删除,const newArr = obj.filter(item =>!ary.includes(item.id) --- 相同的删除掉。

2023-05-05 13:38:52 81

原创 input标签边框消失,点击后的效果边框也消失

【代码】input标签边框消失,点击后的效果边框也消失。

2023-04-06 17:00:25 332

原创 完美的显示几行多余的省略号:text-overflow: ellipsis;

代码】完美的显示几行多余的省略号:text-overflow: ellipsis;

2022-08-17 09:36:05 288

原创 自己经常忘记的命令(持续更新)

代码】自己经常忘记的命令(持续更新)

2022-08-04 16:22:37 284

原创 nvm(node管理)和nrm(register源管理)

在安装nodejs时,需要下载对应的npm,当然,在你执行nvminstall版本号时,此命令会自动安装对应的版本,但如果npm下载不成功,那么我们可以手动下载nodejs,并把他放到对应的版本目录下(当然,这是下下策,一般按照步骤来的话,都可以自动安装)‘npmregistrymanager’(即指的是‘npm’的镜像源管理工具);......

2022-08-02 13:58:38 624

原创 React实现加载效果(用css)

代码】React实现加载效果(用css)

2022-07-21 16:45:55 516

原创 【git】冲突问题

Git 是一个免费和开源的 分布式版本控制系统,旨在以速度和效率处理从小型到大型项目的所有内容。Git易于学习, 占用空间小,性能快如闪电。它优于 SCM 工具,如 Subversion、CVS、Perforce 和 ClearCase,具有廉价的本地分支、方便的暂存区域和 多个工作流等功能。这是git官网上对于git的介绍。从他的介绍上我们知道,git的用途不只在于代码的管理,也可用于其他用途。更简单的理解,是git是用来处理多人协同办公时所出现的各种问题,类似的,我们可以对比我们平常所使用的多人在线协同

2022-06-22 11:55:22 141

原创 版本适配问题:node-sass与nodejs的版本不对应

版本适配问题:node-sass与nodejs的版本不对应。版本对应列表:| NodeJS | Supported node-sass version | Node Module ||---------|-----------------------------|-------------|| Node 16 | 6.0+ | 93 || Node 15 | 5.0+ | 88

2022-06-21 10:26:50 1721 1

原创 Webpack(入口、出口、loader、plugin)

1.要点入口:即要打包的入口文件的路径)出口:即要生成的文件的路径以及文件名)loader:loader 让 webpack 能够去处理那些非 JavaScript 文件(webpack 自身只理解 JavaScript))plugin:插件接口功能极其强大,可以用来处理各种各样的任务。)const path=require(‘path’);module.exports = { undefined entry: './input.js', output: {.

2022-03-09 22:38:44 344

原创 关于vuex状态管理store的写法和应用(自学笔记)

具体安装使用1 下载npm install vuex -s2 下载完成之后在src中创建一个 store 文件夹 创建一个store js文件// store.jsimport Vue from 'vue'import Vuex from 'vuex'// 让vue使用vuex工具来实现组件之间的数据共享Vue.use(Vuex)const state = {}const mutations = {}const actions = {}const getters...

2022-03-09 21:53:34 718

原创 Error: ER_ACCESS_DENIED_ERROR: Access denied for user ‘root‘@‘localhost‘ (using password: YES)

更改数据库配置,就是数据库密码和数据库名称

2022-03-08 17:03:37 372

原创 npm安装全局和局部步骤:node_global 、node_cache、改变执行路径

1. 新建[node_global] 、[node_cache]文件夹找到node安装路径,例如我的安装路径为: C:\Program Files\nodejs 在此此文件夹下新建 node_global 、node_cache 文件夹2. 修改默认的全局目录打开cmd窗口,输入npm config set prefix "C:\Program Files\nodejs\node_global"npm config set cache "C:\Program Files\nodejs\node_.

2022-03-08 15:05:58 6292 1

原创 【实习笔记】:关于element-ui中button组件的思考(居中问题)

今天当我使用element-ui中button组件时,需要自行改变组件宽高,这时发现了一个问题:当改变的宽高不成一定比例或者偶数时,button中的文字并不居中,就像这样:于是尝试了我之前写的一篇文章:React(三): 子盒子如何在父盒子中水平垂直居中的几种方法,发现第一种和第七种方法不管用,第二种方法起效,其他不知,可自行实践,示例代码如下:::v-deep .el-button { position: relative; span { position: a.

2021-12-27 19:03:52 8653

原创 【vue】:Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/fonts/index.css‘ in ‘F:\elk

问题:【vue】:Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/fonts/index.css' in 'F:\elk-components\packages\blindBox\src'解决办法:下面有几种解决办法,一个一个看下去,可能是其中某一个问题,依次排除1.找不到依赖,路径问题查看自己项目包的安装路径,看看是否是因为包更新后文件名产生了迭代,然后更新路径名称。如:就需要...

2021-12-15 12:17:58 21473

原创 前端面试题(一):说一下http和https

https的SSL加密是在传输层实现的。(1)http和https的基本概念http:超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https:是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HTTP下加入SSL层,HTTPS的安全基础是SSL,因此加密的详细内容就需要SSL。https协议的主要作用是:建立一个信息安全通道,

2021-12-06 17:15:41 269

原创 【git错误】Error: Failed to connect to github.com port 443 after 21074 ms: Timed out

最近在使用git进行操作时(git clone),出现了这么一个问题:Failed to connect to github.com port 443 after 21074 ms: Timed out于是在网上翻找了好一通,虽然答主说的解决方法是对的,但我还是咋弄咋不对,于是想着一步一步记录下来,如果有跟我一样情况的人,希望你们的问题也可以得到有效解决。我是咋解决的呢,就是:第一步:查询自己的proxygit config --global -l这个时候会显示你自己的prox

2021-11-30 14:40:44 15405 8

原创 NPM:修改npm源

在公司运行项目时有时会用到公司自己的源,那这个时候我们就需要切换一下npm源了,国内也有很多其他的源,比如淘宝npm镜像,那我们切源的时候要咋切呢?1.查看现在用的什么源:npm config get registry2.作为临时使用修改npm源(不会影响到本地配置)在npm install XXX 时加入 --registry URL即可,如修改成淘宝npm镜像:npm --registry https://registry.npm.taobao.org install expre

2021-11-19 10:55:19 20767

原创 VSCode:windows快捷键大全

一次搜索所有文件:ctrl+shift+F进程资源管理器:ctrl+alt+Delete自动选择整个块:ctrl+shift+P,再搜索Expand Bracket Selection重新打开关闭的页面:ctrl+shift+T通过匹配文本来打开文件:ctrl+T打开或关闭终端:ctrl+`,或ctrl+“+”重新加载:ctrl+alt+R将选项卡交换到不同的组:ctrl+alt+右箭头/左箭头删除左侧或右侧的所有内容:ctrl+shift+Home/End删除上一个单.

2021-11-16 11:14:34 662

原创 TypeScript笔记(二):var,let,const三个声明变量的区别和优缺点

let和const是JavaScript里相对较新的变量声明方式。let在很多方面与var是相似的,但是可以帮助大家避免在JavaScript里常见一些问题。const是对let的一个增强,它能阻止对一个变量再次赋值。因为TypeScript是JavaScript的超集,所以它本身就支持let和const。如果想要全方位了解这些声明方式以及为什么推荐使用let,const来代替var,欢迎查看官方文档:变量声明 · TypeScript中文网 · TypeScript——JavaS...

2021-11-12 11:59:38 5385

原创 TypeScript笔记(一):基础类型:重点关注:boolean、number、string、object、null、undefined

一、介绍TypeScript支持与JavaScript几乎相同的数据类型,此外还提供了实用的枚举类型方便我们使用。boolean,number,string,array,tuple,enum,any,void,null,undefined,never,object,类型断言(<>语法,as语法)二、布尔值(boolean)true/falselet isDone: boolean = false;三、数字(number)和JavaScript一样,TypeScr

2021-11-11 11:58:42 849

原创 React(一):基于input的图片上传结合canvas实现图片压缩

图片压缩的功能,基于以下一些知识点:input的file类型 react的传值机制 子盒子如何在父盒子中居中

2021-11-10 12:19:59 1052

原创 React(六):js中标签的显示与否的几种神仙写法

一、&&条件 && 标签二、三目运算符true ? true : false比如:{isShow ? <div }></div> : null}写的比较简洁,有什么不懂的话,下方留言。

2021-11-10 12:18:23 505

原创 React(五):js如何保留小数点后两位

其实网上已经有很多成熟的保留小数点后两位的方法了,我可能写的还没他们好,所以我就稍微整下排版,好让你们看起来很舒服吧。一、四舍五入1、toFixed()方法需注意,保留两位小数,将数值类型的数据改变成了字符串类型var num = 2.446242342;num = num.toFixed(2);console.log(num); //2.45console.log(typeof num); // string类型2、Math.floor(),不四舍五入 ,向下取整注意,..

2021-11-10 12:01:30 4708

原创 React(四): 当对象不存在时,使用其length属性会报错,这个时候该怎么办

在判断对象的length属性时,有时会因为对象不存在而导致出现报错,这个时候我们可以用size()方法来解决,即:import { size } from 'lodash';...var objectLength = size(object);是不是很实用呢,如果想仔细阅读size与length有什么不同的话,可以看看官方文档的解析:https://www.lodashjs.com/docs/lodash.size...

2021-11-10 11:35:45 1143

原创 React(三): 子盒子如何在父盒子中水平垂直居中

子盒子在父盒子中居中大约有九种方法,九种方法又可分门别类的分为五种类型:利用定位,即给父盒子设置相对定位,给子盒子设置绝对定位(3种) 利用弹性布局,即给父盒子设置display: flex;(3种) 给父盒子设置display: table-cell;(1种) 给子盒子设置一个同级span标签(1种) 强行用text-align:center;vertical-align:middle;设置成居中布局(1种)1.利用定位,即给父盒子设置相对定位,给子盒子设置绝对定位/* 第一种 */

2021-11-10 11:26:57 1780

原创 React(二):input原先的样式太难看了,如何更改input的样式

用一个盒子套着input,比如:<div className={styles.CompreFileStyle}> 点击上传文件 <input className={styles.inputStyle} id="file" multiple type="file" onChange={this.fileChange} /></div>那么我们在更改样式的时候,只要给input加一个透明度为0,然后再子盒子填满父盒子就可,只要更改父盒子的样式,.

2021-11-09 19:47:07 1760

原创 flex弹性布局:教你从不同的思维方式来理解什么叫弹性布局

display: flex; // 用于开启弹性布局在开始flex弹性布局的学习之前,我们需要先来了解这样几个概念:弹性容器 弹性项目 主轴 交叉轴1.弹性容器定义:给谁设置了display: flex; 谁就是弹性容器<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de..

2021-10-13 12:56:50 142

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除