自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1692)
  • 收藏
  • 关注

转载 Vue反编译dist包到源码

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群最近由于公司老项目上的问题,由于项目很老,之前交接的源码包中缺少了很大一部分模块,但是现在线上的环境和dist包是正常运行的,领导希望能够手动将这部分补全,由于前期项目的不规范,缺少接口文档以及原型图,因此无法知道到底该如何补全,因此,我想着能不能通过dist包去反编译源码包呢,经过多方面探索发现是可行的,但是只能编译出vue文件,但是也满...

2024-06-14 09:58:03 6

转载 简化你的工作,7 种常用的 JS 代码片段

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群日常开发中,我们经常会用到很多通用的 JS 代码,比如:复制内容、从 URL 中获取指定参数 等这些代码通常有固定实现,即:代码片段。所以,为了方便大家的开发,今天咱们就来看看常用的 7 种代码片段01:将内容复制到剪贴板通过按钮,将指定 dom 中的内容复制到用户的剪贴板constcopyToClipboard=(content)...

2024-06-13 09:15:19 18

转载 5 万star!是时候升级下你的终端工具了!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群作者:Alienware^https://blog.csdn.net/weixin_45417821/article/details/122579794Tabby 是一名老外在 Github 开源的终端连接的工具,至今已经累积 55K+ star。Tabby 的功能特性大概有:支持多平台,Windows、MacOS(Intel 芯片/M1 ...

2024-06-13 09:15:19 7

转载 特效炸裂:Vue3+TypeScript 实现王者荣耀图鉴,已开源!!!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群哈喽,大家好 我是 winty。今天给大家分享一个用 Vue3 + TypeScript 实现的开源项目——王者荣耀图鉴!主要技术栈Vue3.4TypescriptVite4PiniaVue-RouterLess主要插件Axios 网络请求库mitt 事件总线dayjs 时间处理工具vue-i18n 国际化lodash 实用工具库js-...

2024-06-12 09:15:58 16

转载 不管你信不信,面试官让我使用 JS 计算 LocalStorage 的容量!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群现在的面试总会遇到很多“奇葩”的问题,不过本着“存在即合理”的态度,从“深入JS”的角度来看,这些个性化的面试题还是挺有意思的。所以,咱们今天就来看一个“奇葩”面试题:如何使用JS来计算LocalStorage的容量本文为译文:https://javascript.plainenglish.io/believe-it-or-not-in...

2024-06-11 09:20:35 11

转载 再见了 Vue 3,前端AI已成气候!

谁都没想到,今年前端招聘的爆发期不在金三银四,而是在5月之后!前几天跟大厂的朋友也聊起这事,他说5月只是一个开始,6月后放出的岗位会更多,但随之而来是新的岗位要求!对于前端,虽然Vue3.0、React框架技术点和面试题很重要,但现在只懂几个框架源码远远不够了。听朋友说,接下来的前端开发,将围绕「新质生产力」趋势展开,大厂面试会问到好几个新方向:企业级前端【低代码开发平台】的应用与实践(平台工具)...

2024-06-11 09:20:35 17

转载 面试官:前端请求如何避免明文传输?谁沉默了,原来是我

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群分享一篇常见的面试题,前端开发中的数据传输要怎么确保安全呢?正文连夜肝文,面试以来最尴尬的一次,事情是这样的,最近有开始面稍微有难度一点岗位,本文的主题出自北京某一小厂的正式岗面试题,薪资水平大概开在10k-12k。之前一直是投的比较小的公司比较简单的实习岗位,这个是无意间投出去的一个,由于是 0 年经验小白*1,结果没想到简历过筛,硬...

2024-06-07 09:33:53 15

转载 25个每个开发人员都应该知道的CSS 技巧

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群CSS(层叠样式表)是 Web 开发人员必不可少的工具,可让你精确地设置 HTML 元素的样式。但是,掌握 CSS 不仅仅需要了解基础知识。以下 25 个 CSS 技巧可以让您的生活更轻松,代码更简洁。1. 垂直和水平居中元素问题:在容器中垂直和水平居中元素。解决方案:使用 Flexbox。.container {display: fle...

2024-06-06 09:15:11 16

转载 Three.js + Echarts 实现大屏系统经验总结

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群时间过的好快,参加公司的新项目研发快一年了,五一机器人项目首秀,我们遇到了高并发集中下单情景,然后海量数据处理场景来了,给我在后端领域的高并发实践业务上画上了漂亮的一笔经验。人都是在磨练中成长,我很感谢这次给我的机会,虽然有点累,但也有点小成就。正好现在有空,我先聊聊首秀后给领导们做的大屏数据展示吧,领导等着看漂亮数据呢!大屏重点是贼啦...

2024-06-06 09:15:11 30

转载 前端 UI 组件的 AI 时代来了!!!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群本文将教您如何构建一个AI驱动的前端UI组件生成器,它可以帮助您生成Next.js Tailwind CSS UI组件,并提供实现教程。我们将涵盖以下内容:使用Next.js、TypeScript和Tailwind CSS构建UI组件生成器Web应用程序。使用CopilotKit将AI功能集成到UI组件生成器中。集成嵌入式代码编辑器,以...

2024-06-05 09:15:42 15

转载 面试官:如何让 var [a, b] = {a: 1, b: 2} 解构赋值成功?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群最近看到了一个面试题非常有意思,讲得是:如何让 var [a, b] = {a: 1, b: 2} 解构赋值成功?。我们知道在 js 中 []代表数组,{}代表对象 。但是在这个代码中:解构赋值语法的左侧是一个数组右侧则应该是一个具有迭代器接口的对象(如数组、Map、Set等)。因此,将对象 {a: 1, b: 2} 解构赋值给 [a,...

2024-06-05 09:15:42 15

转载 在滴滴开发H5一年了,我遇到了这些问题

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群原文链接: https://juejin.cn/post/7372396174249459750作者: WeilinerLIOS圆角不生效ios中使用border-radius配合overflow:hidden出现了失效的情况:image.png出现此问题的原因是因为ios手机会在transform的时候导致border-radius失效解...

2024-06-04 09:15:09 10

转载 从用户体验到细节之美:移动端弹窗设计

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群在当今的移动应用设计中,弹窗作为一种重要的交互元素,对于提升用户体验和增强应用的可用性具有举足轻重的作用。然而,弹窗设计并非简单的堆砌信息,它需要考虑到用户的使用习惯、心理预期以及操作流程等多个方面。因此,如何设计出优秀的移动端弹窗,成为了一个值得探讨的话题。本文旨在为设计师们提供一份全面的移动端弹窗设计指南。我们将从弹窗的定义与重要性、类...

2024-06-04 09:15:09 33

转载 Git还能这样用?一文看懂Git最佳实践!

????目录1 什么是 git2 什么不是 git3 选对工具4尽量在本地5分支策略6Merge 还是 rebase7处理合并冲突8不要 pull,要 fetch9小而完整的 commit10LFS 技巧11Git 的缺点12 总结很多 Git 的操作,都有多种方法达到目的,但其中往往只有一种方法是最佳路径。Git 是个超级强大也非常流行的版本控制系统(VCS)。它的设计理念和其他VCS...

2024-06-03 09:15:21 13

转载 单页面首屏优化,打包后大小减少64M,加载速度快了13.6秒

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群作者:Vgbire原文:https://juejin.cn/post/7359077652445806642需求背景从第三方采购的vue2 + ElementUI实现的云管平台,乙方说2011年左右就开始有这个项目了(那时候有Vue了吗,思考.jpg)。十几年的项目,我何德何能可以担此责任。里面的代码经过多人多年迭代可以用惨不忍睹来形容,吐...

2024-06-03 09:15:21 13

转载 阿里:写一个倒计时功能刷掉了80% 的人

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群阿里的大佬自己说的在面试时候必问的一个题目,其实这个问题不仅是在面试中,也在我们的业务里也会经常用到,所以才会写这么一篇文章,那么到底如何才能写一个完美的倒计时呢?首先我们在写倒计时的时候必须要考虑到两点:准确性、性能。接下来我们来一步一步实现一个准确的定时器。setInterval:我们先来简单实现一个倒计时的函数:functionex...

2024-05-31 09:15:14 19

转载 前端学哪些技能饭碗越铁收入还高

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群作者:文艺码农天文https://juejin.cn/post/7310143510103064585随着经济的下行以及移动互联网发展趋于成熟,对软件开发人员的需求大大减少,互联网行业所有的公司都在降本增效,合并通道,降薪裁员的新闻层出不穷。但相比其他行业,互联网行业的从业者薪资还是比较可观的,但要求也比之前高了很多,需要大家掌握更多的技...

2024-05-31 09:15:14 11

转载 前端进阶都应该了解的知识点 - INP

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群前言介绍了交互至下一次绘制(INP)取代了首次输入延迟(FID)作为核心 Web 性能指标。INP 衡量用户与页面元素交互时的顿挫感,考虑了交互的每个部分对性能的影响,包括输入延迟、处理时间和呈现延迟。还指出了如何理解 JavaScript 的主线程执行模型以及如何优化 INP 以提升网页性能。今日文章由 @飘飘翻译分享。从 2023 年 ...

2024-05-30 09:16:03 14

转载 经五轮面试终于拿到微信的offer,却只能无奈放弃

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流本文已向作者授权转载 作者:只有一斤了呐 原文:https://juejin.cn/post/7370682998990553100由于各种原因,所在的部门没有了 hc 的机会,只能出去寻找更多的机会,这段时间里,分别 offer 了小米、快手、字节电商、wxg,最终还是选择了内部转岗到电商。这几段面试的经历也给我带来了很多的提升和思考,特此...

2024-05-30 09:16:03 28

转载 谷歌发布文生图模型Imagen 3,写实效果强的一批!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群‍谷歌在“I/O2024”大会上发布了,全新文生图片模型Imagen3。据悉,Imagen3在理解文本提示方面比前两代更好,可捕捉长文本提示中的很多细微细节,对图片的嵌入文字生成也更加准确、稳定。Imagen3可生成漫画、写实、赛博朋克、水墨、油画、素描等几十种风格,尤其是生成的写实风格图片质量很好,和真人拍摄的相片几乎差不多。目前,Ima...

2024-05-29 09:20:58 33

转载 万万没想到,用浏览器打开终端竟这么容易实现

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群你所追求的事物,所做的每一件事情,都有它存在的意义说到用网页打开终端,相信大多数人都使用过,但是应该也没几个人去认真研究过????。自己也是因工作需要,于是对其进行了一番探索。如果你有用过云服务器,肯定对这个就更熟悉了,比如阿里云的Workbench远程连接。它提供给我们的服务便利性、用户体验还是相当不错的,让我们和实际的机器通过网络联通了。...

2024-05-29 09:20:58 14

转载 原来月薪30k的简历长这样,进来抄作业!

最近收到了很多同学的简历。发现有一些同学的简历写得不是很好看。但是仔细聊过之后发现,这些同学其实技术蛮厉害的,只是不知道该如何写在简历上,不懂得“包装”自己。笔者从业8年多,资深前端(亲自招聘入职了100+多人,面试了千余人,也看过1w+份简历)今天简单聊一聊如何准备简历,才能获得更多更好的面试机会。现在就业形势不太好,希望本文能大家带来帮助。????文章的最后会提供一些「优质简历案例 &...

2024-05-28 09:16:53 22

转载 红包算法揭秘!哪段代码让你只抢了0.01元?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群????目录1 普通随机法2 二倍均值算法3 线段分割算法4验证 array_rand 随机特性5统计算法耗时与效果在上一篇《十年前的微信消息收发架构长啥样?》(点击标题可阅读)的文章中,有用户提到想了解自己每次微信红包只能抽中0.01元的反向手气最佳是怎么在技术上实现的,于是就有了本篇文章的诞生。其实,微信红包最初在产品设计上有过很多思...

2024-05-28 09:16:53 33

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

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群作者:tagerhttps://juejin.cn/post/7362576319928008755你踩过吗?浏览器节能机制导致Websocket断连的坑~~~近期,在使用WebSocket(WS)连接时遇到了频繁断连的问题,这种情况在单个用户上每天发生数百次。尽管利用了socket.io的自动重连机制能够在断连后迅速恢复连接,但这并不保证...

2024-05-27 09:15:20 60

转载 useEffect 一定在页面渲染后才会执行吗?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群❞引言在大多数 React 开发者的观念里,useEffect callback 通常会在浏览器完成渲染后被异步调用。但事实并非如此,useEffect 并不总是在页面渲染完后才会被异步调用,有时也许会在页面渲染前同步调用执行 effect callback。那么,关于 useEffect 的真正执行时机究竟是渲染前的同步还是渲染后的异步呢...

2024-05-27 09:15:20 40

转载 简单写一个前端脚手架

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群引言脚手架是什么,相信各位已经熟悉得不能再熟悉了,毕竟无论是vue开发者(vue-cli)还是react(create-react-app)开发者,他们都有各自的脚手架,个人虽是用react更多,但不得不说是更喜欢vue-cli的,它的插件机制非常有意思,虽不如webpack的plugin那么方便,但也很强大。不过再讲这强大的功能之前,...

2024-05-24 09:15:14 16

转载 实战分享:20分钟页面不操作,页面失效

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群作者:吃腻的奶油https://juejin.cn/post/7340636105765535796场景需求总结:20分钟内如果不操作,页面就是提示失效并且回到列表页面,如果操作了,计时就会清零。如果 A 在编辑,B 点击编辑会提示正在编辑。A 在编辑期间,每分钟会向后端发送续租(即正在编辑)的请求,后端收到请求后,会在服务端帮你保留这一...

2024-05-24 09:15:14 21

转载 15 个你不知道的 CSS 属性

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群在Web 开发领域中,CSS(层叠样式表)是构建网站视觉美感和布局的支柱。虽然许多开发人员熟悉常用的 CSS 属性,但仍有大量隐藏的宝石等待被发现。在今天这篇文章中,我们揭示了 15 个隐藏的 CSS 属性,这些属性可能没有引起您的注意,但在增强您的网页设计能力方面具有巨大的潜力。1.backdrop-filter:此属性将图形效果(例如模...

2024-05-23 09:15:29 12

转载 Vue 存储插件的底层原理,你不知道的 localStorage API

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群前言当谈到 Web 应用的客户端存储时,localStorageAPI 脱颖而出,它允许开发者直接在浏览器中存储键值对。在开发 Vue 应用时,我们有时候需要将用户数据保存在本地,实现持久化存储。我们可以自己编写存储功能,也可以使用 Pinia 生态的存储插件,比如目前人气最高的pinia-plugin-persistedstate,而...

2024-05-23 09:15:29 15

转载 为什么React Hooks优于hoc ?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群在现代的React世界中,每个人都在使用带有React Hooks的函数组件。然而,高阶组件(HOC)的概念在现代的React世界中仍然适用,因为它们可以用于类组件和函数组件。因此,它们是在历史和现代 React 组件之间使用可重用抽象的完美桥梁。高阶组件可以增强组件的可组合性质。然而,高阶组件存在问题,而且这些问题完全被Rea...

2024-05-22 10:10:38 15

转载 苦等三年,React Compiler 终于能用了。使用体验:很爽,但仍有瑕疵

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群本文主要内容有:1、介绍 React Compiler2、检测你的项目是否适合使用 Compiler3、如何在不同的项目中使用 Compiler4、真实项目使用体验5、React Compiler 原理共3649字,阅读需要花费 6 分钟。1React CompilerReact Compiler 终于开源了。自从从它第一次在 Reac...

2024-05-21 09:15:53 89

转载 前端到底要怎么去性能优化?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群前言页面的性能优化对于前端来说永远是离不开的课题,前端性能优化一直也不是作为一个单独的问题存在,它往往需要开发者结合计算机网络、浏览器相关技术、前端框架、构建工具以及开发者自己的代码等多层面去思考优化的方案,所以前端性能不应该是前端领域的一个孤岛⛱️,而需要作为串联起前端技术的零件????。如何去进行性能优化?一说到前端性能优化,可能大家一开始的...

2024-05-21 09:15:53 16

转载 Vite 为何短短几年内变成这样?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群本文适合对Vite感兴趣的小伙伴阅读。前言在 Web 开发领域,Vite 如今已如雷贯耳。自 2020 年 4 月发布以来,Vite 的人气蒸蒸日上。目前 Vite 在 GitHub 上的收藏数量已超过 64k,每周下载量超过 1200 万次,现在为 Nuxt、Remix、Astro 等大多数开源框架提供支持。尽管众口嚣嚣,我们意识到许多开...

2024-05-20 09:15:50 14

转载 视频秒播优化实践

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群本文字数:2259字预计阅读时间:10分钟视频起播时间,即首帧时间,是视频类应用的一个重要核心指标,也是影响用户观看体验的核心因素之一。如果视频要加载很久才能开始播放,用户放弃播放甚至离开 App 的概率都会增加。视频秒播是指用户在起播时平滑播放,没有首屏的顿感,用户几乎感知不到有首帧时间的存在。我们把从开始播放到视频首帧画面展现出来这个链...

2024-05-20 09:15:50 24

转载 创业一年 , 一名普通前端的血泪史

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群讲述我的创业一年的经历,事业有高潮,也有低谷,有喜悦,有历练,酸甜苦辣都尝过 分享出来我的经验,希望对你有所帮助unsetunset前言unsetunset年初我裸辞创业了,跟一个朋友一起合伙做项目,我主要还是做技术部分,开发一个回收类的项目也是第一次创业,虽然听过很多道理,自己经历过又是另外一回事我们的项目经历过高峰,现在算是谷底,基本的...

2024-05-17 09:23:13 15

转载 Vue 源码分析 - 更新流程(Diff算法) 超全解析详细到每一行!!!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群本文由前端小伙伴@yyyao 投稿。欢迎大家踊跃投稿。原文链接:https://juejin.cn/post/7367722307203563558前言文中讲解代码为 Vue 组合式 API 的最后一个版本 2.6.14 ~ 为了更好的理解,省略了部分代码,留下核心逻辑进行讲解。如需完整代码解释,可在代码库拉取完整代码,每一行均有完整注释,...

2024-05-16 09:15:30 17

转载 前端在本地开发还能用https?

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群前言一般情况下,前端在开发本地项目的时候大都用不到https,但有些特殊情况不同,比如你需要使用service worker,又或者需要使用cookie而后端又设置了secure。nextjs本身提供了直接通过https启动项目的方法,所以假如『https://localhost:port[1] 』 这种域名就能满足需求的话,建议直接按...

2024-05-16 09:15:30 20

转载 【5000字】带你了解透彻浏览器缓存!

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群为什么需要缓存这里说的不仅仅是我们常见的强缓存和协商缓存,还有浏览器自带的缓存机制,即使我们什么也没有配置也自带的隐式缓存(启发式缓存);减少向服务器请求的的次数,也减少了服务器的压力 ⭐⭐⭐页面加载速度更快,增加用户体验 ⭐⭐⭐如果没有缓存机制,刷新页面的时候,不管是以什么样的形式刷新(前进/后退/普通刷新/强制刷新),那么每次浏览器都会...

2024-05-15 09:36:21 19

转载 开发阶段!跨域问题多种解决方案的精华总结

点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群本文作者:方长_beezen原文链接:https://juejin.cn/post/7367676494977302538前言跨域问题是 Web 开发中常见的挑战,源于浏览器的安全策略,限制了页面对不同域名、协议或端口的网络请求。这导致了一系列跨域访问限制,尤其在网页使用 Ajax、WebSocket 等方式与不同域的服务器进行交互时,浏览...

2024-05-15 09:36:21 40

转载 卡顿减少 95% — 记一次React性能优化实践(性能篇)

什么?今天我被 Leader 拉进小黑屋了!“有很多用户吐槽咱的页面太卡了啊,这个情况你了解不?”,吓的我立马答道 “不可能,绝对不可能,我开发的时候可是一点都不卡...”“你自己过来看看,你看这输入框,只要我输入速度一变快,整个页面都肉眼可见的变卡了! ”“啊这,确...确实”,铁证如山 ,我一时无言以对,“怎么会这样呢,唉不对,这个页面配置下发的表单项也太多了吧,之前测试时可没有这么多...”...

2024-05-14 09:15:48 71

空空如也

空空如也

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

TA关注的人

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