自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端下午茶

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

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

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

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

2021-09-09 07:41:00 1122

原创 SHERlocked93 的 2023 年终总结

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

2024-02-16 17:55:24 1134

原创 SHERlocked93 的 2020 年终总结

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

2024-02-16 17:49:03 866

原创 SHERlocked93 的 2017 年终总结

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

2024-02-16 17:49:03 473

原创 SHERlocked93 的 2021 年终总结

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

2024-02-16 17:49:03 901

原创 SHERlocked93 的 2022 年终总结

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

2024-02-16 17:49:03 861

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

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

2024-01-30 09:51:39 88

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

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

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

2024-01-17 08:56:13 106

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

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

2024-01-10 07:50:36 105

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

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

2024-01-08 09:08:32 80

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

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

2023-12-23 16:40:42 1389

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

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

2023-12-13 07:56:55 269

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

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

2023-12-08 09:12:17 221

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

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

2023-11-22 07:44:10 149

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

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

2023-10-23 07:42:22 122

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

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

2023-10-20 09:14:44 709

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

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

2023-10-16 08:09:42 89

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

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

2023-10-13 07:41:11 716

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

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

2023-10-10 07:39:29 1543

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

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

2023-10-09 10:20:42 623 1

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

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

2023-10-09 10:20:42 121

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

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

2023-10-07 07:40:07 88

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

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

2023-09-28 09:22:09 138

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

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

2023-09-26 09:22:11 341

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

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

2023-09-25 10:20:53 69

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

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

2023-09-20 10:21:00 199

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

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

2023-09-18 07:40:31 417

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

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

2023-09-15 13:43:56 128

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

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

2023-09-13 07:41:52 213

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

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

2023-09-11 07:49:18 226

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

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

2023-09-07 10:20:31 66

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

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

2023-09-07 10:20:31 89

转载 Vue3原生Teleport不太好用?试试自己写一个

作者:背对疾风原文:https://juejin.cn/post/7190346663318257724VUE3发布距今已经差不多两年了,你所在的公司全面用上VUE3了吗?????今天我们聊聊VUE3的新特性之一,Teleport[1]。VUE3官网描述:<Teleport>是一个内置组件,它可以将一个组件内部的一部分模板“传送”到该组件的 DOM 结构外层的位置去。Teleport有些同...

2023-09-06 07:40:06 265

转载 手摸手 Threejs 地图3D可视化

大厂技术高级前端技术进阶点击上方前端下午茶,关注公众号回复1,加入前端交流群可以直接去github github.com/1023byte/3Dmap前言threejs小练习,从头实现如何加载地理数据,并将其映射到三维场景中的对象上。获取数据在开始绘制图形前,需要一份包含地理信息数据,我们可以从阿里云提供的小工具获取datav.aliyun.com/portal/school/atlas...

2023-09-05 07:35:52 509

转载 像这样的前端女生,真的会被公司抢着要!

本篇非常适合有跳槽打算的粉丝阅读跳槽旺季,最近私信收到很多粉丝的求职焦虑,也听到了不少粉丝的好消息。今天的文章是关于一位粉丝小姐姐最近的面试历程,她在充满变化的复杂市场环境里,波折面试39次才拿到心仪offer。前言我是Cathy陈,一个刚熬过半年焦头烂额求职期的前端开发人。最近尘埃落定,我决定写写这段经历。去年10月份,我赶上了互联网裁员潮。被裁后颓了好久,给自己放了个假,然后便开始了艰难的求职...

2023-09-01 10:20:41 63

转载 Pinia被鼓吹的setup写法真的好用吗

作者:大脸怪原文:https://juejin.cn/post/7271076750351548457引用官方的一句话:Pinia是一个符合直觉的 Vue.js 状态管理库简单说几点它的特性:它支持Vue3,同时也支持Vue2,是Vuex的完美过渡替代者它极致轻量化,只有 1kb 左右大小它类型安全,支持TypeScript,类型可自动推断,**即使在 JavaScript 中亦可为你提供自动补全...

2023-08-31 07:36:28 387 1

转载 八股文背烂也没用,面试官早改套路了。。。

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

2023-08-29 10:20:37 80

转载 MDN 里暂时还查不到的 Navigation API

路由守卫相信大家对路由守卫都不陌生,其实就是在页面当前发生导航变化时,在导航变化的前中后时机去做一些其他具体的事情。SPA & History API而在前端常见的业务场景,单页应用即 SPA 中,路由守卫功能则显得至为重要。目前主流的在 SPA 中实现路由守卫功能的方法,则是借助 History API 来实现的。基本原理是借助 window.history.pushState 以及 w...

2023-08-29 10:20:37 93

转载 一个指令实现左右拖动改变布局,附详细代码

作者:灵扁扁原文:https://juejin.cn/post/7245936314851377210一、前言本文以实现“一个指令实现左右拖动改变页面布局”的需求为例,介绍了:实现思路总结关键技术点完整 demo二、实现思路2.1 外层div布局首先设置4个div元素,一个作为父容器,一个作为左边的容器,一个在中间作为拖动指令承载的元素,最后一个在作为右边容器的元素。<div>...

2023-08-28 07:37:57 314

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

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

2015-06-09

空空如也

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

TA关注的人

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