自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端下午茶

公众号 「前端下午茶」 分享有关前端的技术博客、精选文章

  • 博客(335)
  • 资源 (1)
  • 收藏
  • 关注

原创 MySQL 从入门到实践,万字详解!

数据库是往全栈发展不得不跨过的一道坎,大家不可避免会学到用到相关知识,最近查资料的时候发现网上很多内容要么就特别深,要么不成体系,对一些希望浅尝辄止仅仅是使用一下的人不太友好。最近刚好有机...

2021-09-09 07:41:00 616

转载 面试官:sessionStorage 能在多个标签页之间共享数据吗?

作者:晚安啦原文:https://juejin.cn/post/7362080157190570010最近,我的一个朋友在面试中被一个关于 sessionStorage 的问题难住了。我们来聊聊这个话题。sessionStorage 能在多个标签页之间共享数据吗?在回答这个问题之前我们先来聊聊另一个存储API localstoragelocalstorage与sessionStorage经常是放在...

2024-05-22 07:50:57 3

转载 汗流浃背的一个小时——海马体一面,第一题就不会

作者:金色暴发户原文:https://juejin.cn/post/7349940323026485289上次拿到海康的offer之后,信心大增,但是目标不止于此,就想再往上冲一冲,于是目标就转向了海马体。海马体作为2023年AIGC现象级应用的公司之一,其AIGC的能力相对成熟,于我而言,AI的应用层的重要性是大于其底层原理的,所以把目标放在了这所已经实现AI落地的公司上面。image.png电...

2024-05-17 07:57:49 3

转载 浏览器节能机制导致Websocket断连的巨坑!

作者:tager原文:https://juejin.cn/post/7362576319928008755你踩过吗?浏览器节能机制导致Websocket断连的坑~~~近期,在使用WebSocket(WS)连接时遇到了频繁断连的问题,这种情况在单个用户上每天发生数百次。尽管利用了socket.io的自动重连机制能够在断连后迅速恢复连接,但这并不保证每一次重连都能成功接收WS消息。因此,我们进行了一些...

2024-05-13 07:53:16 12

转载 前端实用技能,同时拖拽文件和文件夹上传控件实现!

作者:Zayn原文:https://juejin.cn/post/7340539852712804387最近业务中遇到有关上传文件的需求,其中有涉及到支持同时上传文件和文件夹的功能,Input[type=file]要么只上传文件,要么加webkitdirectory只上传文件夹,没办法同时上传文件和文件夹,后面了解到可以通过拖拽实现同时将文件和文件夹拉到捕获区获取文件.实现结果可以点击上传文件,或...

2024-05-10 07:48:46 10

转载 ESLint 团队即将废除所有格式化规则!

ESLint 是一款提高代码质量的静态分析工具,旨在使代码风格更加一致并避免错误。ESLint 主要包括两大类规则:代码质量规则和格式化规则。不幸的是,以后 ESLint 有且仅有代码质量规则了......2023 年 ESLint 8.53 中,ESLint 官宣废除所有格式化规则,使用此类规则会收到警告。在官方博客中,ESLint 团队提及 ESLint 10 可能会完全废除所有规则,而目前最...

2024-05-06 07:52:43 20

转载 React 19 最新版本升级官方指南:破坏性更改

React 团队爆料最新主版本升级 React 19 Beta(公测版)已经正式上线 npm,想要提前体验最新版本的 React 发烧友可以参考这份 React 官方博客的升级指南。 React 19 中新增的改进需要某些破坏性更改,但预计这些变更不会影响大多数应用程序。 在这篇 React 官方博客中,我们将科普将库升级到 React 19 beta(公测版)相关的破坏性更改。R...

2024-04-30 07:56:28 67

转载 拿上这份程序员离职工作交接清单,仰天大笑出门去

作者:Tz原文:https://juejin.cn/post/706494167850277274为什么要准备交接清单?假设你离职已然成为事实,领导和HR很少会特别去卡时间,其实更多的是希望新的人员可以完美接受你现有的工作,所以我们要准备好交接清单,让接手人员熟悉项目,快速成为曾经的你尤为重要。当我们找到了新的工作,无论如何我们一定在当前公司学到了很多东西,即使有负面的情绪,我们也要感谢现有的平台...

2024-04-26 07:48:29 69

转载 Vite 4.3 为何性能爆表?

Vite 4.3 相比 Vite 4.2 取得了惊人的性能提升,下面和大家分享一下 Vite 4.3 性能大幅提升的幕后技术细节,深度阅读,全程高能。fs.realpathSync 的 bug你可能不知道,Node中有一个冷门的 realpathSync性能问题 ——fs.realpathSync 比 fs.realpathSync.native 慢了整整 70 倍。虽然但是,由于在 Win...

2024-04-22 07:43:25 17

转载 今年行情变了,差别挺大的。。。

从去年开始,大家发现前端太卷了,几乎到炸了的程度,很难找到工作。但是市场上仍然需要更高水平的人才来支撑。想要跳槽挑战高薪岗位,自身技术能力过硬是基础,简历和面试更要好好准备!前段时间跳槽季,很多粉丝反馈说在网上找到的各种面经,都不是很系统,一套学下来后感觉面试还是很吃力;还有的粉丝说面试了三十多家公司,一个offer都没有;更有粉丝简历投了很多份,最后都石沉大海,一个约面的都没有......我和几...

2024-04-18 10:20:29 18

转载 分享一个自用实用骨架屏实现方案!

作者:背对疾风原文:https://juejin.cn/post/6945748911147450405在我的前前公司,接口经常出问题,基本每个接口都会出问题,这就要求我们前端对每个接口都要做错误信息的提醒,非常麻烦,当然这也是必须的,所以就想着做一个组件能够帮我们自动处理和展示这些错误信息,当时开发用的是Flutter,所以应该叫widget。后来又做vue和小程序了,想着能不能把那个解决方法带...

2024-04-15 07:55:24 22

转载 答应我,在vue中不要滥用watch好吗?

前言上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥马在狂奔,但是嘴里还是一口答应没问题。由于这一块业务很复杂并且我也不熟悉,加上还饿着肚子,在梳理代码逻辑的时候我差点崩溃了。需要修改的那个vue文件有几千行代码,迭代业务对应的ref变量有10多个watch。我光是梳理这些watch的...

2024-04-11 07:46:49 14

转载 原生details标签支持手风琴模式了!

最近details元素新增了一个name属性,如下别看这只是一个普普通通的属性,这可是带来了一个全新的模式,一起了解一下吧一、快速了解 details有些同学可能从来没有用过details这个标签,这里简单介绍一下。details通常和summary配合使用,天然支持展开收起的效果。例如<details> <summary>System Requirements<...

2024-04-09 10:20:45 18

转载 准备跳到字节了,来和大家聊一下前端的行情

前几天下午摸鱼,无聊翻了下粉丝群,发现群里找了三个月工作的哥们儿拿到了字节45k+的offer!(个人信息厚码,转发已经过粉丝同意)交流了一下上岸心得,他说:(头像厚码,转发已经过粉丝同意)为了造福粉丝,我把他的面试资料全部要过来了!也是深藏不漏哈,没想到他收集的资料超全,还满满都是干货。全部资料已打包,内含前端八股文+大厂面试题库+算法题需要的朋友扫码找小助手领(高清pdf版)01八股文 | 基...

2024-04-09 10:20:45 21

转载 不要再写满屏import导入啦!

作者:tager原文:https://juejin.cn/post/7344571285848768524密密麻麻的import语句不仅仅是一种视觉上的冲击,更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的了,又该如何优雅地管理这些import语句呢?本文将从产生大量import语句的原因、可能带来的问题以及如何优化和管理import语句几个角度来进行探讨。import是如...

2024-04-07 07:51:00 19

转载 Vue3借助vue-office插件实现word预览

之前我也介绍过这个插件, 那时候是使用Vue2实现的预览, 今天, 我们创建一个Vue3项目来实现一下word预览在文末, 大家可以点击阅读原文查看做好的demo首先, 我们先来创建一个Vue3项目npm init vue@latestpnpm inpm run dev运行起来之后, 我们将App.vue中的代码全部删除掉现在,页面干净了, 我们需要安装vue-office插件pnpm in...

2024-04-03 11:25:33 96

原创 SHERlocked93 的 2023 年终总结

工作之后感觉一年一年过的太快,没有个记录连回忆都无从回忆起,之前的年终总结:SHERlocked93 的 2022 年终总结SHERlocked93 的 2021 年终总结SHERlocked93 的 2020 年终总结SHERlocked93 的 2019 年终总结SHERlocked93 的 2018 年终总结SHERlocked93 的 2017 年终总结生活与健康22 年阳康之后一直有点咳...

2024-02-16 17:55:24 1059

原创 SHERlocked93 的 2020 年终总结

在下 SHERlocked93,两年半的南京前端打字员,慕课专栏《JavaScript 设计模式精讲》作者,公众号「前端下午茶」博主。往年大家都是春节前写年终总结,今年好像都提前到了元旦。但我还是和往年一样,总结发的又晚了一点,为什么又发这么晚呢,因为懒1. 2020 年终流水账经过了今年反反复复的疫情,计划什么的先放一边,至少活下来了。年后千辛万苦回公司开始上班之后,按照去年年终总结的计划,今年...

2024-02-16 17:49:03 820

原创 SHERlocked93 的 2017 年终总结

回家的路上有点无聊,简短回顾一下2017年的得失收获开始两个月3月到5月用C#完结了一个烂尾的wpf小项目,对自己前半年的.net生涯也算是一个句号(虽然不知道最后有没有采用),后面由于项目组转变技术栈,选择了比较感兴趣的web开发,因此踏上另一条技术路线。6月到7月中间有个弥足珍贵的项目空档期,找了一些视频来看,刷了几本经典的书(见下文)8月开始一直到年末一共七个月陆陆续续上手了4个项目,边学边...

2024-02-16 17:49:03 421

原创 SHERlocked93 的 2021 年终总结

我还是和往年一样,总结发的又晚了一点,为什么又发这么晚呢,因为懒年终总结疫情之后时间时间过的太快了,不知道是不是只有我这样感觉。四五月份去兰州玩了下(其实是出差),终于看到了黄土高原,一望无际的黄土台垣,车子开几个小时都看不到头,车子开在高速公路上就像在黄土的海洋里航行。尝到了黄焖羊羔肉、炸酥肉、兰州酿皮、正宗的羊杂汤跟兰州拉面,还有八宝茶,那边的长江窄且急,带着黄土色拍打着中山桥的桥墩隆隆滚滚,...

2024-02-16 17:49:03 854

原创 SHERlocked93 的 2022 年终总结

我还是和往年一样,总结发的又晚了一点,为什么又发这么晚呢,因为懒过年期间把之前看过的几本书写了个读书笔记,放在博客上了,然后简单写一下今年(或者说去年)的总结。生活与健康后疫情时代全面放开,家族里老人接连去世了好几个,过年再次回到老家,往年串门打招呼的老人们渐渐变成村头的新坟,时代悄悄然转动,一代代人就像队列一样,不断入栈、出栈,push()、shift()。年初的时候检查了一下肠胃,发现幽门螺杆...

2024-02-16 17:49:03 814

转载 还在封装 xxxForm,xxxTable 残害你的同事?试试这个工具

作者:若邪原文:https://juejin.cn/post/7315242945454735414之前写过一篇文章我理想中的低代码开发工具的形态,已经吐槽了各种封装 xxxForm,xxxTable 的行为,这里就不啰嗦了。今天再来看看我的工具达到了什么程度。多图预警。。。以管理后台一个列表页为例然后:选择对应的模板截图查询区域,使用 OCR 初始化查询表单的配置截图表头,使用 OCR 初始化...

2024-01-30 09:51:39 38

转载 Nue JS 震撼登场,重复造轮子?还是要颠覆 Vue 和 Reac?代码量竟缩减至原十分之一!...

近日,前端开发者 Tero Piirajinen 推出了一个名为 Nue.js 的极简化前端开发工具,并迅速引发社区讨论。Piirajinen 在 Hacker News 上表示,它是 React、Vue、Next.js、Vite、Svelte 和 Astro 的替代品。据悉,Nue 源自德语单词 neue,与英语中的“new”同义。它能帮助具备 HTML、CSS 和 JavaScript 知识的...

2024-01-23 08:07:35 38

转载 我在阿里做开发的高效打工技巧总结

导读如何高效打工?本文作者站在开发的视角总结了一些打工技巧,包括如何高效开会、如何与人沟通、如何做PM等,希望可以给大家提供一些帮助。前言如果您的工作中完全不需要自己写PRD 、技术方案、测试用例,那么这篇文章除了会浪费您宝贵的15分钟之外,别无益处,可以绕行了。背景很多新入职的工友反馈,大家现在除了编码之外,在厂子里还有很多七七八八的杂活才是工作耗时的大头,比如有些项目里面,沟通&对...

2024-01-17 08:56:13 68

转载 实用技能!如何使用Canvas封装图片压缩功能

作者:爱泡澡的小萝ト原文:https://juejin.cn/post/7220310687481495612最近在学习和工作中遇到这样一个场景:如何将前端上传的图片进行压缩传递给服务端?因为此前从未了解过图片压缩的功能,所以也是带着好奇进行了一番学习,那么我的解决思路如下展示整体思路创建input框实现图片上传将上传的文件转成base64格式前端通过base64进行原始图片展示,并将此图片进行压...

2024-01-10 07:50:36 49

转载 跨域漏洞,我把前端线上搞崩溃了

作者:Sailing原文:https://juejin.cn/post/7279429009796546623最近迁移前端资源到云厂商时,我遇到了一个奇怪的问题 —— 线上环境某个 CSS 资源跨域了,后果直接导致项目崩溃不可用。大领导直接找到了我的工位,激动的心,颤抖的手,问题原因就是找不到!!!很奇怪,我已经提前设置了资源允许跨域访问,提测环境、测试环境也已经正常运行很久了,理论上不应该出现跨...

2024-01-08 09:08:32 35

原创 推荐几款我最喜爱的 Mac 软件

人生苦短,如果你不知道使用什么样的软件,不妨试试我推荐的这些软件。大家可以根据自己的需要,看看是不是正需要这些软件,并解决自己生产生活中的痛点。如果本文确实帮助到了你,那么别忘了点赞 ????,你的点赞是我继续写作的动力~本文是 <那些好用的工具>[1] 系列文章之一:打造舒适搬砖环境,这些是我最想推介的桌面好物[2]推介几款 windows 下非常好用的工具[3]干货满满!推介几款 Mac...

2023-12-23 16:40:42 1026

转载 反思我这五六年来写过的烂代码

作者:橙红年代原文:https://juejin.cn/post/6941676886816735239这篇博客的草稿是17年10月15号创建的了,每次写了些东西打算发布的时候,总觉得还差了什么。现在写了五六年代码了,经手了很多项目,有简单的活动页面,也有很复杂的业务逻辑,是时候反思一下我写过的烂代码了。下面是正文。每次回头看前一两个月的代码,却总觉得烂的不行。起初我以为是我没有掌握高效率编程的姿...

2023-12-13 07:56:55 58

转载 在百度工作三年半后,是时候说再见了

从2020年7月8日至2023年11月20日,在百度的工作到达了终点,完成了从学生向职场人的蜕变,是时候说再见了!一、成长收获在百度的这1230天,收获颇丰,下面与各位分享一下。从技术至上到业务赋能的思想转变相信很多人都存在“技术至上”的思想,但是今天我来阐述一下自己的认知“技术不至上”,其实不是说技术不重要,而是一切的技术最终都是为产品服务、以收益为导向。其实这之间的关系可以理解为:用技术来实现...

2023-12-08 09:12:17 72

转载 27岁的前端,从二本run到澳洲的故事分享

点击上方前端下午茶,关注公众号回复加群,加入前端下午茶技术交流群作者:chrisasdevhttps://zhuanlan.zhihu.com/p/662438328前言转眼在悉尼已经206天了,也算是跟大家走了一条不太一样的道路,想还是写下一点东西。为自己作记录,也可以让大家在摸鱼之际看看不太一样的故事。长文预警,或许有点碎碎念,可以根据目录酌情跳转。大学的故事我的大学在成都的一个二本院校读的...

2023-11-22 07:44:10 52

转载 脱发秘籍:前端Chrome调试技巧最全汇总

作者:安木夕原文:https://juejin.cn/post/7248118049584316472注:本文测试、截图均为Edge浏览器(内核是Chromium),浏览器内核可了解《有哪些浏览器/内核?[1]》00、基础操作汇总操作类型快捷键/说明切换浏览器标签???? Ctrl+1到8切换到对应序号的浏览器标签 ???? Ctrl+PgUp/PgDn标签页左右切换浏览器全屏F11 (⌘ + shift +...

2023-10-23 07:42:22 56

转载 从0到1实现一个前端监控系统(附源码)

作者:通往自由之路原文:https://juejin.cn/post/7287117489304453177在我已有的职业生涯中,前端确实大多数时候是在裸奔的,这是这篇文章被我写出来的理由。而且,现在是一个数据时代,没有数据很多时候就没有反馈没有下一步,也就没有进步。一个完整的前端监控平台包括三个部分:数据采集与上报、数据整理和存储、数据展示。本文只写数据采集与上报部分。数据采集 (1).png数...

2023-10-20 09:14:44 362

转载 程序员应避免自我安慰式的无效学习

作者:通往自由之路原文:https://juejin.cn/post/7270906612339884093从事前端开发已经超过5年,自诩也是一个坚持学习的程序猿。 今年工作不是很忙,并且职场的35岁槛已经到来,既有时间又有压力,于是更多的时间在思考成长这件事。重复学习了很多年最近在做的一件特别重要的事情是:做减法。从事开发的这些年,因为待过的公司不同,后端的语言不同,业务不同,加上给自己制定每年...

2023-10-16 08:09:42 48

转载 Vue3: 二次封装WangEditor富文本编辑器为hook

作者:糖墨夕原文:https://juejin.cn/post/7279346413914718263初衷是基于WangEditor[1]进行了一次特殊处理,使其更加易于使用和灵活。这个编辑器可以让你像写文字一样轻松地编辑富文本内容。不论你是要写一篇精彩的博客文章,还是设计一个华丽的网页,这个编辑器都能满足我们的需求。我使用了“Hook”的机制,可以自由地定制和控制编辑器的各种功能。其实,主要是方...

2023-10-13 07:41:11 393

转载 15个程序员接私活赚钱的开源项目

关注公众号前端下午茶,回复“加群”加入我们一起学习,天天进步上班不易,副业成刚需。程序员接私活早已不是个新鲜话题——互联网行业整出的花活儿越多,对开发者的需求量就越大;对于一些中小公司和初创企业来说,不少的项目会直接外包或者是寻找远程开发者,由此便产生了程序员接私活的现象。今天为大家分享15个接私活赚钱的开源项目,希望能给大家有所帮助,不管是接私活赚钱方面,还是学习方面,都所有收获。全文大纲mf...

2023-10-10 07:39:29 432

转载 从零开发一款ChatGPT VSCode插件

引言OpenAI发布了ChatGPT,就像是给平静许久的互联网湖面上扔了一颗重磅炸弹,刹那间所有人都在追捧学习它。究其原因,它其实是一款真正意义上的人工智能对话机器人。它使用了深度学习技术,通过大量的训练数据和自监督学习方法进行训练,以模拟人类的对话能力和生成自然语言回应。日常生产、学习中利用好ChatGPT这个工具,是绝对能够提升我们工作效率的,这一点对于我们程序员来说,感受应该尤为明显。我们最...

2023-10-09 10:20:42 274

转载 终于等到!3个超强的 Vue 项目开源了!

从目前的一线面试经验来看:八股文跟吃饭一样已经麻了,而项目题、场景题才是面试官考察的重点和加分项。正好我之前整理过一份全网爆火且值得学习的前端实战资料,这里无偿分享出来以便大家突击提升技术。另外还有前端必备基础资料,可帮助大家实战+理论双重结合,快速提升前端岗位战斗力!前端实战项目源码模拟网易云(Vue框架)模拟网易云(React框架)Vue模拟掘金社区鉴于Github经常抽风,所以我把全部源码都...

2023-10-09 10:20:42 78

转载 八百年不面试,一面试就被吊打的惨痛教训

作者:Shaka原文:https://juejin.cn/post/7273682292538933306好久没面试了,最近看一些厂开始招人了,于是投了投,没想着过,主要是抱着学习的态度,看看自己哪里不足,没想到自己这么不足。。。最近面了个试,某大厂,具体是哪个厂大家可以自行猜测,我看看有没有对的,哈哈哈哈目前是三面,但是估计止步于三面了,然后我稍微整理了一下面试题,但是这里只说出我的思考,而不说...

2023-10-07 07:40:07 34

转载 95年前端职业人生随笔,副业那些事儿

本人是95前端菜鸟一枚,目前在广州打工混口饭吃。刚好换了工作,感觉生活节奏变得慢了下来,打了这么多年工总觉得想纪录些什么,怕以后自己老了忘记自己还有这么一些风流往事。副业篇-瓶颈因为不想当弟中弟组长,所以继续回到前端开发岗位做一线研发。每天的业务其实是非常枯燥无味的,功能大都是些电商常规模块,拼团,加价购,新老客区分,这些模块在十几个小程序里面复刻来复刻去,每天最有挑战性的可能是在for循环里面如...

2023-09-28 09:22:09 53

转载 谈谈国内前端的三大怪啖:小程序、微前端、模块加载

作者:YeeWang原文:https://juejin.cn/post/7267091810366488632因为工作的原因,我和一些外国前端开发有些交流。他们对于国内环境不了解,有时候会问出一些有趣的问题,大概是这些问题的启发,让我反复在思考一些更为深入的问题。今天聊三个事情:小程序微前端模块加载小程序每个行业都有一把银座,当坐上那把银座时,做什么便都是对的。“我们为什么需要小程序?”第一次被问...

2023-09-26 09:22:11 132

反步法实现对路径的追踪(matlab 实现backstepping控制)

backstepping对于圆、直线的追踪,可以通过它学习相关对于追踪方面的知识-backstepping for circle track can learn relevant knowledge through its respect for tracking

2015-06-09

空空如也

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

TA关注的人

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