- 博客(85)
- 收藏
- 关注
RSS订阅
原创 Mac下oh-my-zsh的安装配置和卸载(Iterm2搭配)
Mac安装配置on-my-zsh iTerm2主题配置 on-my-zsh 隐藏主机名称
2020-01-15 18:27:57
39466
原创 八股取士之Vue面试
Vue面试题整理1. v-if与v-show的区别以及使用场景2. 说说你对 SPA 单页面的理解，它的优缺点分别是什么？3. 详细阐述一下导航守卫4. 怎样理解 Vue 的单向数据流5. computed 和 watch 的区别和运用的场景？6.Vue 生命周期7. Vue 的父组件和子组件生命周期钩子函数执行顺序8. 父组件监听子组件的生命周期9. keep-alive10. 组件中 data...
2019-09-22 21:04:33
916
1
原创 Mac 配置多个不同git域名的ssh公钥
Mac配置多个不同git域名的ssh公钥。当存在同时需要git在GitHub、gitee、gitlab等多个不同git托管平台进行。之后复制并copy到GitHub或者gitlab的新建的ssh中。之后一直回车就可以，会默认在~/.ssh目录下生成。之后一直回车就可以，会在~/.ssh目录下生成。将url替换为ssh。
2023-01-30 11:15:26
882
1
原创 Vue项目中利用webpack的require.context实现批量引入/导入图片
前端项目中难免会有需要几十种icon或者png等类型的图片的情况，如果一个个import未免太过繁琐。使用webpack的 require.context实现vue项目中的批量导入引入图片等静态资源
2022-12-27 17:54:14
1828
原创 NGINX同时监听多个80端口匹配多个域名(Linux服务器)
NGINX同时监听多个80端口匹配多个不同的域名，多个域名同时监听80端口结果被覆盖，NGINX代理多个vue项目
2022-12-27 16:19:38
3192
2
原创 el-checkbox同时获取label和value
多选框(组)的场景下，有很多展示给用户的是文字，但是传参给后端的是英文字段这样的需求。即同时获取el-checkbox的label和value字段
2022-12-26 16:07:19
2224
原创 在Vue中使用Lodash的节流throttle函数
vue项目中调用lodash的throttle节流函数遇到的问题，最近有这样的一个应用场景，input输入框中监听用户输入，变化了就发送ajax请求后端数据，以前搜索筛选都是用户，现在实时获取，想着最好还是做下节流。...
2022-07-22 11:35:51
2293
原创 elementUI的el-cascader实现省市区搜索
elementUI的el-cascader实现省市区搜索，全国省市区级联选择器增加搜索地级市和直辖市等城市city级别的需求。即能够一键全选整个city
2022-07-21 15:35:28
3082
原创 webstorm下node/express项目无法识别自带的api的解决办法
webstorm写express项目，IDE对node和express的api一直提示unresolve，并且不能通过command按键+单击来访问源码，也没有代码补全提示，但是不影响运行和使用
2022-07-13 18:27:10
210
原创 Linux下安装MongoDB的Database Tools并配置(mongodump: command not found)?
mongodump: command not found的解决方法，Linux下安装MongoDB的database tools工具，Linux下安装mongodump和导入、导出、备份命令
2022-07-07 16:23:48
2559
原创 前端mapbox-gl地图点击addImage类型的打点再滚动鼠标后addImage类型打点消失
当点击image类型的打点显示Popup弹框的时候，再缩放地图，这时候会出现自定义的image打点就消失了的bug
2022-07-04 18:24:46
749
原创 Vue及ElementUI中自定义指令实现判断文本内容超出显示省略号和el-tooltip提示，不超出则禁用el-tooltip
Vue框架中在使用elementUI插件时，判断文本内容是否超出，超出则展示省略号和el-tooltip，不超出则禁止hover展示el-tooltip。即移除没有超出的文案的el-tooltip，因为已经完整的展示文案了，hover的tooltip提示就没有必要了.........
2022-06-13 10:01:33
6939
5
原创 Vue和elementUI禁用el-pagination的指定分页按钮
在vue项目中，禁用elementUI的el-pagination的指定分页按钮，适用于后端有最大可查询分页深度的需求。el-pagination添加禁止点击逻辑
2022-06-08 11:56:28
1959
原创 vue-router编程式导航和a标签实现右键在新标签页中打开链接
背景浏览器在解析a标签的时候，默认会有鼠标右键显示“在新标签页中打开链接”的功能，但有的情景不适合用a标签直接进行路由跳转。比如我遇到这个问题的项目，a标签直接跳路由会有不知道什么原因的bug。所以只能用router.push来跳转。思路首先排除a标签直接href跳转，我的项目会有bug。但是最后必须要有a标签，因为这个是浏览器解析的最快最亲近的方法。所以用到了contextmenu事件，在不鼠标右键的时候，给定一个不能直接跳转的a标签，跳转采用vue-router的方式。在监听到contex
2022-05-19 14:42:22
1965
原创 前端项目review之修改element-ui全局主题颜色配置element-theme-chalk和gulp
每个公司的主题风格肯定是不一样的，比如现在的公司主题就是#00ab7a。在PC端TO-B的项目中少不了用element-ui，这个时候用element-theme-chalk直接本地编译修改了element全局的主题色。1. 全局安装element-themenpm install element-theme -g2. 在vue中安装element-theme-chalk到dev生产环境npm install element-theme-chalk -D3. 初始化变量文件element-va
2022-04-22 11:59:52
4553
原创 前端项目review之PC端vue上传Excel并用xlsx解析
这里写目录标题1. 需求2. 实现2.1 HTML2.2 js逻辑1. 需求前端上传Excel文件，并根据Excel文件的模板内容解析字段到页面上，这个过程不需要后端参与。主要用到了 XLSX.utils.sheet_to_json2. 实现2.1 HTML <el-upload style="margin-left: 20px" :auto-upload="false"
2022-04-20 17:24:47
884
原创 前端项目复盘之a标签下载文件
handleDownloadTemplate() { const url = '/api...'; // 后端接口，返回的是文件 const a = document.createElement('a'); a.download = ''; a.href = url; document.body.appendChild(a); a.click(); },
2022-04-20 17:07:49
894
原创 解决react脚手架运行后多出来很多webpack的日志
我理想中的react脚手架本地运行后的结果是这样的：但是在新的Windows笔记本用create-react-app创建react项目启动后是这样的：这种结果的我个人感觉的缺点就是：覆盖了项目localhost地址，每次想重新点一下需要找半天。如果项目有个warning或者error会导致日志出现一堆没用的error根本找不到真正的error的位置，而且报错后会大面积覆盖掉localhost地址。对于有强迫症的，当然不能容忍这个东西我的解决方法：起初我以为是create-react-a
2022-02-10 16:40:06
890
原创 Windows系统中用Linux安装nvm前端node版本控制工具
1. 背景怎么在Windows中使用Linux命令？–> Git bash有的Windows环境不知道为什么就是无法正确安装nvm并正确通过nvm安装node，今天在公司的笔记本上安装create-react-app发现提示node版本太低，必须要升级到14以上才能用，于是在git bash中研究了一下。2.在git bash中安装nvm直接通过Linux命令安装curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.3
2022-02-08 15:12:33
741
原创 element-ui中el-cascader级联选择器多选判断是否是全选
给定如多级级联选择器，如果只选中第三级，则展示第三级，如果全选第一级或者第二级则只展示第一级或者第二级。(一级选项如果全部选中的话，只用获取一级选项的值就行了，如果没有全部选中 ,再获取二级选项的值)如图，北京市没有全选，天津市全选，河北省没有全选，则最后结果为"朝阳区"、“天津市”、“大名县”、“古治区”这里需要用到el-cascader的getCheckedNodes方法父节点选中，那么所有子孙节点必然是选中的，则反推出：如果节点有父节点且父节点被选中了，那么这个节点就不是我们所需要的，所以可
2022-01-11 18:19:50
3942
6
原创 Windows下webstorm设置默认terminal为git bash
用了两年自己的MacBook Pro开发，最近换工作了，规定只能用公司配备的Windows，无奈，只好搭一下环境，感觉Windows的jetbrain软件的默认terminal很丑，于是搞了一下git bash，感觉还是很好用的，记录一下，日后备用。1. 设置webstorm的默认terminal2. 解决中文乱码如图，将path改为电脑上的git安装路径，可以选择sh.exe 或者bash.exe，我感觉效果差不多，之后找到bash.bashrc文件如我的就在D:\Git\etc下面，编辑该文件在
2021-12-30 11:15:48
1529
原创 前端也问我HTTP
此篇为了整理我在前端面试中被面试官常问到的HTTP相关的知识点1. 计算机网络体系结构：2. HTTP协议特点特点：无连接、无状态、灵活、简单快速无连接：每次请求都要连接一次，请求结束就断掉，不会保持连接。无状态：每次请求都是独立的，请求结束不会记录连接的任何信息，减少了网络开销，这是优点也是缺点。灵活：通过http协议中头部的Content-Type标记，可以传输任意数据类型的数据对象(文本、图片、视频等等)，非常灵活。简单快速：发送请求访问某个资源时，只需传送请求方法和URL就可以了
2021-12-08 15:47:41
2099
原创 JavaScript求最大的岛屿面积
function maxAreaOfIsland(grid) { let row = grid.length; // 行数 let col = grid[0].length; // 列数 let res = 0; const dfs=(i, j)=>{ if (i < 0 || i >= row || j < 0 || j >= col || grid[i][j] === 0) return 0; grid[i][
2021-12-07 16:23:36
599
原创 JavaScript求岛屿的数量
给你一个由 ‘1’（陆地）和 ‘0’（水）组成的的二维网格，请你计算网格中岛屿的数量。岛屿总是被水包围，并且每座岛屿只能由水平方向和/或竖直方向上相邻的陆地连接形成。此外，你可以假设该网格的四条边均被水包围。示例 1：输入：grid = [[“1”,“1”,“1”,“1”,“0”],[“1”,“1”,“0”,“1”,“0”],[“1”,“1”,“0”,“0”,“0”],[“0”,“0”,“0”,“0”,“0”]]输出：1示例 2：输入：grid = [[“1”,“1”,“0”,“0
2021-12-07 16:21:47
167
原创 JavaScript实现全排列
1.给定一个不含重复数字的数组 nums ，返回其 所有可能的全排列 。你可以 按任意顺序 返回答案。示例 1：输入：nums = [1,2,3]输出：[[1,2,3],[1,3,2],[2,1,3],[2,3,1],[3,1,2],[3,2,1]]function permute(nums) { const res = [], path = []; const used = new Array(nums.length).fill(false); const dfs =()=
2021-12-07 16:07:22
2461
原创 JavaScript两数之和target
给定一个整数数组nums和一个整数目标值 target，请你在该数组中找出和为目标值 target 的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1： 输入：nums = [2,7,11,15], target = 9输出：[0,1] 解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。示例 2：输入：nums = [3,2,4], target = 6
2021-12-07 16:04:30
425
原创 JavaScript实现比较两个app版本号
给你两个版本号 version1 和 version2 ，请你比较它们。版本号由一个或多个修订号组成，各修订号由一个 ‘.’ 连接。每个修订号由多位数字组成，可能包含前导零 。每个版本号至少包含一个字符。修订号从左到右编号，下标从 0 开始，最左边的修订号下标为 0 ，下一个修订号下标为 1 ，以此类推。例如，2.5.33 和 0.1 都是有效的版本号。比较版本号时，请按从左到右的顺序依次比较它们的修订号。比较修订号时，只需比较忽略任何前导零后的整数值 。也就是说修订号1和修订号001相等
2021-12-07 15:59:40
1517
原创 JavaScript合并两个有序数组
给你两个按非递减顺序排列的整数数组 nums1 和 nums2，另有两个整数 m 和 n ，分别表示 nums1 和 nums2中的元素数目。请你 合并 nums2 到 nums1 中，使合并后的数组同样按 非递减顺序 排列。ps: 最终，合并后数组不应由函数返回，而是存储在数组 nums1 中。为了应对这种情况，nums1 的初始长度为 m + n，其中前 m 个元素表示应合并的元素，后 n 个元素为 0 ，应忽略。nums2 的长度为 n示例 1：输入：nums1 = [1,2,3,0,0,0],
2021-12-07 15:55:18
726
原创 JavaScript实现pid树结构互相转换
给定一个如下结构的list数组，找出对应的pid的id，即pid对应的id就是它的父亲节点。如下结构简称扁平结构const list = [ { id:1,pid:0,value:"宋唐" }, { id:2,pid:1,value:"宋唐1" }, { id:3,pid:1,value:"宋唐2" }, { id:4,pid:1,value:"宋唐3" }, { id:5,pid:0,value:"刘梦婕" },
2021-12-07 15:47:22
848
2
原创 进程和线程
线程在进程下行进（单纯的车厢无法运行）一个进程可以包含多个线程（一辆火车可以有多个车厢）不同进程间数据很难共享（一辆火车上的乘客很难换到另外一辆火车，比如站点换乘）同一进程下不同线程间数据很易共享（A车厢换到B车厢很容易）进程要比线程消耗更多的计算机资源（采用多列火车相比多个车厢更耗资源）进程间不会相互影响，一个线程挂掉将导致整个进程挂掉（一列火车不会影响到另外一列火车，但是如果一列火车上中间的一节车厢着火了，将影响到所有车厢）进程可以拓展到多机，进程最多适合多核（不同火车可以开在多个轨道上，同一火车的车厢
2021-12-02 18:15:36
160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人