自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

超逸の学习技术博客

JS,LeetCode,Vue,React,算法爱好者。座右铭:学如逆水行舟,不进则退!

  • 博客(930)
  • 资源 (7)
  • 收藏
  • 关注

原创 「成长之路」挥手2020,Chocolate 同学年度总结,所遇 | 所思 | 所学 | 所悟(年度征文)

挥手2020,Chocolate 同学年度总结,所遇 | 所思 | 所学 | 所悟(年度征文)

2020-12-29 20:52:06 4952 52

原创 「不进则退」2020 Chocolate 同学秋招前端の大厂面经&心路历程&个人经验分享

自我介绍本人双非本科,目前大四在读,JS,TS,LeetCode,Vue,React,算法爱好者。 座右铭:学如逆水行舟,不进则退!在今年7月份在某电子公司实习过,有过一段前端开发实习经历,8月份正式踏入秋招的征途,投递了许许多多的公司,面试过腾讯、字节、滴滴、美团、快手、网易、阿里等公司,也面过一些中小型公司,整个过程也是坎坷,在此简述一下秋招结果:腾讯多次倒在一面字节跳动跳到二面截止滴滴三连面,倒在最后一面快手倒在一面网易互娱流程走完,等待OC美团技术面走完,等待HR面我们的征途.

2020-10-28 09:53:09 1405 7

原创 【长文总结】2020 从零到博客专家 过去的我,现在的我,将来的我

其实对于2020年我一直想写一篇长文总结的,从2020年开始到现在已经过去了3个月了,这3个月期间我看了许多篇别人对于2019的总结以及对2020年自己的新打算。我的灵感一直都挺多的,如果写一篇对于2019的总结的话,我自己觉得好像说来说去只能说点心灵鸡汤来激励自己2020年继续加油努力,想着也没有一件可以用时间线的形式来说的事情,2019年或许感受颇多的就是对于ACM方面,我已经写了一篇总结了,继续写也没有什么新的思绪在这里面了。

2020-03-13 14:20:46 6208 31

原创 初见 monorepo

大家好,我是 Chocolate。monorepo 不知道大家是否了解呢,我依旧记得在去年博客社区就有大佬写过这方面文章,当时对这个词语有点陌生,平常貌似也接触不到,不过算是给自己脑海中多添了一个词汇。而在最近一个月内,我发现给我推荐了好多关于 monorepo 的文章,这让我不得不去了解一下了,于是我就在开源社区逛了逛,然后也查阅了一些资料。发现原来现在 Vue3 也是使用了 monorepo 的方式。

2022-08-22 10:01:51 166

原创 看完 2022 雷军年度演讲,我总结了我的故事

永远相信美好的事情即将发生

2022-08-13 22:09:28 560 1

原创 这就下半年了,总结一下 6 月的工作

这里复盘一下 6 月份做的一些事情以及遇到的问题和如何解决的:这个已经单独输出了一篇文章来进行介绍,原本我是打算和这篇文章一起的,但没想到一写就写了那么多,全部堆在一起感觉不是很好,“拆出去成为一个组件,现在在这边文章进行引用”。具体内容大家可以参考这篇文章哈:algolia 搜索需求,做的快自闭了…因为部门关系,受邀参与了一次公司级别的直播,别说,当时给我激动地。可能部分读者们知道哈,我也是一名 UP 主,但其实我做的视...

2022-07-03 11:50:11 248

原创 algolia 搜索需求,做的快自闭了...

大家好,我是 Chocolate。6 月份,别说,做需求那真的是做的快自闭了,今天咱们重点聊一聊这次接触 algolia 搜索这玩意。提到搜索现在就很烦,6 月份穿插着做这个搜索功能,为啥说很烦呢,先例举一下:那咱们就逐个聊吧:首先是前端项目配置问题,尽管 algolia 支持,提供了 js 版本的库,叫做 Autocomplete,官方文档的搜索效果也是用这个来做的,并且还提供了相关搭建介绍。但是让我去实现起来是真的麻烦啊,在 js 文件里边写 html,你敢想吗?其次会存在很多重复代码,当然这里重复不

2022-07-01 21:43:48 1081

原创 「随笔」我的导师离职了...

大家好,我是 Chocolate。好久不见,我又来更新文章了。本次就不写技术相关了,聊聊技术之外的吧,文章写于 5 月 24 日晚,与我的导师吃了离别的饭,刚坐地铁回到家,包一放下脑海中有许多想法,想想自己又许久没有写随笔了,不妨就从现在开始吧,这个习惯还是不能丢。于是立即坐在了电脑前,把这几周的一些想法记录下来,如果你觉得有一些感触的话,可以给本文点个赞支持一下,也许许久未更新文章了,看得人估摸也少一些了。正好昨天从我导师那捡漏了一台 mac 无头骑士,就边配环境边输出内容,本文仅个人愚见,如若有表达

2022-05-25 21:15:30 547 4

原创 折腾一个月,从重构到再次设计,管理系统总算接入了权限

这个管理系统差不多做了一年多了,老项目不断地迭代,但之前产品设计的时候就没有考虑今后引入权限,做的一些功能也相对比较分散,一般有什么需求了就会往上面叠加功能。所以导致这次强行接入权限前端的工作量巨大

2022-03-27 15:15:30 1420

原创 关于 antd@4 之后 tree 树形控件不能横向排列这件事

在 17 年就有人提及需要支持横向排列,因为这个树形如果按照竖向的话,数据一多了,就显得很长。当时好像就没有解决这个问题,也看了 antd 之前的版本发现都没有这个配置项...

2022-02-25 14:06:39 1085 1

原创 前端网页文本选中出现一个反馈按钮,鼠标点击之后可以进行文档反馈

最近有一个需求,就是增强文档的反馈能力,类似于腾讯云文档一样,如图:当我们选中一些文本之后,会有一个 文档反馈的 tooltip 提示框,点击之后会有表单提交,不过这个文档技术比较牛的点就是,点击反馈提示框之后,还会自动截屏,存放图片,方便管理者查看。参考文章先放出参考文章吧,还是 css 世界作者大佬的,虽然时间是 2011 年,但是那会实现的到现在依旧还是可以的,如果大家能看懂的话,可以直接看参考文章即可。js页面文字选中后分享到新浪微博实现我的解决代码以下仅个人使用代码,大部分情况能够通

2022-02-16 14:24:17 633

原创 前端移动端适配 - 媒体查询适配方案

工作中难免会有写静态页面的需求,有时候移动端适配真的是做的心累,如果自己新做一个页面倒还好,整体布局会按照自己习惯来,但有时候不得不修改别人的代码,尤其是别人没适配好的代码,找样式以及命名规范等问题够折磨一整天了。

2022-02-10 14:36:20 2161

原创 产品经理又提需求了:input radio 属性,在点击 label 时也可切换选中状态

背景产品经理又来提需求啦,原本是默认点击那个圆框的,后面需要点击 label 文本也可以支持切换。解决方式简单,安排!$('.radio-list').on('click', function(e) { $(`input[type='radio'][name='content-radio'][value=${radioList[e.target.innerText]}]`).prop("checked",true); $(`input[type='radio'][name='radi

2022-01-23 13:53:55 524

原创 【antd pro】关于 drawer 使用的一些思考

背景一次线上更新抽屉组件数据更新失败,然后梳理一下原因。介绍页面大概页面如下,打个码,会有好多个类似的 card,每个 card 里面就是一个表单项,现在的交互是每编辑一个输入框的时候,只要鼠标移出去就更新信息,那么,我这个表单里面有 9 个输入框,那么我每改一个,就会向后端请求一次接口。默认情况下,我创建一条信息表单之后,会直接打开这个抽屉,然后填充数据,此时上图中的表单信息还没有,收到的数据为 null。此时,我在这几个输入框输入几个数据,会发现有重复创建的报错。此时,将页面刷新一下,会发

2022-01-20 17:46:50 855

原创 antdpro 中 使用 antd select 组件,defaultValue 与 value 使用问题

背景简而言之,就是业务需求中虽然使用了 ProTable,但是表格列中有处理人,处理状态等需要下拉框显示的,于是用了 render 方法,结合 antd select 组件来实现。原本是打算用 ProSelect 的,但是属于 ProForm 里面的组件,直接使用会有样式问题,还是放弃这个做法了。使用 defaultValue使用 defaultValue 的时候下拉切换的时候很流畅,当你下拉选择某个值之后,下拉框会先显示那个值然后再去请求接口,这个交互没啥问题。但是这里有其它问题就是,有这个

2022-01-19 09:59:27 802

原创 GitHub 到底怎么找优秀的开源项目?有些资源自己找就可以了 | 非常实用技巧 | 效率起飞

GitHub 到底怎么找优秀的开源项目?有些资源自己找就可以了 | 非常实用技巧 | 效率起飞

2022-01-10 23:13:14 1885 3

原创 快速掌握正则表达式 | 05 单词和字符串匹配的高端操作

有时候我们需要匹配特定位置的一些单词,也可以说是字符咯,也可能需要匹配一下特定的字符串等等,那么本篇就带你了解一些高端操作(理解之后其实依旧会觉得很简单)发现问题我们直接来看一下下面这个例子吧:let str = 'The words in the front-end include front and end, is front-end not frontend';let reg = /front/gi;let res = str.match(reg);console.log(res); //

2022-01-09 21:20:28 432 1

原创 【实例】JS 正则表达式提取 html 中纯文本,去掉样式,其它标签

正则表达式实践

2021-12-28 14:50:15 1405 1

原创 快速掌握正则表达式 | 04 元字符真好玩(二)

带你快速掌握正则表达式,简单无废话,这是系列第 4 篇啦。

2021-12-27 22:23:16 335

原创 【解决工作问题】js 拦截 a 标签跳转

背景最近遇到文档内 a 标签点击不了的问题,可能是其它同事混入的代码影响了?语法用的 Markdown,然后渲染的 html 用的相对链接,如果后面不带路由 # 参数,点击可以使用,但是带 # 参数的点击没有效果,百思不得其解,干脆重写吧…由于是链接加入不好更改,于是想着重新写一下 a 标签跳转,如下:document.body.addEventListener('click', function (event) { var target = event.target || event.sr

2021-12-13 16:04:30 1592

原创 快速掌握正则表达式 | 03 元字符真好玩

元字符真好玩正则表达式真好玩, 上一篇中我们提及了元字符的概念,本篇带你了解更多元字符的内容,真好玩。空白字符怎么匹配在之前的内容我们要么是匹配字母,要么是匹配数字,亦或是匹配一些特殊的字符(通过转义),那一些空白字符我们该如何匹配呢?比如换行,回车,Tab 键,删除等等,...

2021-11-21 17:59:58 4680

原创 快速掌握正则表达式 | 02 掌握进阶的匹配操作

掌握进阶的匹配操作正则表达式真好玩,上一篇大家应该掌握了一些基础的操作,想必应该掌握的还不错,那么本篇带你掌握一些进阶操作。介绍元字符正则表达式语言由两种基本字符类型组成:原义(正常)文本字符和元字符。元字符使正则表达式具有处理能力。所谓元字符就是指那些在正则表达式中具有特殊意义的专用字符,可以用来规定其前导字符(即位于元字符前面的字符)在目标对象中的出现模式。以上关于元字符的介绍内容来自网络,仅供参考。而本次要介绍的元字符是 [](和),有什么作用呢?上一篇我们了解到可以通过英

2021-11-17 09:23:24 4372

原创 React + TS 中实现鼠标水平拖动,横向滚动 | Mouse click and Drag Instead of Horizontal Scroll bar

背景最近接到一个新需求,就是有一个流程的东西,而这个流程可能会比较多,那么在水平就需要 scroll-x,表面上使用触摸板双指即可拖动,但是产品和测试讨论之后觉得鼠标也需要拖拽滑动。但鼠标可以通过点击滚动条即可滑动,那么,既然需求砍不掉,那就试着做一做。具体任务也很明确了,就是希望鼠标在流程中可支持拖动。寻找答案在网上找了许多的资料,实在是太多重复而无用的内容了,不过功夫不负有心人,找到了几篇有用的资料,如下:Mouse click and Drag Instead of Horizontal

2021-11-15 15:43:51 1157

原创 快速掌握正则表达式 | 01 掌握最基本的匹配

正则表达式真好玩,本篇带你掌握最基本的一些匹配。JS 中的 RegExp 对象在 JavaScript 中,RegExp 对象是一个预定义了属性和方法的正则表达式对象。详细可以参考 菜鸟教程-正则表达式在本次以及之后的内容,会通过使用 match() 、exec()、replace()等方法来执行我们编写的正则表达式。匹配纯文本直接上例子吧,如下我们是使用字符串的匹配,使用了 match() 方法:let str = 'The best things in life are free!';l

2021-11-08 17:29:02 667

原创 【毕业论文】分享当年使用过的一些好用网站,包括论文去重,翻译,作图神器,免费文献查找 | 第 1 期

分享当年使用过的一些好用网站,包括论文去重,翻译,作图神器,免费文献查找

2021-11-07 17:47:50 497 3

原创 Chocolate 一万粉成就达成 | 对未来工作内容的考虑,也许我会选择不做开发了

也许,我是说也许,未来我会离开这个程序员岗位,但不是在今天,也许未来我会觉得开发干着太卑微了,每天就是与机器打交道,但也不是在今天。至少现在,我既然做了,那么就先把这件事情给做好,接受生活带来的挑战,星辰大海等着我探索。

2021-10-30 12:18:02 5002 4

原创 这个 bug,硬是让我折腾了一周

这一周下来几乎都在折腾 bug,别说了,有一丢丢寒酸,头发那不是一根一根掉,那是一把一把掉落。不过就在今天算是解决了大的问题,只剩下小问题了,后续优化一下就差不多了。

2021-10-24 12:48:42 464 1

原创 ❤️工作半年前端的一些思考 | 共勉

对于前端开发,已经不再是过去写写页面就可以了,过去写页面后端都可以做,在现在主流前后端分离开发模式以及 Node.js 的火热下,前端涉及的领域也逐渐多了,也需要对于业务更加理解。在运营部门,会更多的与产品还有设计打交道,前端也算是处于设计与后台的中间环节。对于前端的话,也得培养一定的产品思维,产品提及的需求有时会考虑不足,我理解的开发并不是说给了具体需求去做,达到效果就好了,比如某些页面可以考虑下是否可以做成配置项,某些做法是否可行,也可以主动去提及讨论。最后,是我在 CODING 作为一位前端开发未

2021-10-19 21:27:34 2149 4

原创 React 中使用 braft-editor 踩坑记,引用 braft-utils 有错误

最近接到一个需求,需要支持在文本输入框支持图片粘贴上传,但是在我们这边管理页面,对于用户提的一些问题显示又不支持 Matkdown。所以选择 braft-editor 来实现,发现提供一些配置项,因为我这边不需要那些加粗,下划线等等按钮,只需要上传图片,粘贴然后配合 COS 存链接就好了。遇到的问题首先我这个是 React 项目,其它项目不太清楚,然后使用 yarn。在 utils 官方仓库中,有相关 issues,链接在下方:引用 braft-utils 有错误 #500其中也有人提及了一些解

2021-10-15 17:51:03 1390

原创 ❤️ 前端如何与后端对接?当年差点和后端同学打起来了!

在过去前后端打架的时代,我觉得你写的接口不行,而你又觉得我写的页面太简单了,觉得我技术一般。然后就打起来了…

2021-10-12 10:31:15 23798 15

原创 ❤️国庆七天的总结

今年国庆七天和以往就不一样了,过去都是学生时代的国庆,大学时光以前在家有家人的陪伴,在大学阶段也基本没回过家。这里说明一下不怎么回家的原因吧,因为我老家在农村里,国庆阶段是收集油茶树果实的好时光,就从网上拿了一张图,大概就是如下样子,硕果累累(说不定有些小伙伴还不知道这啥,因为我问了一些朋友都说不知道这回事,农村里的小伙伴可能会知道)。往年的国庆还记得初中那会还和家里人一起上山采摘过,不过那会也是去体验一下,实际采摘的数量很少,就一小箩筐。家里人也是比较宠我,长大了之后让我专注于学业,好不容易放个

2021-10-09 09:57:14 1103 1

原创 【React 系列 02】❤️ Custom Hooks 中使用 React Context

在上一篇 对于 Custom React Hooks 一些思考 文章末尾提及了 React Context,那么在本篇中我们将了解一下 React Context 怎么解决状态共享问题以及一些其它想法。关于 React Context提供 官网对于 usecontext 的介绍const value = useContext(MyContext);无论组件在组件树中的深度如何,React Context 都为组件提供数据。 上下文用于管理全局数据,例如 全局状态、主题、服务、用户设置等。那么我

2021-10-04 20:20:57 579

原创 【React 系列 01】❤️ 在工作中对于 Custom React Hooks 一些思考

当我刚接手 React 项目的时候,就对整体项目代码看了一遍,其中就有一个命名为 customer-hooks,打开一看,全都是命名为 usexxx 的 jsx 文件,后面了解到这是大佬们封装的自定义 hook。于是,今天就自己来总结一下对于 Custom React Hooks 一些思考。自定义 Hook以下来自 React 官网 关于自定义 Hook 的介绍:与 React 组件不同的是,自定义 Hook 不需要具有特殊的标识。我们可以自由的决定它的参数是什么,以及它应该返回什么(如果需要的

2021-10-04 12:30:36 972

原创 【React】在工作中对于 Custom React Hooks 一些思考

当我刚接手 React 项目的时候,就对整体项目代码看了一遍,其中就有一个命名为 customer-hooks,打开一看,全都是命名为 usexxx 的 jsx 文件,后面了解到这是大佬们封装的自定义 hook。于是,今天就自己来总结一下对于 Custom React Hooks 一些思考。自定义 Hook以下来自 React 官网 关于自定义 Hook 的介绍:与 React 组件不同的是,自定义 Hook 不需要具有特殊的标识。我们可以自由的决定它的参数是什么,以及它应该返回什么(如果需要的话

2021-10-04 10:52:43 568

原创 【大学回忆录】❤️大一阶段我对大学的奇葩幻想

2021 年 7 月份,完成了毕业答辩,参加了最后的毕业典礼,收拾收拾行李,很快就离开了学校,这四年来真是充满着许多的回忆,今后大段时间将以打工人的状态来面对生活。而在大学期间,有许多好玩有趣的事情,想着“保存”这段美好的时光。接下来,我会写下这段大学经历的回忆录,和大家分享。选择专业当初高考分数刚过本科分数线没多少,所以对于我选择学校来说就有了限制,犹记得当时能在自己省份读的学校就两所。而对于专业选择又不是很了解,当时考虑的是高薪好就业或者当老师,但分数不高,没法去比较好的师范类学校。于是就选

2021-10-02 19:05:59 156

原创 试用期 3 个月的总结,转正述职 | 21 届前端校招分享

转正已经结束了,成为正式员工。

2021-09-30 09:37:33 5640 6

原创 【已解决】在react+ts中 atnd 用 upload 组件报错Failed to execute ‘readAsArrayBuffer,param 1 is notof type Blob

今天在公司做 excel 导入文件的时候发现每次上传都会报这个错误:Uncaught TypeError: Failed to execute 'readAsArrayBuffer' on 'FileReader': parameter 1 is not of type 'Blob'现在解决了,用简单的话语总结一下:因为 antd 会对原生文件上传包装一下:拿着个属性值就好了:originFileObj最后解决了问题,完美。...

2021-09-27 14:08:15 878 1

原创 React 17 + Vite + ECharts 实现疫情数据可视化「06 完成疫情地图绘制」

往期文章目录:React 17 + Vite + ECharts 实现疫情数据可视化「01 项目介绍篇」React 17 + Vite + ECharts 实现疫情数据可视化「02 快速搭建项目」React 17 + Vite + ECharts 实现疫情数据可视化「03 学习 React Hooks」React 17 + Vite + ECharts 实现疫情数据可视化「04 初始化项目」React 17 + Vite + ECharts 实现疫情数据可视化「05 获取疫情数据」文章目录完

2021-09-20 11:55:43 204 2

原创 感谢相遇,Chocolate 同学要出书了,小册用户优先体验

感谢相遇,Chocolate 同学要出书了,小册用户优先体验。

2021-09-10 11:18:53 261 1

原创 ❤️ 21 届校招 8 月前端月度工作汇报 |总结

大家好呀,今天又到了月末了,周二又到了校招入职月度成长汇报的时间了,本次还是继续在这里进行一个大纲编写。

2021-08-31 09:52:27 539 8

Vue基础day4学习资料.zip

内涵案例、笔记、PPT、作业,介绍Vue基础语法,涵盖Vue全家桶基础的pdf,笔记和照片用markdown书写

2020-03-31

Vue基础day3学习资料.zip

内涵案例、笔记、PPT、作业,介绍Vue基础语法,涵盖Vue全家桶基础的pdf,笔记和照片用markdown书写

2020-03-31

Vue基础day2学习资料.zip

内涵案例、笔记、PPT、作业,介绍Vue基础语法,涵盖Vue全家桶基础的pdf,笔记和照片用markdown书写

2020-03-31

Vue基础day1学习资料.zip

内涵案例、笔记、PPT、作业,介绍Vue基础语法,涵盖Vue全家桶基础的pdf,笔记和照片用markdown书写

2020-03-31

Ojdbc+放入位置.rar

最近在做基于JavaWeb开发的图书管理系统,连接的数据库是Oracle 11g,相信一小部分人会没有JDBC用的jar包 在这里分享一下哦!

2019-06-13

Web模板库地址.txt

最近在做基于JavaWeb开发的图书管理系统,然后也是找了好久,找到了一套不错的模板,在这里分享一下

2019-06-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除