- 博客(123)
- 收藏
- 关注
RSS订阅原创 Error: [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试。
Error: [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试。
2022-03-12 15:45:55
4535
1
原创 Invalid prop: type check failed for prop “src“. Expected String with value “[object Object]“
错误原因：使用计算属性保底的时候没有考虑到值的类型的问题example：<image class="imgTop" src="{{succImgTop}}"></image>//保底 succImgTop() { return this.pageData.topImage || {} },怕没有值报错，计算属性整保底，但是src后边跟的都是字符串，所有导致呢出现这种问题。修改方法： succImgTop() { ret
2021-09-15 16:27:23
15940
1
原创 前端算法能力提高（树，链表）
二叉树对于算法题，树的遍历确实是经常考的（这里我们只讲二叉树哈，二叉树就是指除了叶子节点外，其余节点都有两个子节点）。一般就是前序遍历，中序遍历和后序遍历。所谓的前，中，后其实就是指什么时候遍历根节点。如图：这就是一个二叉树，什么是前序遍历呢？前序遍历就是先遍历根节点，再遍历左子树，最后遍历右子树。我一般实现二叉树遍历喜欢使用递归。以我们这个图为例，前序：先遍历根节点：A，再遍历左子树：左子树是B所在分支，这时候可以把B当做A，进行递归。结果是：ABDECFG;递归思路递归其实就是直接或者间接自己
2021-08-29 17:43:36
2649
2
原创 前端算法能力提高（数组，队列，栈）
马上开学就要大四了，也就意味着要面临就业了。接触前端东西也已经有一年多了，做了很多，但是在面试的过程中，总免不了被问算法，之前也一直不重视，认为目前开发也用不着还不如多问我点原生js，现在观念有一些转变，行业这么卷，肯定得有一些手段筛人，而算法也算是众多公司常用的手段吧，这个也能决定你的base，所以，人家既然要求，那我们也就不要反感。尽可能的提高自己，不管用不用，只要你要，我就有。先从最基础的数据结构开始：数组一般我们定义数组：const arr = [1,3,5]或者 let c = Ar
2021-08-28 23:16:20
472
3
原创 面试后反思总结
一、切割数组，不改变原数组第一种做法 let arr = [1,2,3,4,5,6,7,8,9] function cut(arr,target){ let arr1 = [] for(let i = 0;i<arr.length;i=i+target){ arr1.push(arr.slice(i,i+target)) } return arr1
2021-08-21 15:29:50
391
原创 手写链表反转(js实现)
思路：链表翻转的思路跟冒泡排序的思路很像，先看代码 //创建链表 function Node(data) { this.data = data this.next = null } let a = new Node(1) let b = new Node(2) let c = new Node(3) a.next = b b.next = c
2021-08-08 17:33:53
283
1
原创 左侧固定，右边自适应的做法
第一种flex <div class="container"> <div class="left">11</div> <div class="right">22</div> </div> .container { display: flex; } .left { width: 200px; height: 1000px;
2021-08-05 23:22:55
103
原创 Error: EACCES: permission denied, unlink ‘xxxx/xxxx/xxxx‘错误已解决
场景：在Mac上想使用code命令打开vs code，（cmd+shift+P）搜索shell，找到这个：结果点击发现： Error: EACCES: permission denied, unlink '/usr/local/bin/code'其实就是没有读写权限，上网搜了好多也不见效，奈何自己习惯使用命令行打开vs code，最终解决方案：在命令行输入sudo chown -R [yourusername] [filePath]yourusername:用户偏好设置->用户和
2021-07-29 10:26:12
8650
2
原创 Charles抓取不到数据(时好时坏)
当你使用Charles抓取数据时，发现并没有抓取到任何东西，但是手机可以抓取到，而且网上的办法都已经试过了，还没有解决，也许这篇博客适合你。关掉VPN哈哈哈，细节决定成败
2021-07-27 22:13:47
997
原创 拿到mpx型包执行npm i 出现 as it does not contain a package.json file.解决
场景：从gitlab上下载下来后，执行npm i 结果出现一个包as it does not contain a package.json file的问题。解决思路：首先我先单独按这个包，结果无论怎么样，都是报这个错误。因为我刚来公司，是不是权限问题，重新配了一下之后，还是没有解决问题。最后解决方法：重新down了一份，路径不要包含中文（直接把之前的中文改了也不行，重新选一个路径，重下一次。再执行npm i）...
2021-07-21 14:33:54
611
原创 三栏布局的实现(左右固定宽，中间自适应)
第一种使用float布局<style> html{ height: 100%; } body{ height: 100%; } .box{ width: 100%; height: 100%; } .left{ width: 200px; height: 100%; background-color: aqua;
2021-06-27 13:18:21
178
原创 解决反复点击路由跳转导致路径叠加
做后台管理系统的时候，用到了element-ui的menu，他里边有一个router属性，可以根据index来进行跳转，但是出现了路径叠加的情况。 <el-menu-item-group> <el-menu-item index="rights/role">角色列表</el-menu-item> <el-menu-item index="rights/jurisdiction">权限列表</el-menu-item> &
2021-06-20 17:44:06
3805
7
原创 简单聊聊如何使用element-UI组件库中Form的表单验证
怎么引入Element-UI，我就不说了，不知道的可以看一下我之前的文章(包括全部引入和按需引入)最近做一个功能，需要用到element-ui的Form的校验功能。做这个需要抓住这么几点： <el-form :model="user" :rules="rules" label-width="100px" ref="user"> <el-form-item label="用户名" prop="username"> <el-inpu
2021-06-19 17:21:49
456
原创 一个前端工作5年的大佬出的面试题，看看你可以答对几道
JS面试题下面代码输出是什么? function sayHi() { console.log(name) console.log(age) var name = 'Lydia' let age = 21 } sayHi()undefined 报错 （var有变量提升，let没有，所以在使用let时候会报错，使用前未定义）下面代码输出什么? const shape = {
2021-06-17 22:44:43
1990
8
原创 网红前端盼哥模拟面试总结
有幸和盼哥连麦，我也是第一次在网络上充值(虽然只有一块钱，哈哈哈)，记录一下！！！我还是个傍一哦，哈哈哈，有证据的。这里总结一下盼哥问我的几个问题computed和watch的区别计算属性1、要计算的属性会随着其依赖的data中属性变化而变化，只要依赖的属性改变，就会执行computed，若无改变，则直接从缓存中取值。2、支持缓存，只有依赖数据发生改变，才会重新进行计算3、不支持异步，当computed内有异步操作时无效，无法监听数据的变化4、computed 属性值会默认走缓存，计算
2021-06-16 23:55:21
3701
13
原创 找不到宝塔面板入口怎么办
宝塔面板是一种简单好用的服务器运维面板，当我们最开始安装的时候会给一个固定的网址，有时候我们经常会忘了，我们可以通过Workbench远程连接进行找回。在命令行输入/etc/init.d/bt default效果：当我们输入外网，就可以登录了...
2021-06-03 08:22:37
934
4
原创 出现Avoid mutating a prop directly since the value will错误 已解决
出现这种情况的原因是我们直接改变子组件的props值，众所周知，props是父向子传值的一种形式。当我们子组件的props值要改变的时候，不能直接通过改变子组件的props来改变父组件。例如：父组件<template> <div id="app"> <son v-model="count" /> </div></template><script>import son from "./components/s
2021-06-01 09:03:59
14982
原创 继承的几种方式
原型链继承之前给大家介绍过，原型链的主要问题是原型中包含的引用值会在实例间共享。 function father() { this.color = ['pink', 'green', 'red'] } function son() {} son.prototype = new father() let instance = new son() instance.color.push('
2021-05-31 12:36:23
210
原创 将扁平化数组转成树以及把树转成扁平化数组
将扁平化数组转成树一般在一些导航菜单呀，树型空间呀，会用到树型的数据。但是后端可能直接给我们一些扁平化数组，让我们自己去处理。模拟数据： const menu = [{ pid: -1, name: "购物车", id: 1, auth: "cart" }, { pid: -1,
2021-05-29 16:23:50
301
原创 学习Git这一篇就够了还有模拟场景的使用哦
git网站 GitHub作用是：托管代码 查看开源项目 关注一些大佬的走势 类似网站：gitlab 码云 SVN查看git版本 git --version使用git工具来操作GitHub1.网上创建好有内容的仓库，本地去更新将远端的仓库克隆到本地使用 git clone 地址 命令远端地址分为两种 1.http地址 2. ssh地址在克隆好的项目中更新一个 index.html将做好的更新提交到远端进入仓库打开命令行执行 git add . 将对仓库的修改让远端记录 .
2021-05-14 14:38:51
164
原创 vue页面展示数据没有问题但是控制台报错TypeError: Cannot read property ‘avatar_url‘ of null“
场景：当我们从服务器取数据的时候，我们把取来的数据放到页面上，正常来看，数据取来了，页面显示也正常，但是一看控制台，报错原因：这是因为，ajax是异步，当我们解析html文档的时候，需要的数据还没来，所以浏览器会认为你写的有问题，但是很快，数据来了，页面发生重排和重绘，这样看，咱们的数据展示是没有问题的，但是最开始浏览器解析文档时，会报错解决方式：使用v-if v-else来做判断，比如：如果数据还没来，我们就请稍等，来了就展示，这样浏览器就不会报错了。 ...
2021-05-09 10:57:52
1218
1
原创 解决vue中拿不到第一次数据，只能从第二次拿的情况
this.$nextTick第一种情况：页面改变了，但是数据没有改变，我们使用的是this.$nextTick，官网是这样解释的：将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它，然后等待DOM更新。我们通过案例来了解：<template> <div id="app"> <button @click="change">按钮</button> <test ref="test" @change="change" /&
2021-05-02 18:09:51
9080
10
原创 纪念日页面变灰是怎么实现的( filter: grayscale(100%)；)
在一些特殊的日子，我们可能会把页面变成灰色，我还有印象，有一次是一个国家纪念日，全部网页都变成了灰色，当时的4399小游戏都不能玩，我们思考一下他是怎么做到的呢，肯定不能一个一个的去改样式，其实他是用到了一个css的滤镜属性。举个例子： <div class="contain"> <h1>如何成为一个好的前端工程师</h1> <h5>努力学习，不断进步</h5> <img src="./ima
2021-04-30 19:58:43
5907
3
原创 less深层改变element-ui的Pagination组件样式
场景：在yy论坛实现的过程中，我们需要在底部整一个分页，但是element-ui并没有提供改变样式的参数，直接就是一个background，加上就是显示背景色，不加就是不显示，但是如果我们想要改变颜色该怎么办？::v-deep就拿我们分页器举例：我们先去找到改变哪个样式然后使用::v-deep深层改变样式，记得加上scoped,否则不生效。<style lang="less" scoped>::v-deep { .el-pagination.is-background .el
2021-04-30 11:08:32
968
3
原创 Vue中moment.js怎么使用中文以及简单使用moment.js把已知时间转成相对时间
在Vue中使用中文很简单，只需要，引入一个文件，这个在我们使用npm下载时就已经下载好了，下面是如何引用：import 'moment/locale/zh-cn'我在做yy论坛时，有一个需求就是把已知的创建日期，怎么转化成相对时间？我们一步一步来第一步：npm引入momentnpm install moment第二步：在我们需要的文件中引入import moment from "moment";//中文引入import 'moment/locale/zh-cn'我们拿到的数据是这样的
2021-04-29 21:28:57
1365
1
原创 background-image不显示
场景：我在vue中使用一个gif图，引入之后不显示，确认路径没有问题解决方式：background-size: cover;加上background-size，确定显示大小效果：
2021-04-27 09:26:32
2618
2
原创 Cannot read property ‘protocol‘ of undefined
报这个错误是因为我们没有真正的把axios挂载到Vue上我猜：你是这样挂载的Vue.use(axios)这样是不对的，正确的axios挂载方式是：Vue.prototype.axios = axios;然后我们再进行封装（简单举个例子）：import Vue from "vue"import axios from "axios"Vue.prototype.axios = axios;const instance = axios.create({ baseURL:"http:
2021-04-26 23:58:20
356
原创 axios如何进行并发请求处理axios.all和axios.spread
axios.all(iterable)和axios.spread(callback)当我们同时处理多个请求的时候，就会用到axios的并发处理，用到的方法就是axios.all(iterable)和axios.spread(callback)。axios.all方法跟promise.all方法一样里边传一个数组，当数组内的请求全部完成时，再进行下一步，如果有一步没有完成就停止操作。我们用代码来测试一下 function foo() { return axios.get("htt
2021-04-22 21:52:35
3544
原创 vue-router如何把未定义过的路由显示成指定页面
场景：用户自己在地址栏中输入，未配置过的路由，如果我们没有设置什么的话，用户看到的是一个空白界面，解决办法如下：在routes里边写下面这个路由 { path:"*", redirect:"/home" }tips:这个/home就是你想让输错的用户跳转的页面。我理解的path："*"有点else的味道，还有什么其他好的办法，辛苦评论！！！...
2021-04-18 00:13:46
987
4
原创 递归求阶乘和1-100的和
所谓递归其实就是从前有座山，山上有座庙，庙里有个老和尚和小和尚，老和尚给小和尚讲故事，讲的是从前有座山...，无休止的重复一件事，但是不同的是里边所给的参数不同，这个是由我们来定的。而且我们还要给出口，也就是结束的地方。递归求阶乘代码：import java.util.Scanner;public class 递归求阶乘 { public static void main(String[] args) { Scanner sc = new Scanner(System.in)
2021-04-17 20:36:14
779
5
原创 控制台输出菱形 java
图形题，感觉有点小绕，做了点笔记，大家可以参考代码：import java.util.Scanner;public class 菱形 { public static void main(String[] args) { Scanner sc = new Scanner(System.in); int n = sc.nextInt(); for (int i=0;i<(n-1)/2;i++){ for (int j
2021-04-17 00:33:44
185
原创 数据改变但是视图不变的原因以及解决方法
我们都知道，vue的特点之一就是数据驱动视图，也就是当我们的数据发生改变的时候，视图也就随之改变了，不需要我们再进行更新视图的操作，但是有一些情况，我们虽然改变了数据，但是视图并没有变化，官网是这样解释的：由于 JavaScript 的限制，Vue 不能检测数组和对象的变化，其实我认为应该说vue不能检测未挂载的即后来添加的新属性，所以需要我们进行一些操作达到我们想让vue检测的目的对于对象Vue.set()通过代码展示：<!DOCTYPE html><html lang="
2021-04-16 15:47:28
3937
原创 介绍什么是原型，什么是原型对象以及什么是原型链（生活例子讲解生动形象）
构造函数的实例的原型就是构造函数的原型对象原型链是js的一种继承方式，他的基本思想就是通过原型链继承多个引用类型的属性和方法。每个构造函数都有一个原型对象，原型有一个属性指回构造函数在这之前大家思考一个问题？什么是原型，什么是原型对象，什么是构造函数，下面我们通过代码解释function foo(name,age){ this.name = name this.age = age console.log(this.name)
2021-04-15 17:37:16
438
原创 总结apply call和bind作用以及不同，加手写实现原理
首先，这三个函数的作用都是改变this指向的，不同的是apply接收的参数是一个数组，call接收的参数是参数列表，而bind是返回一个函数，我们需要接收这个函数并在此调用请大家看一个例子 function foo(name,age){ this.name = name this.age = age console.log(name) console.log(age) } var obj
2021-04-15 12:39:23
85
原创 常见行元素和块元素以及特殊的元素比如img
块元素特点：独立成行，有大小，可以使用margin，padding，常见块元素：div标签header标签footer标签section标签nav标签ol标签ul标签li标签article标签行元素特点：不能设置大小，不独立成行，margin,padding左右生效，上下不生效，常见行元素：a标签img标签strong标签（重要的文本）b标签（加粗文本）em标签（斜体）-span标签特殊的标签：img input等，虽然是行元素，原则上不能设置大小，但是他属于替换
2021-04-14 09:58:07
248
原创 分解质因数和判断两数是否互为质数--java
题目：将一个正整数分解质因数。例如：输入90,打印出90=2*3*3*5。 程序分析：对n进行分解质因数，应先找到一个最小的质数k，然后按下述步骤完成： 如果这个质数恰等于n，则说明分解质因数的过程已经结束，打印出即可。如果n <= k，但n能被k整除，则应打印出k的值，并用n除以k的商,作为新的正整数n,重复执行第一步。如果n不能被k整除，则用k+1作为k的值,重复执行第一步。想法：最近练习了几道有关质数题，发现都用到了while循环还有2（2是最小的质数）这个数，2是很特殊的
2021-04-13 15:28:18
752
原创 element-ui树形控件节点过滤实现选择高亮
场景：在使用element-ui树形控件时，有时我们需要这样的效果我们的实现思路是：在原来的过滤基础上再加一层过滤器，filters: { filterReal(value, key) { const ind = value.indexOf(key); if (value.includes(key)) return ( value .split("") .slice(0, ind)
2021-04-13 12:44:38
1305
3
原创 古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子总数为多少？
ascasc
2021-04-13 07:40:42
642
原创 特别数之和--java
思路：当我们考虑数字是否包含某个数字时（100包含一个1两个0），可以选择求余求除方法或者把数字转化成字符串，用字符串的contains方法。TIPS:interger.toString()方法会将数字转成字符串 contains方法判断是否包含某个字符代码：import java.util.Scanner;public class 特别数之和 { public static void main(String[] args) { Scanner sc = new Sc.
2021-04-12 15:40:29
147
原创 找出数组中最大值和最小值
第一种：sort排序，取第一个和最后一个 var arr = [1,5,4,2,8,3] var arr1 = arr.sort((a,b)=>{ return a-b }) console.log(arr1[1]) console.log(arr1[arr1.length-1])第二种：Math.max和Math.min方法 var arr = [1,5,4,2,8,3] va
2021-04-12 00:24:14
1293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人