- 博客(31)
- 收藏
- 关注
RSS订阅原创 try...catch...finally学习记录
try…catch…finally处理的应该是你所能预知的可控的错误，就是你已经预判到什么时候可能会发生错误，你需要利用报错信息跟进这些异常去做另外的处理，保证代码能正常执行下去不至于卡住。
2022-08-20 21:24:54
344
1
原创 字节（飞书）暑期实习面试记录
字节一面（2022-05-07，20:00-21:20）前导：面试官简单介绍字节和面试注意点1、自我介绍（问实习能多久）2、项目介绍部分：问：实习了多久介绍项目项目收获项目难点怎样轮询日志的（因为我项目介绍时候有提到）3、正片开始网络部分：七层网络模型TCP，UDP三次握手，为什么要发三次而不是两次，如果只是两次握手服务器发送数据会怎么样？前端缓存的方式有哪些（不是缓存策略强缓存，协商缓存）Etag和Last-Modified优先级谁高，localstorage存储的长度cs
2022-05-15 19:35:35
804
2
原创 前端导出或者下载到本地
前后端交互时，我们经常遇到前端页面点击下载（导出）按钮，实现一定格式的文件下载到本地，以下介绍项目中遇到的下载方式：一、使用window.open（）后端会给你调用的接口，只需要传递相应的参数，就可以实现下载（后端会处理吧！），我感觉我们只需要有一个切换页面的效果，就实现下载了。直接上代码吧：//在页面中点击下载，触发下载请求，调起后端接口 dispatch({ type: 'myData/myDownLoad', payload: { year_month:
2022-04-14 15:21:30
2195
2
原创 js中new Date()和moment.js的使用区别
Date对象是一个比较复杂的对象，很多时候需要格式转化才能得到我们需要的格式。Date的几种toString方法toString() 把 Date 对象转换为字符串。toTimeString() 把 Date 对象的时间部分转换为字符串。toDateString() 把 Date 对象的日期部分转换为字符串。toUTCString() 根据世界时，把 Date 对象转换为字符串。toLocaleString() 根据本地时间格式，把 Date 对象转换为字符串。toLocaleTimeS
2022-04-07 17:34:17
806
原创 使用下标和charAt取字符串中某个字符的区别
你是不是跟我一样一听到取某个位置 的字符，就想到用下标，直接一个中括号[ ]，其实字符串取某个字符还有另一种方法就是charAtcharAt() 方法以单字符字符串的形式返回给定位置的那个字符，该方法接收一个参数，即基于 0 的字符位置直接上图片展示不同点：...
2022-03-24 19:58:30
276
2
原创 forEach的第二个参数有什么用？
今天才知道forEach函数有第二个参数！！！赶紧来补一下芝士定义和用法forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。注意: forEach() 对于空数组是不会执行回调函数的。这个第二个参数的作用就是：绑定this指向头大，直接上代码演示：var obj = { name: 'nn', gender: 'female', hobbies: [1, 2, 3], print: function () {//这个this为什么指向obj,是语言设计者
2022-03-23 20:17:05
1493
原创 （react）设置scrollTop无效的原因及解决方法
一、项目的需求描述不停的请求后端日志，输出到页面上，当用户不做任何操作时，动态显示日志，即放日志的盒子里面内容滚动到最底部；当用户触发了滚动事件查看历史日志时，盒子不再滚动到最底部，随着用户的滚动显示对应的日志，且确保不会中断请求日志，当用户再次滚动到页面最底部并且不再做任何操作时候，再次实现盒子里面内容动态滚动到最底部（类似聊天界面，只要你不翻看聊天记录，就会滚动显示最新消息）二、设置scrollTop的方法1. 原生 HTML 中使用 JS 直接修改方法一：使用scrollTo函数来设置滚动条的
2022-03-11 19:36:54
10478
原创 在组件中触发Dva的diapatch之后，models中的数据改变，但是组件并没有及时重新渲染
众所周知，使react组件重新渲染的三种方式：1、setState()2、props发生变化3、forceUpdate()但是今天遇到一个问题让我涨了新知识！项目中使用dva.js轻量级的应用框架，在组件中通过dispatch触发model中数据改变，调用reducers中的函数返回需要改变的数据，model数据确实已经发生改变，在组件中也通过this.porps，正确获取到数据修改前的状态，但是修改之后并没有获取到，写在componentDidUpdata里面也没有正确输出，百度查到说这个pro
2022-03-01 20:50:09
1003
原创 初学vue
第一步：安装vuesudo npm install -g @vue/cli（没有权限问题不需要写sudo）第二步：选择配置Please pick a preset: Default (Vue 3) ([Vue 3] babel, eslint)第三步：依次输入下图命令即可启动vue项目，我的项目叫做 newstart报错 Parsing error: x-invalid-end-tag vue/no-parsing-error网上查到解决方案：方法一：vscode里面选择 设置 搜索
2022-02-13 16:18:37
514
原创 前端路由学习笔记
实习过程中遇到项目中引用文件时，路径前面经常有“@”，之前没见过这种引用方式，原来是Umi 内置了以下别名：@，项目 src 目录@@，临时目录，通常是 src/.umi 目录umi，当前所运行的 umi 仓库目录...
2022-02-11 16:07:14
860
原创 【React】Cannot use ‘in‘ operator to search for ‘value‘ in undefined
整理报错原因与解决方法情况一：遍历后台传来的json数组时候遇到这个错误：Uncaught TypeError: Cannot use ‘in’ operator to search for。原因：一部分浏览器后端传过来的是json对象，但是我们前端是需要Javascript的对象，所以需要做个转换JSON.parse() or jQuery $.parseJSON解决方法：使用 JSON.parse() 做格式转换情况二：这类错误原因就是传参错误，先举个例子：var obj = '
2022-01-24 20:14:54
22127
原创 mock使用笔记
首先分享两个测验mock格式是否正确的网址https://www.bejson.com/打开输入你的数据，点击左下角，会告诉你检验正确还是错误
2022-01-23 15:59:41
239
原创 Ant Design组件使用合集（不断更新）
一、Table组件的使用Table组件中onCell的使用需求1：描述内容过长时将超出部分隐藏并显示省略号，鼠标悬停查看全部信息{ title: '数据描述', dataIndex: 'desc', onCell: () => { return { //：注意用return style: {//注意：设置行内样式style maxWidth: 50, overflow: 'hidden',
2022-01-21 12:04:20
2985
5
原创 碎片化学习（踩坑）笔记
1、antd——table的使用需求描述：react中获取后端返回数组的index编号作为table里的序号需要在Table的属性columns中写： { title: '序号', dataIndex: 'index', render: (text, record, index) => index + 1, }2、使用getFieldDecorator时报错getFieldDecorator is not defined：页面报错：ReferenceError: getFie
2022-01-18 15:08:59
2049
原创 220113实习学习碎片
react类组件异步更新，何时会同步，常报的错误1、关于this.setState()解决因为异步不能取到想要的值的：1）this.setState（）可接收一个函数作为参数这个函数将接收两个参数，将前一个状态作为第一个参数，应用更新时的 props 作为第二个参数，如下：this.setState((prevState, props) => ({ number: prevState.number + props.increment}));2）执行setState()后能拿到最新的
2022-01-13 19:32:52
259
原创 proxy代理解析
同源策略是浏览器的安全机制，用反向代理方便前端请求后端数据，解决跨域问题，服务器和服务器之间没有跨域问题，浏览器才会识别到跨域MDN对Proxy 的定义是：Proxy对象用于定义基本操作的自定义行为（如属性查找、赋值、枚举、函数调用等）。通俗的将，Proxy对象是目标对象的一个代理器，任何对目标对象的访问，都必须通过该代理器。因此我们可以对外界的访问进行过滤改写等操作。在前端项目中配置的proxy各个参数解析如下：举例说明：如果你要访问的地址是“https://randomuser.me/a
2022-01-11 20:23:41
3424
原创 TypeScript学习记录
初识TypeScriptTypeScript是在JavaScript的基础上进行的拓展，它限制变量的类型，兼容所有支持js的平台，更利于代码的维护。在vscode上运行ts首先创建了一个文件夹用来记录学习ts的过程第一步：在该文件夹下面运行npm init ，在当前目录创建一个package.json文件第二步：运行npm install typescript -g，表示安装ts：-g表示对ts进行全局安装，可以省略掉注意！ts不能直接运行，需要编译成js才能运行在终端运行tsc 01.ts将
2021-12-19 21:25:46
524
原创 Node.js的简单学习
Node.js学习记录——1210为什么要使用npm？npm （node package manager）是管理所有的开发依赖包的一个平台，有人开发出来好用的库或者框架出来之后，把它们共享到npm上去，那我们就可以通过npm去搜索，检索到相应代码然后下载下来为我所用，就像是AppStore一样，统一管理app，比如我们要下载喜马拉雅app，就去App Store搜索找到之后下载，npm就相当于我们的App Store。node与npm的关系Node.js下载完成，npm 也相应的已经下载好了，npm
2021-12-10 16:21:36
502
原创 2021-08-20
域 名（Domain Name）域名是网站的入口，由一串由点分隔的字符串组成，例如我们经常回访问的“www.baidu.com”，这就是百度的域名，用来表示Internet上某一计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置，地理上的域名）。域名由三个级别组成，从右往左分别是顶级域名、二级域名、三级域名。顶级域名二级域名combaidu三级域名–www–IP地址（Internet Protocol Address）IP地址是
2021-08-20 16:14:05
95
原创 箭头函数的使用和this指向
一、定义函数的方式：1、functionconst aaa = function( ) { }2、对象字面量中定义函数const obj = {bbb（）{ }}3、ES6中的箭头函数const ccc =（参数列表）= { }二、函数的参数和返回值：2.1参数问题1）多个参数cosnt aaa（num1，num2）{return num1+num2}2）一个参数const power = num => {return numnum}当参数只有一个的时候箭头
2021-08-20 00:00:28
153
原创 2021-08-17leetcode第203题删除链表节点
给你一个链表的头节点 head 和一个整数 val ，请你删除链表中所有满足 Node.val == val 的节点，并返回 新的头节点 。示例 1：输入：head = [1,2,6,3,4,5,6], val = 6输出：[1,2,3,4,5]var removeElements = function (head, val) { let dummy = new ListNode() dummy.next = head let curr = dummy while (h
2021-08-17 00:18:31
142
原创 filter、map、reduce
高阶函数的使用一·filterfilter的回调函数有一个要求：必须返回一个布尔型的值返回true：函数内部回自动将此次回调的结果加入到新的数组中；返回false，函数内部会过滤掉这次参与回调函数的元素 //找出小于100的数 let list=[10,20,112,344,40,80] let list1=[] list1=list.filter(n=>n<100) console.log(list1) //将小于一百的数字*2 l
2021-08-16 00:00:43
210
1
原创 力扣第15题，三数之和且去重
原题是这样的：给你一个包含 n 个整数的数组 nums，判断 nums 中是否存在三个元素 a，b，c ，使得 a + b + c = 0 ？请你找出所有和为 0 且不重复的三元组。注意：答案中不可以包含重复的三元组来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/3sum这个去重是真的让人一个头两个大，听了网上大佬讲解才恍然大悟，今天七夕，学了一点点，在这里记录一下吧。<!DOCTYPE html><html lang="
2021-08-14 23:19:01
175
原创 var、let、const的区别和使用
ES5及以前定义变量用varvar没有块级作用域，所以会带来很多的问题。 var name = 'aa' function changeName() { name = 'abab' } changeName() console.log(name)这里最终会输出 “abab”，就是因为var没有块级作用域的概念，所以在任何地方修改它都可以影响所有引用它的地方的输出。典型的使用场景就是为按钮绑定点击事件的时候<!DOCTYPE html><html lan
2021-08-13 20:54:38
628
原创 在React中使用useRef控制表单输入，解决表达内容自动填充的问题
要完成一个填表之后返回更新表单，要求表单内容在用户返回去更新的时候之前的信息已经填充的功能，我使用了useRef控制表单，但是一直无法获取到历史信息将其填充到表单上。本应该在点击图标为铅笔的按钮之后页面跳转到更新新闻并且相关信息填充到表单上面我的错误的代码如下：useEffect(() => { axios.get('http://localhost:5000/news?id=' + props.match.params.id + '&_expand=category&
2021-08-11 13:27:48
702
1
原创 2021-08-02
前端通过json-server模拟后台数据时候出现“无法将json-server项识别为cmdlet、函数、脚本文件或可运行程序的名称…”的解决方法最近在学着用react架构开发一个项目，前端小白在通过json-server模拟后台数据时候遇到了问题，跟着视频老师教的一步步下载json-server，在终端输入npm install -g json-server，（-g表示全局）可是偏偏要出错，直接上图吧！试图通过安装淘宝镜像来改变，于是我又将npm改为cnpm，还是报错到这里报什么错我也没看懂，
2021-08-02 11:45:28
373
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人