- 博客(53)
- 收藏
- 关注
RSS订阅
原创 2020前端实习面试经
之前投了一个比较小的公司的面试来练手当然我没想到直接一次性面了2小时下面就是大概的面试题（强行回忆）1.你简历上有好几段实习经历，能说一下每一段是为什么离职吗？大概就是暑假结束之类的（ps面试官说公司不喜欢很容易离职的，我这是暑期实习暑假结束了肯定得跑路了2.有了解过CSS3吗3.对CSS3的什么特性比较熟悉4.html5特性语义化 SEO搜索5.ES6的新特性6.说一下JS的数据类型7.说一下Number的实现8.说一下对symbol的了解9.Node.js BFF层的优势1
2020-11-17 22:23:21
1251
7
原创 Vue element-UI在表格中使用prop属性的方法
这里遇到一个需求实在表格中使用图片展示活动的头像一开始使用el-table来做表格每一个分列都是使用prop属性来作为这个表格中的字段，但是在image当中你需要将字段作为image的src来使用因此使用了插件里面套用scope然后使用scope属性的办法来实现//Vue Element-UI<el-table size="small" :data="listData" highlight-current-row v-loading="loading" border element-loadin
2020-08-04 21:33:45
12032
3
原创 三年写BUG得出的找BUG经验
前言零零碎碎从开始写代码已经整整三年多了，别人说只要写十万行代码就能在大学毕业时找到一份好工作，像我种写了超过十万行BUG的不知道会不会有大厂愿意雇用我去竟对上班。愿意写bug的好处就是也开始总结了一些找bug的经验分享给大家找 BUG 第一式找BUG首先要明确BUG出现的原因，第一种方法是从整个页面的加载过程中去先粗略定位，这种方法是从最直观的地方去找出你的BUG。在浏览器中摁F12就可以调出开发者模式，然后在 Network 中下拉选择为 slow 3G， 这样整个页面的加载速度就会被网络速度
2021-08-05 17:30:42
359
1
原创 初识 SSR （SSR 入门 对产品经理，运营友好）
前言最近在大规模的改造SSR页面，所以对 SSR 技术有了一定的技术认识，想着写一篇文章来总结一下对于 SSR 初步的认识。这是一篇对产品经理友好的介绍性文章，具体的实现性技术文章在后头（主要是我们产品经理想学啊，不写可能会被打死吧狗头）PS 偶尔下楼看一看天气，真的好好看，像是P出来的屏保目录ssr 是什么ssr 实现了什么ssr 适合什么样的业务ssr 该如何实现正文0. ssr 是什么ssr 中文名词解释即服务器渲染，就是把前端的网页放在服务器上面先跑出来一个结果，然后给用户.
2021-07-24 21:05:26
1308
4
原创 回答面试官想问的position
前言在面试中我们会遇到很多关于 position 的题目，例如 position 有哪些熟悉值，通过这篇文章可以跟着面试题学习 position。正文1.请讲讲你知道的 position 的值属性作用是否脱离文档流static默认生成否absolute相对于非static的父元素进行定位是relative相对于元素本来存在的位置进行定位否fixed相对于浏览器窗口进行定位是sticky在不同情况下分别表现为fixed relative
2021-03-31 20:09:31
285
原创 （思考未来系列）关于大学前三年的一点小想法
前言最近和很多同学，学长，学弟，导师聊了关于未来是选择什么方向的问题。这应该对于绝大多数同学都很难选择，我在这里根据自己的经历总结一下自己的一点小想法。想法大一：多看多学多想首先在大一的时候是不太可能去确定自己的方向的，只能说多去学习不同的方向，不同的内容，甚至也可以走转专业这条路，尽可能多的接触一下不同的职位，不同的技术方向，也要去多看看很多平台上这个方向走到后面会是一个什么样的未来。大二：慢慢的开始确定自己的方向这个时候，如果你已经接触了不少的方向了，差不多可以找出一个大概的方向了，觉得自
2021-03-27 19:38:59
156
原创 阿里暑期实习面经（口头offer）
一面 40min1.请自我介绍一下2.你是从什么时候开始学习前端3.你们大学里面有进行前端课程的学习嘛4.为什么一开始就选择前端 尝试过各个方向，对前端学习的反馈更快，对UI图理解更快5.你是有几段实习经历 2段实习6.介绍一下实习经历和项目亮点，项目难点 第一段实习主要讲自己对整个前端的架构 Vue + element-UI + VueX 第二段实习主要讲亮点 表格筛选带来的服务器优化7.懒加载是怎么实现的（项目里面用到了） 检测可视范围进
2021-03-20 11:55:47
519
原创 关于antd Table组件 Filter 筛选数据功能的思考和优化
业务背景：今天拿到了一个表格数据展示的需求，由于业务需要对数据进行选择过滤并且原来已经选用了 antd 中的 Table，所以选择了使用antd Table 自带的过滤功能。关于过滤方式首先在表格中进行数据的过滤和筛选大概有两种方式:第一种是在后端进行数据的筛选，即做查询关键字的处理，当数据量较大，服务器压力较小的情况下进行选用。第二种是在前端进行数据的筛选，即在前端对数据进行处理后显示，对客户端页面渲染压力较小的情况下进行选用，它还有一点优势就是减少了对后端的http请求，可以降低对后
2021-03-02 23:27:48
11211
1
原创 阿里暑期实习一面面经
1.请自我介绍一下2.你是从什么时候开始学习前端3.你们大学里面有进行前端课程的学习嘛4.为什么一开始就选择前端5.你是有几段实习经历6.介绍一下实习经历和项目亮点，项目难点巴拉巴拉 我有2段实习经历 所以讲了特别久7.懒加载是怎么实现的（项目里面用到了）8.webpack 按需加载 (其实也是项目亮点–）9.项目亮点 自己编写的回调函数10.讲一下 DVA 的思想和数据流向 effects（项目相关）11.小程序开发底层有多少个线程 （不知道，只会实现）12.H5页面13.前
2021-02-27 22:20:00
309
1
原创 dva中dispatch函数实现异步回调函数的方式
#关于 dva中dispatch函数实现异步回调函数的方式1.通过promise函数实现这里先给出index.js 和modal模块的实现 services模块不需要做处理 //index.js import { useEffect } from 'react'; function index(props){ const {dispatch} = props; // useEffect 保证只会在第一次渲染时运行 useEffect(() =&g
2021-02-05 11:44:30
3768
原创 dva框架构架下 可能出现的几种调用dispatch后不发送请求的情况及解决办法
这里我踩了三次坑 如果你发现你的dispatch没有发送请求只想改错误请直接看最下面对照看看自己有没有写错原理分析在dva架构下 调用dispatch主要经过三个步骤下面index 代指 当前页index(当前页) => model.index(model文件夹下的配置页) => services.index(services文件夹下的配置页)其中从 index 文件夹 到 model.index 文件夹的路由 由 router.js中配置下面由一个例子引出//index.js
2021-02-03 21:50:25
2695
原创 Webpack 学习重点笔记整理
Webpack学习记录第一章 Webpack整体系欸文章目录Webpack学习记录前言前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考#Webpack###简介：webpack是一个现代js的应用程序的静态模块打包工具，当webpack处理应用程序时，他会在内部构件一个依赖图，此依赖图会映射项目所需的每一个模块并生成一个
2021-01-31 21:17:00
145
原创 网易实习一面
提前一天约了面试 电话面试 坐着等 很紧张（50 min)1.能说一下你的实习经历吗官网/后台管理系统 markdown crud 然后面试官说他没懂我们这个程序到底是干啥的然后又balabala说了一堆2.说一下项目经历3个项目经历只要讲了和web有关的两个3.你对vue的源码有什么了解基本看过把4.v-model 的实现原理5.双向绑定的实现原理6.diff算法比较原理7.数组查重 用ES6的方法怎么实现 用ES5的方法怎么实现8.ES6中的新特性9.V-if 和 V-s
2020-11-25 14:13:20
214
原创 前端校招面试中一些常见的问题和答案
1.var let const 的区别var 会把对象挂在在window上面，let和const不会var会做变量提升，但是let和const不会let和const 是ES6的新特性let const 是有块级作用域的同一作用域下let和const不能声明同名变量，而var可以let和const，var都有暂存死区但是let，const因为没有变量提升会报错const 是定义常量 不可更改2.http在哪一层，tcp在哪一层http在应用层 tcp在运输层3.https和http的区别
2020-11-20 17:08:40
482
原创 剑指 Offer 12. 矩阵中的路径 JavaScript版本
剑指 Offer 12. 矩阵中的路径请设计一个函数，用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。路径可以从矩阵中的任意一格开始，每一步可以在矩阵中向左、右、上、下移动一格。如果一条路径经过了矩阵的某一格，那么该路径不能再次进入该格子。例如，在下面的3×4的矩阵中包含一条字符串“bfce”的路径（路径中的字母用加粗标出）。[[“a”,“b”,“c”,“e”],[“s”,“f”,“c”,“s”],[“a”,“d”,“e”,“e”]]但矩阵中不包含字符串“abfb”的路径，因为字符串的
2020-11-20 15:28:31
169
原创 HTTP头部信息
关于HTTP的一系列信息HTTP头部信息 1.Accept：浏览器能够处理的内容类型。 2.Accept-Charset：浏览器能够显示的字符集 3.Accept-EnCoding：浏览器能够处理的压缩编码 4.Accept-Language：浏览器当前设置的语言 5.Connection：浏览器与服务器之间连接的类型 6.Cookie：当前页面设置的任何Cookie。 7.Host：发出请求的页面所在的域 8.Referer：发出请求的页面的URI 9.User-Ag
2020-11-19 18:31:41
226
原创 javaScript用户代理检测（检测所在平台 PC还是安卓还是IOS）
之前面试的时候被面试官用怎么检测所在平台问倒，今天参照JS高级程序设计里面9.3的内容仿写了程序下面上程序吧 可以直接用来检测 //这是整个对象 放到自己里面直接调用参数就好了 var clienet = function(){ //呈现引擎 var engine = { ie: 0, gecko:0, webkit:0, khtml:0, opera:0, //完整的版本号 ver:null }; //浏览器
2020-11-18 21:15:22
210
原创 JS原型链的实现对象的建立（堆栈算法题示例）
之前一直知道JS有比较好的面向对象的写法，今天通过一道算法题来尝试了一下首先就是JS相对Java来说少了直接创建类的概念，所以说面向对象的写法会比较困难，这里是通过实现了一个栈对象来实现了数组的反转先贴题目 输入一个链表的头节点，从尾到头反过来返回每个节点的值（用数组返回）。 示例 1： 输入：head = [1,3,2] 输出：[2,3,1] 限制： 0 <= 链表长度 <= 10000然后是代码/*** Definition
2020-11-18 09:01:42
190
1
原创 JWT 在main和tomcat运行不同结果 java.lang.NoClassDefFoundError: io/；jsonwebtoken/；Jwts
解决classnotdefound错误在写Token加密的时候导入了jwts包，但是在main和单元测试中都没有出现问题，和tomcat的运行结果却不同（要去网页里面查看报错或者server.log里面）org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.lang.NoClassDefFoundError: io/jsonwebt
2020-11-12 10:45:44
1267
3
原创 基于jwt插件的Token的使用
基于jwt插件的Token的使用pom.xml文件中先导入jwt插件 <dependency> <groupId>io.jsonwebtoken</groupId> <artifactId>jjwt</artifactId> <version>0.6.0</version> </dependency>建立TokenUtil工具包 package com.soecode.
2020-11-11 08:34:20
305
原创 GlusterFS Ubuntu搭建储存集群
GlusterFS储存集群的搭建（包括踩的很多坑）1.GlusterFS简介 Gluster File System 是一款自由软件，主要由Z RESEARCH 公司负责开发，十几名开发者，最近非常活跃。文档也比较齐全，不难上手。 Gluster是一个可扩展的分布式文件系统，可将来自多个服务器的磁盘存储资源整合到一个全局名称空间中。2.版本配置OS:Ubuntu 16.04.4GlusterFS版本:glusterfs-server is version (3.13.2-1ubu
2020-11-10 10:54:32
361
原创 K8S + docker + jupyterhub 计算集群配置
Docker,k8s,nvidia-docker2 --> daemon.json{ "insecure-registries" : ["10.1.21.39:48080"], "registry-mirrors":["https://vds6zmad.mirror.aliyuncs.com"], "default-runtime": "nvidia", "runtimes": { "nvidia": { "path": .
2020-11-10 09:32:08
681
原创 Javascript 函数报错undefind
alert(sum(10,10)) function sum(num1,num2){ return num1 + num2 }不报错（因为解释器会先执行函数声明） alert(sum(10,10)) var sum = function(num1,num2){ return num1 + num2 }会报sum Undefind的错误因为解释器需要在执行到函数表达式时再进行声明...
2020-09-14 20:12:31
251
原创 Vue element-UI tag标签的再一次封装
因为在项目中用到标签项目所以对elementUI里面的tag标签进行了二次封装先上完整代码/*** 标签组件**/ <template> <div> <div class="personaldetails_text_detail"> <el-tag :key="tag" v-for="(tag,index) in tagsd" clos
2020-09-08 21:29:45
1427
原创 Vue Pagination分页器 在前端分页
*【这里的需求是后台把一段数据传到前端，要自己做分页处理（我知道这一般都是用接口实现，但是需求到了就做吧】首先是分页函数数据部分data:{ return{ listData:[], formInline: { page: 1, size:10, limit: 10, }, // 分页参数 pageparm: { currentPage: 1, pageSize: 10,
2020-09-02 19:55:21
953
原创 Vue Tmap地图上传组件
这里有一个需求就是在图片上传的时候要求用地图来选择位置，所以这里写了一个Tmap 是基于腾讯地图来使用的组件部分//.vue<template> <div class="map"> <el-input v-model="addressKeyword" placeholder="请输入地址来直接查找相关位置" clearable style="margin-bottom:20px;margin-left: 40px;">
2020-09-01 21:10:35
1211
3
原创 Vue正则表达式实现模糊查询
拿到一个新需求 就是在前端进行查询一个数据（虽然一般这种行为都是在后端进行但是有时候就是会给你这个需求，这里因为数据量较小所以就进行简单的遍历查询 没有对数据进行排序后查询 其实有想过二分查找之类的 但是这里数据量较小 就遍历吧） search() { console.log(this.searchInformation) this.listData = [] var str = ".*" + this.searchInformation + ".*"
2020-08-30 22:34:28
1156
原创 Vue 组件化 upload 图片上传组件
##今天把部分代码进行组件化了这是一个图片上传组件组件名为upload 通过这个组件可以上传图片给服务器<template> <div> 活动封面： <input type="file" accept="image/*" @change="changeImage()" ref="avatarInput"/> <div class="pic_list_box"> <
2020-08-30 22:11:13
871
原创 Vue 一个单独的组件注释方式
写了一个组件 加了一些注释效果图如下分页一类的功能都已经写好了 下面就上代码，不知道有几个老哥能看的懂，有不足之处，还望老哥们指正/** * 活动菜单 活动列表 * 注释菜单 * 最后修改 2020/8/8 10:25 * HTML组成：上中下结构 上为导航 中为展示列表 下为分页表 * JS： * loadActSize 用于载入获取到一共有多少个活动的API接口 方法为Get * loadActByPage 用于载入获取单页的活动 * ca
2020-08-08 10:28:52
3074
原创 Vue 关于axios无法发送‘Content-Type‘: ‘multipart/form-data‘请求的问题
我这里写的是纯粹的前端解决方案按照一般的写法const req = (method, url, params) => { return axios({ method: "POST", url: url, headers: { 'Content-Type': 'multipart/form-data', Token: localStorage.logintoken },
2020-08-05 22:12:38
10037
1
原创 Vue proxyTable 封装后打包成dist文件时会出现路径多了一个api字段问题
1.方法1 如果服务器和最后的dist文件在一台服务器上面没有跨域问题 直接把他变成你所要应用的前缀名替换。这样用相对路径可以找到接口2.方法2 可以使用nignx服务器做二次映射 这样可以同时解决跨域问题和找不到接口的问题...
2020-08-01 22:08:57
2621
1
原创 Vue [Vue warn]: Error in render: “TypeError: data.reduce is not a function
（PS报错图不是原创因为自己的解决了但是是一样的）这个错误我最后找到的是因为数据赋值时，原数据是数组数据，在请求返回的是报错信息的时候要赋予数据的情况下就会报出这个错误。
2020-07-27 20:39:57
5020
1
原创 Vue组件数据管理和传输
1.组件之间的共享数据的方式大概有一下几种(1)父向子传输：v-bind(2)子向付传输：v-on(3)兄弟组：EventBus$on ：接受组件$emit：发送组件以上为组件间传输，更加适用于小范围的数据传输2.VueX整体管理组件使用方法（1）直接在组件内用{ $vuex.state.xxx} 来调用（2）在vuex中导入mapstate函数import{mapstate}from ‘vuex’映射入组件的computed计算属性computed：{mapstate[‘co
2020-07-24 19:10:27
166
原创 Vue axios封装登录请求
登录请求的封装对于登录请求的封装是使用的GET请求的axios登录封装 把url和params通过接口的形式（如果使用的是POST请求请把params改成data）import axios from 'axios';const loginreq = ( url, params) => { return axios({ method: get, //Get请求 url: url,
2020-07-23 22:24:23
363
原创 Vue 结合 Element-UI 后台管理界面编写 用户列表组件
这是一张用户管理的页面给后来者留了删除和同意的列表下面是几个注意点1.在跳转页面的时候，用router来跳转 使用了路径所以用query的方式来传参数2.在接受页面接收数据时候是要用route（少一个R）来接受的,如果没有注意就会有undefind的问题/** * 用户菜单 用户管理 userList */<template> <div> <!-- 面包屑导航 --> <el-breadcrumb separator-clas
2020-07-22 21:10:36
1489
原创 Vue RangeError: Maximum call stack size exceeded报错
这里写自定义目录标题对于这个报错，我在代码中多次出现，最后检查代码都发现是自己的jump(userId){ this.$router.push({path:"/User/userDetail", query:{userId:userId}}) }里面的跳转路径是错误的，就会出现数组栈爆栈的错误，可以通过修改为正确的路径解决，但是仍然在寻找为什么会报这个错误的原因，也希望大佬能告知！谢谢大佬...
2020-07-22 21:00:14
1115
原创 VUE报错：The platform "win32" is incompatible with this module.
在使用vue3.0以上可能会出现info fsevents@1.2.7: The platform “win32” is incompatible with this module.的报错，具体报错如下图所示这是由于node.js v13.10.0之后的部分版本中的yorkie组件包与vue中的代码有冲突解决方案将node.js升级到14.0.0以上版本或者降级到13.9.0以下版本，...
2020-05-06 08:09:58
4040
原创 小字辈（左子右兄）
小字辈（左子右兄）#define _CRT_SECURE_NO_DEPRECATE#include<stdio.h>#include<string.h>struct tree{ int father; int child; int bro; int beifeng;} a[100001];void gettans(int x,int i){ a[x]...
2019-10-22 15:23:42
474
原创 wx小程序从服务器请求我的课程列表
这两天写了一个wx小程序的我的课程的页面，比较简单，但是关联服务器是第一次请求，所以和大家分享一下<view class="body"> <view class="title">我的课程</view> <view class="line2"></view> <view wx:for="{{RSList}...
2019-10-08 15:57:15
163
原创 JavaScript学习笔记第十六天
第十六天抽象类和非抽象类set类的层次结构//这个函数可以用做任何抽象方法，非常方便function abstractmethod() { throw new Error(“abstract method”);}/*AbstractSet类定义了一个抽象方法：contains()/function AbstractSet() { throw new Error(“Can’t inst...
2019-01-02 22:56:39
452
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人