- 博客(68)
- 收藏
- 关注
RSS订阅原创 手写一个通过属性路径字符串修改/获取对应的值
const regExp1 = new RegExp(eval(`\/^(?:[^\\[]+)\/`)); // 匹配abcd[0]或abcd中的abcdconst regExp2 = new RegExp(eval(`\/(?<=\\[)([^\\[\\]])*(?=\\])\/`), 'g'); // 匹配方括号中的内容，如：a['1']["5"][6]['abc']中的1、5、6、abc// 通过路径获取对象某个属性的值export function getValueByProper.
2021-10-11 17:29:32
260
原创 VSCode中常用正则匹配
日常开发中，经常会遇到需要注释先前遗留的大量console相关的输出日志代码，在vscode中可以使用当前页搜索（CTRL + F）或全局搜索的方式来批量注释或删除。当前页全局1、注释当前页所有的console.***相关代码匹配：console替换：//console2、删除当前页所有的console.***相关代码\n\s*console.*3、匹配当前页所有console.***相关未被注释的代码^(?!\/\/)(\s)*console...
2021-08-09 15:11:06
3483
原创 webstorm的git使用小技巧
1、怎么使用stash开发过程中，我们可能会面临时这种情况：正在A分支上进行功能的开发迭代，这时，同事向你反馈说B分支上有个bug需要紧急修改，如果这个时候你的代码没有暂存或提交至本地仓库，git是不允许切换的，因为这存在导致被覆盖的问题。要想能够顺利切换分支，有两种方法：1、将A分支上的修改提交至本地仓库，但不提交至远程，等从B分支切回A分支的时候，在进行提交回退，即：git reset HEAD~1，这样A分支上就不存在临时的提交记录2、利用git stash将A分支上的修改提交至暂存区（
2021-05-20 15:42:57
4192
3
原创 如何解决由于yarn.lock文件缺失导致node_modules未能加载，并重新生成yarn.lock文件
原因：在使用yarn加载node_modules，未能成功的原因之一是yarn.lock文件缺失，要重新生成yarn.lock，可通过以下两个步骤：1、npm i2、再次执行yarn，可以将再次生成yarn.lock文件
2021-04-12 10:39:52
3847
原创 macbook的使用问题与解决方法
1、将外接显示屏作为macbook主屏系统偏好设置 >>> 显示器 >>> 选择 - 排列拖动顶部白色到副屏上方切换成功后2、合上macbook显示屏后，电脑依然保持唤醒状态
2020-10-04 17:03:51
6809
1
原创 解决vscode引入npm依赖包时没有自动补全提示
未自动补全在setting.json文件中增加"editor.quickSuggestions": { "strings": true},自动补全效果
2020-10-04 16:41:32
2569
原创 卸载EDR软件提示：需要输入防护密码；教你在不需要密码的情况下，如何通过两步解决无法卸载的问题
提示：解决：1、删除系统注册表中的EDR信息win + R， 输入 regedit回车，打开注册列表EDR程序存放的文件名称为sangfor注册表中找到：HKEY_LOCAL_MACHINE >>> SOFTWARE >>> Sangfor，右击删除2、删除EDR安装目录这个步骤可以用360卫士的强力删除（右击鼠标）进行彻底删除在安装EDR的时候，其实同时也安装了Ingress软件，这个可以直接卸载...
2020-09-30 15:39:26
84595
10
原创 如何部署本地node项目到linux服务器
一、通过xshell上传本地项目至linuxrz // 从本机磁盘导入文件至远程linux服务器sz // 从远程linux服务器导出文件至本机磁盘二、查看远程linux的外网ip地址注：linux服务器通常分内网ip和外网ip，我们要在本地测试远程linux上的demo，则需要的是linux的外网ip + 项目运行时的端口号 + api路径查看linux暴露的外网ip命令（可通过执行下列任一行命令查看）curl icanhazip.comcurl ifconfig.me
2020-09-07 16:03:58
934
原创 如何在本地操作Redis
1、下载redis到本地下载Redis-x64-xxx.zip压缩包并解压，我这里解压到了D:/Redis Redis下载地址2 、开启并连接Redis1）、进入解压的文件夹中，按住shift + 右击鼠标 点击在此处打开命令窗口，运行命令：redis-server.exe redis.windows.conf2）、这时候另启一个 cmd 窗口（原来的不要关闭，不然就无法访问服务端了）运行命令：redis-cli.exe -h 127.0.0.1 ...
2020-07-15 18:38:04
6596
原创 解决VSCode保存后，函数前自动加上空格，导致报错的问题；以及如何在保存代码时按照ESLint格式化代码
报错截图：在写代码时，function和()之间是没有空格的，在保存后自动加上了空格，导致警告。注：项目中使用了ESlint来校验代码格式，vscode也已经安装了ESlint的插件（后面发现只起到了提示的作用，并未在保存的时候按照ESlint的要求进行格式化）一、怎么解决在函数function与()之间自动加上空格的问题呢？经过一番摸索，终于还是找到了解决方法：点击vscode左下角的齿轮图标，点击设置，搜索“函数”，去掉如下勾选：二、如何在保存代码时按照ESLint格
2020-05-19 19:25:45
21441
4
原创 解决vscode不能识别ejs文件的问题
在使用vscode的时候，遇到是ejs的文件，无法被识别出来，vscode会默认以html文件进行语法解析判断，导致一直有错误提示，并且vscode在保存文件时会自动格式化文件，导致运行也报错。解决办法还是寻找插件解决，这里直接搜索插件.ejs，然后点击安装即可安装完成后，在右下方可以看到已经能够识别出ejs文件了，保存后运行也不会报错。...
2020-05-12 17:23:53
4407
原创 运行gulp build时报错：error Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style
报错截图：报错的原因是项目代码做了eslint的规范检查，规定了换行需要以unix系统的换行方式，Linux下只有换行LF，而在window下换行默认是CRLF，在window系统下git pull项目的时候，git会默认将文件中的LF换行方式转为系统默认的CRLF换行格式，才会导致用vscode打开时，所有的文件都是CRLF，这样代码提交后，会出现编译问题（服务端为linux系统）这种差异是因为系统的不同而存在，具体差异：差异:Windows系统下文本文件的换行符是： 回
2020-05-09 15:40:39
7520
原创 GIT之创建分支、版本回退
最近在弄一个项目，需要新建一个分支，然后在这分支上进行功能代码的更新1、首先，需要创建本地分支git branch v1.1.1 // v1.1.1即我们的分支名称创建完分支后可以查看当前分支是否已经创建成功git branch2、切换刚才已经建好的分支git checkout v1.1.13、将当前分支推送到远程仓库git push origin v1...
2020-05-08 11:23:27
958
原创 Robo 3T报错：Failed to connect to localhost:127.0.0.1
报错截图：解决办法：控制台输入命令：mongod --dbpath [db的路径]点击test，连接成功
2020-05-04 15:48:41
867
原创 运行node工程项目报错ReferenceError: primordials is not defined
报错原因：是我本地的node版本太高导致的报错（本地的gulp 版本是3.9.0，这需要node的版本不高于v12.0.0）本地的gulp版本本地的node版本报错截图：解决方法：1、node版本降到v12.0.0以下（不含），这个方法不够灵活，这里采用下面这种方法2、通过gnvm进行node版本的切换2.1、安装gnvm： gnvm下载地...
2020-04-28 12:35:13
4600
2
原创 css实现一侧固定宽度，另一侧宽度自适应
这里举的两个例子中，是以左侧为固定宽度，右侧为自适应的宽度。要实现这样的效果，本质是要实现元素宽度的自适应，而元素宽度自适应有1、使用行块级元素宽度默认继承父元素宽度，如div2、设置块元素的宽度为父元素的100%3、还有一个可能比较少了解的，就是对绝对定位的元素设置left：0和right：0就可以使得元素的宽度展开到父元素的宽度（如果元素的宽度未设置具体宽度）4、flex弹...
2020-04-21 23:22:23
2072
原创 随记
2020.04.17刚看到了一个关于：如何解决搜索候选词因网络延迟而导致的当前显示结果与当前的搜索词不匹配的问题？于是顺手做了下，这里通过times和Math.random()模拟了请求的随机先后顺序<body> <input type="text" class="inpt"> <p class="res"></p>...
2020-04-17 21:47:13
115
原创 入门之：如何在腾讯云服务器上部署自己的静态前端项目（服务器系统：centos7）
需要准备的东西有： 1、腾讯云服务器 1.1、安装nginx代理软件 1.2、安装ftp（用于接收我们本地电脑上传的文件） 2、FileZilla（在个人电脑上安装，用于上传文件到服务器）1、购买腾讯云服务器（我自己购买的是最便宜的云服务器，目...
2020-03-27 16:08:29
3200
1
原创 运行npx webpack-dev-server报错：Error: getaddrinfo ENOENT localhost
报错截图：问题原因：localhost没有与127.0.0.1绑定解决方法：修改hosts文件，将127.0.0.1与localhost进行映射
2020-03-17 13:18:53
696
原创 JS事件循环机制须知
本文部分有关内容来自：一道面试题引发对javascript事件循环机制（Event Loop）的 思考（这里讨论针对浏览器）任务队列* JS分为同步任务和异步任务* 同步任务都在主线程上执行，形成一个执行栈（这里要注意的是promise是同步任务，但是.then是异步）* 主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放置一个事件。* 一旦执...
2020-03-06 10:15:49
158
原创 async...await中使用使用Promise对象的一些注意问题
await后可以跟一个异步表达式（如promise的表达式），也可以跟一个普通的表达式（如：console.log(123)）例子1：如果await紧跟一个没有resolve的promise对象，则后续的代码不会被执行。如：async function a(){ // 如果await后是promise对象 await new Promise(resolve => ...
2020-03-05 17:58:06
1253
1
原创 JS的事件循环机制EventLoop
部分的内容出处：面试题：说说事件循环机制(满分答案来了)浏览器中的事件循环JavaScript代码的执行过程中，除了依靠函数调用栈来搞定函数的执行顺序外，还依靠任务队列(task queue)来搞定另外一些代码的执行。整个执行过程，我们称为事件循环过程。一个线程中，事件循环是唯一的，但是任务队列可以拥有多个。任务队列又分为macro-task（宏任务）与micro-task（微任务），...
2020-03-04 18:50:45
276
原创 mysql相关问题
安装以及初始化相关的内容参考这里1、以管理员身份打开 cmd 命令行工具，切换到mysql程序文件的bin目录下初始化数据库：mysqld --initialize --console执行完成后，会输出 root 用户的初始默认密码，如：...2018-04-20T02:35:05.464644Z 5 [Note] [MY-010454] [Server] A tempo...
2020-01-16 02:11:45
77
原创 vue项目常用的项目开发插件与指令
参考文章：这15个Vue自定义指令，让你的项目开发爽到爆1、文本截断：Vue-Clampy文档地址：@clampy-js/vue-clampy安装：npm install @clampy-js/vue-clampy/* 或 */yarn install @clampy-js/vue-clampymain.js文件中全局引入/* main.js文件中 */impor...
2020-01-09 16:11:34
768
原创 JS中offsetTop、clientTop、scrollTop、offsetTop各位置属性详解（含示例图）
MDN文档首先：每个HTML元素都具有clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop 这5个和元素高度、滚动、位置相关的属性。clientHeight和offsetHeight属性表示元素的高度，和元素的滚动、位置没有关系。返回值未因浏览器区别存在差异的属性：clientHeight、clientWidth、...
2020-01-08 02:33:29
2858
1
原创 ie浏览器中样式的问题以及解决方法
IE兼容性：IE9包括IE9不支持flex布局，也不支持动画样式keyframes1、通过meta代码强制浏览器使用WebKit内核极速模式（解决 meta name="renderer" content="webkit" 不起作用）2、设置双核浏览器的浏览模式<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>3...
2020-01-06 14:25:46
869
原创 vue框架在ie浏览器下的问题以及解决方法
vue浏览器兼容性问题ie9 ie10 edgevue 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性，比如Object.defineProperty()此方法就会报错，1、报错：ReferenceError: “Promise”未定义，原因是：Promise是es6的新语法，ie9和一些低版本的高级浏览器对es6新语法并不支持...
2019-12-31 14:21:55
1499
1
原创 box-sizing失效的原因
分析：如果目标元素的高度（或宽度）只由其内容、padding、border确定的情况下，则会存在失效情况。解决方法：对目标元素设置固定高度（或宽度）
2019-12-20 15:27:13
8843
原创 对任意结构和的层级的对象数据中的空字符串和undefined转为null
写这个API的目的是因为：如果前端传一个对象数据给后端（如obj: {a: ''}），后端会把空字符串也当做值（而非null）作为查询条件，因此常常会无法搜到想要的结果（始终觉得后端这问题应该很容易解决，但始终没解决），因此还是打算抽个时间封装个可以自动转换空字符串或undefined的API。这个API 可以对数据、对象混合的机构数据做做处理，不限数据层级。函数相关封装代码：//获取数...
2019-12-11 14:38:31
395
原创 小厂测试题
1、使用 vuejs/react 开发一个抽奖程序，奖品为1-9元，最多抽9次，在页面上显示每次抽到的金额，并且每次抽到的金额不可重复 （推荐vuejs，如果已学习了react也可以用 react）方法一（比较冗余，不推荐）：<template> <div> <x-button @click.native="prizeDraw" ty...
2019-11-25 19:40:56
112
原创 运行报错：[Vue warn]: Failed to mount component: template or render function not defined.
昨天项目跑起来没问题，今天重新跑，就报错了，具体如下：报错提示：template或渲染函数未被定义出现问题的路由引入路径以及文件目录：起因：由于该组件中存在index.vue， index.less， index.js三个同名不同类型文件，而index.js是作为index.vue的逻辑代码存在，而路由文件中通过 component: () => import(...
2019-11-19 10:51:52
3706
原创 JS正则表达式的日常的总结
1、/^[a-zA-Z]+\w*/g^[a-zA-Z]表示以字符开头，+表示后续还有字符，*表示任意出现的次数\w匹配包括下划线的任何单词字符。类似但不等价于“[A-Za-z0-9_]”，这里的"单词"字符使用Unicode字符集。\W匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。2、/^[a-zA-Z]+\w{3，}/g大括号{3，}表示字符出现的次数，至少3次...
2019-11-16 13:12:51
518
原创 常用的JS函数
1、滚动到页面的底部scrollTopBottom = (vm) => { let scrollHeight = Number(document.documentElement.scrollHeight || document.body.scrollHeight); vm.$nextTick(()=>{ window.scrollTo(0, scr...
2019-11-06 11:58:07
114
原创 常用的css选择器归纳
推荐一篇不错的文章：CSS中的五大选择器div[title^="intro"] {...} // title以intro开头的div元素div[title$="intro"] {...} // title以intro结尾的div元素div[title*="intro"] {...} // title中包含"intro"子串的div元素...
2019-11-06 11:18:15
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人