自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端下午茶

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

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

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

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

2021-09-09 07:41:00 589

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

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

2024-04-18 10:20:29 2

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

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

2024-04-15 07:55:24 6

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

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

2024-04-11 07:46:49 7

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

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

2024-04-09 10:20:45 11

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

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

2024-04-09 10:20:45 15

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

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

2024-04-07 07:51:00 10

转载 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 50

原创 SHERlocked93 的 2023 年终总结

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

2024-02-16 17:55:24 1054

原创 SHERlocked93 的 2020 年终总结

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

2024-02-16 17:49:03 818

原创 SHERlocked93 的 2017 年终总结

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

2024-02-16 17:49:03 418

原创 SHERlocked93 的 2021 年终总结

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

2024-02-16 17:49:03 851

原创 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 37

转载 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 37

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

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

2024-01-17 08:56:13 66

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

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

2024-01-10 07:50:36 45

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

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

2024-01-08 09:08:32 34

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

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

2023-12-23 16:40:42 981

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

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

2023-12-13 07:56:55 55

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

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

2023-12-08 09:12:17 70

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

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

2023-11-22 07:44:10 51

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

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

2023-10-23 07:42:22 51

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

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

2023-10-20 09:14:44 335

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

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

2023-10-16 08:09:42 43

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

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

2023-10-13 07:41:11 357

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

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

2023-10-10 07:39:29 286

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

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

2023-10-09 10:20:42 250

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

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

2023-10-09 10:20:42 75

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

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

2023-10-07 07:40:07 32

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

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

2023-09-28 09:22:09 51

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

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

2023-09-26 09:22:11 124

转载 最近,前端面试真疯了。。。

本文推荐最近在考虑新机会的小伙伴阅读!前言上周和部门BP聊天,她说最近在boss上放出一个初级前端岗位,平均每天都能收到500多份简历。前端市场越来越卷,跳槽前做好技术进阶突击,才能稳拿offer。这里有一份我爆肝两个月整理出的《2023前端开发进阶秘籍》,内含最新版本的八股文、高频算法题和大佬面经,全是今年的新知识点。全部整理成了高清pdf版,共计 266 页,大家可以扫码领取。资料内容展示三个...

2023-09-25 10:20:53 38

转载 芜湖,前端这波起飞!

前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任阿里前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...

2023-09-20 10:21:00 89

转载 Element-Plus的Form表单就应该这样用

作者:前端冒菜师原文:https://juejin.cn/post/7143502980040359950最近在做一系列后台管理系统,其中用的最多的就是表单和表格了。这里讲一下我最近对表单封装的思考。 以下是我的设计思路以及具体实现,我使用的是vue3+element-plus,因此这个组件也是以这两个库为基础。已上传npm www.npmjs.com/package/@we…[1]设计目标配置化...

2023-09-18 07:40:31 251

转载 我在阿里做面试官,这些经验希望能帮到你

作者:言川原文:https://github.com/lihongxun945/myblog/issues/40我可能是在同龄人中做面试官经验比较丰富的,在某乎实习的时候就参与了前端的技术面试。后来在阿里以及另一家公司也面试过不少候选人,校招、社招、外包都有面试过。这里以一个面试官的角度来给大家谈谈在面试的时候怎么能给面试官留下更好的印象,更容易拿到大厂的Offer。为了不造成任何面试题泄露,这里...

2023-09-15 13:43:56 56

转载 一个前端非侵入式骨架屏自动生成方案

作者:前端冒菜师原文:https://juejin.cn/post/7143502980040359950背景性能优化、减少页面加载时间、提升用户体验,是前端领域的一个永恒话题。在前后端分离、异步渲染在页面中被普遍应用的背景下,大量页面在用户访问时不可避免的会出现一段短时间白屏。目前的解决方案一般为以下几种:服务端同步渲染增加页面 loading增加页面首屏骨架屏这几种方案各有优缺点,服务端同步渲...

2023-09-13 07:41:52 112

转载 在高德地图中实现降雨图层

作者:gyratesky原文:https://juejin.cn/post/7248180884766015546有一天老板跑过来跟我说,我们接到一个水利局的项目,需要做一些天气效果,比如说降雨、河流汛期、洪涝灾害影响啥的,你怎么看。欸,我觉得很有意思,马上开整。需求说明在地图上实现降雨效果,画面尽量真实,比如天空、风云的变化与降雨场景契合;可以结合当地天气预报情况,自动调节风速、风向、降雨量等参...

2023-09-11 07:49:18 50

转载 和43岁前端大哥聊了聊,我彻底放心了!

都说35岁是程序员的职业尽头,而我们部门leader是位80年的大哥,曾经是字节3-1大佬,今年43岁了依然独当一面。仗着私交不错,向他请教到了「保持竞争力」的秘籍:1.努力修炼内功是生存的根本。不管是刚入行的新人,还是经验丰富的老人,都要居安思危,不断的提高技术能力,厚积薄发,才能寻求到更广阔的生存空间。2.接受变化,拥抱变化。互联网行业充满不确定性和新的变化,面对变化不吐槽“前端已死”,而是去...

2023-09-07 10:20:31 36

转载 前段时间面试了一些人,有这些槽点跟大家说说​

前段时间组里有岗位招人,花了些时间面试,趁着周末把过程中的感悟和槽点总结成文和大家讲讲。简历书写和自我介绍今年的竞争很激烈:找工作的人数量比去年多、平均质量比去年高。裸辞的慎重,要做好和好学校、有大厂经历人竞争的准备去年工作经历都是小公司的还有几个进了面试,今年基本没有,在 HR 第一关就被刷掉了这种情况的,一定要走内推,让内推的人跟 HR 打个招呼:这人技术不错,让用人部门看看符不符合要求用人部...

2023-09-07 10:20:31 43

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

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

2015-06-09

空空如也

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

TA关注的人

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