- 博客(1664)
- 收藏
- 关注
RSS订阅转载 为什么React Hooks优于hoc ？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在现代的React世界中，每个人都在使用带有React Hooks的函数组件。然而，高阶组件（HOC）的概念在现代的React世界中仍然适用，因为它们可以用于类组件和函数组件。因此，它们是在历史和现代 React 组件之间使用可重用抽象的完美桥梁。高阶组件可以增强组件的可组合性质。然而，高阶组件存在问题，而且这些问题完全被Rea...
2024-05-22 10:10:38
2
转载 苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文主要内容有：1、介绍 React Compiler2、检测你的项目是否适合使用 Compiler3、如何在不同的项目中使用 Compiler4、真实项目使用体验5、React Compiler 原理共3649字，阅读需要花费 6 分钟。1React CompilerReact Compiler 终于开源了。自从从它第一次在 Reac...
2024-05-21 09:15:53
9
转载 前端到底要怎么去性能优化？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言页面的性能优化对于前端来说永远是离不开的课题，前端性能优化一直也不是作为一个单独的问题存在，它往往需要开发者结合计算机网络、浏览器相关技术、前端框架、构建工具以及开发者自己的代码等多层面去思考优化的方案，所以前端性能不应该是前端领域的一个孤岛⛱️，而需要作为串联起前端技术的零件????。如何去进行性能优化？一说到前端性能优化，可能大家一开始的...
2024-05-21 09:15:53
2
转载 Vite 为何短短几年内变成这样？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文适合对Vite感兴趣的小伙伴阅读。前言在 Web 开发领域，Vite 如今已如雷贯耳。自 2020 年 4 月发布以来，Vite 的人气蒸蒸日上。目前 Vite 在 GitHub 上的收藏数量已超过 64k，每周下载量超过 1200 万次，现在为 Nuxt、Remix、Astro 等大多数开源框架提供支持。尽管众口嚣嚣，我们意识到许多开...
2024-05-20 09:15:50
3
转载 视频秒播优化实践
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文字数：2259字预计阅读时间：10分钟视频起播时间，即首帧时间，是视频类应用的一个重要核心指标，也是影响用户观看体验的核心因素之一。如果视频要加载很久才能开始播放，用户放弃播放甚至离开 App 的概率都会增加。视频秒播是指用户在起播时平滑播放，没有首屏的顿感，用户几乎感知不到有首帧时间的存在。我们把从开始播放到视频首帧画面展现出来这个链...
2024-05-20 09:15:50
7
转载 创业一年 ， 一名普通前端的血泪史
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群讲述我的创业一年的经历，事业有高潮，也有低谷，有喜悦，有历练，酸甜苦辣都尝过 分享出来我的经验，希望对你有所帮助unsetunset前言unsetunset年初我裸辞创业了，跟一个朋友一起合伙做项目，我主要还是做技术部分，开发一个回收类的项目也是第一次创业，虽然听过很多道理，自己经历过又是另外一回事我们的项目经历过高峰，现在算是谷底，基本的...
2024-05-17 09:23:13
7
转载 Vue 源码分析 - 更新流程（Diff算法） 超全解析详细到每一行!!!
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文由前端小伙伴@yyyao 投稿。欢迎大家踊跃投稿。原文链接：https://juejin.cn/post/7367722307203563558前言文中讲解代码为 Vue 组合式 API 的最后一个版本 2.6.14 ~ 为了更好的理解，省略了部分代码，留下核心逻辑进行讲解。如需完整代码解释，可在代码库拉取完整代码，每一行均有完整注释，...
2024-05-16 09:15:30
2
转载 前端在本地开发还能用https？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言一般情况下，前端在开发本地项目的时候大都用不到https，但有些特殊情况不同，比如你需要使用service worker，又或者需要使用cookie而后端又设置了secure。nextjs本身提供了直接通过https启动项目的方法，所以假如『https://localhost:port[1] 』 这种域名就能满足需求的话，建议直接按...
2024-05-16 09:15:30
5
转载 【5000字】带你了解透彻浏览器缓存！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群为什么需要缓存这里说的不仅仅是我们常见的强缓存和协商缓存，还有浏览器自带的缓存机制，即使我们什么也没有配置也自带的隐式缓存（启发式缓存）;减少向服务器请求的的次数，也减少了服务器的压力 ⭐⭐⭐页面加载速度更快，增加用户体验 ⭐⭐⭐如果没有缓存机制，刷新页面的时候，不管是以什么样的形式刷新（前进/后退/普通刷新/强制刷新），那么每次浏览器都会...
2024-05-15 09:36:21
4
转载 开发阶段！跨域问题多种解决方案的精华总结
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文作者：方长_beezen原文链接：https://juejin.cn/post/7367676494977302538前言跨域问题是 Web 开发中常见的挑战，源于浏览器的安全策略，限制了页面对不同域名、协议或端口的网络请求。这导致了一系列跨域访问限制，尤其在网页使用 Ajax、WebSocket 等方式与不同域的服务器进行交互时，浏览...
2024-05-15 09:36:21
7
转载 卡顿减少 95% — 记一次React性能优化实践（性能篇）
什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了啊，这个情况你了解不？”，吓的我立马答道 “不可能，绝对不可能，我开发的时候可是一点都不卡...”“你自己过来看看，你看这输入框，只要我输入速度一变快，整个页面都肉眼可见的变卡了！ ”“啊这，确...确实”，铁证如山 ，我一时无言以对，“怎么会这样呢，唉不对，这个页面配置下发的表单项也太多了吧，之前测试时可没有这么多...”...
2024-05-14 09:15:48
11
转载 不要再说 Rust 过度炒作了
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群正文：在 Stack Overflow 的年度开发者调查中，Rust 连续第八年成为“最受欢迎的编程语言”。Rust 最近可谓风头正劲，很多人都有所耳闻，但没用过。实际上，Rust不仅连续8年霸榜“最受开发者喜爱的语言”，甚至首次成为“想要迁移到其他语言”的开发者的首选。国内外不少知名互联网或科技公司，都在采用 Rust 重构技术栈，...
2024-05-13 09:06:27
4
转载 写出好代码的底层逻辑
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群程序员安身立命的手艺就是写代码，可多少人知道如何才能写出好的代码呢？这几年也做过很多次的代码 CR，可好代码的标准在哪里呢？我们在做 CR 的时候，其实只是停留在代码的表面，主要是跟规范相关的点：命名、代码行数、代码写法、注释如何...
2024-05-13 09:06:27
8
转载 CSS加载会造成堵塞吗？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群文章来源于稀土掘金技术社区——敲代码的彭于晏1. 配置浏览器网络速度首先配置浏览器网络速度，使现象更明显。打开chrome控制台(按下F12)，选择No Throttling，并在Custom中选择Add1696733672891.png对浏览器上传与下载速度进行限制1696733695177.png2. CSS加载不会堵塞DOM的解析，但...
2024-05-10 09:16:01
7
转载 16 个在面试前需要知道的系统设计概念
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群英文 | https://levelup.gitconnected.com/16-system-design-concepts-i-wish-i-knew-before-the-interview-b8586e40a73b要在关于系统设计的面试中脱颖而出，最关键的方面之一是深入理解基本的系统设计概念，例如，负载平衡、缓存、分区、复制、数据库...
2024-05-10 09:16:01
10
转载 JS的这些新特性，你都用过么？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作为一门不断演进的语言，JavaScript每年都会引入新特性。这些特性的加入，能够帮助我们编写更加简洁、高效、易于维护的代码。然而，并非所有新特性都会立即广泛应用。它们的采用往往取决于社区的接受度以及浏览器的支持情况。比如我，会根据项目需求、团队习惯以及特性的成熟度来选择是否使用这些新特性。以下是一些我认为特别有用的新JavaScript...
2024-05-09 09:16:08
7
转载 vue3自定义hooks大集合，你要的都在这！
前言 不知道喜欢 vue3 的小伙伴和我是不是一样，刚上手vue3 的时候 对自定义hooks 一脸懵逼，在一些视频网站学习的时候老师讲解到自定义hooks 最喜欢用 加减乘除来描述 自定义hooks 是咋用的，可能是我理解能力比较差吧，我看了这个 加减乘除的自定义hooks 之后感觉跟没看一样，还是一脸懵逼，所以个人觉得这种知识还是结合项目或者业务来说才是比较能让人理解的。但是平时开发的过程中却...
2024-05-09 09:16:08
18
转载 我对GitHub 8.3k Star项目贡献了一次5倍性能提升的PR！
????目录1 qs 库简介2 优化过程3开源贡献4总结本文是一次优秀的反哺开源社区贡献实践，腾讯工程师在日常工作中基于对开源库 qs 的使用，发现了其在某些业务场景下存在的瓶颈问题。通过对测试数据的复现，debug 定位了真正的问题原因，并基于对问题的分析提出了一个稳定提升 5 倍性能的调优方案。本次调优方案在他发起 pull request 后，仅耗时34 小时便被开源库作者合入主线并发布新版...
2024-05-08 10:10:36
7
转载 32岁，进阿里了！
上周找阿里P8级前端大佬要来了几套高质量内部资料。既是高频真题，也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求，内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等等。实战代码清晰，解析也十分全面。足足有15套！据说有不少朋友靠这套资料进了字节、蚂蚁、美团等大厂。掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中！下面是部分资料内容的展示↓（...
2024-05-08 10:10:36
7
转载 15个CSS 常见错误，请一定要注意避免
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在不断发展的 Web 开发领域，掌握 CSS（层叠样式表）对于制作视觉上令人惊叹且响应迅速的网站至关重要。然而，陷阱比比皆是，即使是经验丰富的开发人员也可能会发现自己陷入了常见的 CSS 错误中。本文剖析了 15 个常见错误，提供分步说明和代码示例，帮助您创建完美的网页设计。1. 过度依赖!important：问题：过度使用 !impo...
2024-05-07 09:15:59
13
转载 js如何控制一次只加载一张图片，加载完成后再加载下一张
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群文章转载于稀土掘金技术社区：娜个小部呀今天看到一个面试题，是关于img图片加载方面的，有必要记录一下。其实关于这个问题，只要知道图片什么时候加载完成就能解决了。通过onload事件判断Img标签加载完成实现逻辑：新建一个Image对象实例，为实例对象设置src属性等，在onload事件中添加此实例对象到父元素中，然后将图片地址数组中的第一...
2024-05-07 09:15:59
9
转载 面试官：假如有几十个请求，如何去控制并发？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服务器直接崩溃啦！突然灵光一现，请求池！！！我：利用Promise模拟任务队列，从而实现请求池效果。面试官：大佬！废话不多说，正文开始：众所周知，浏览器发起的请求最大并发数量...
2024-05-06 09:15:36
15
转载 字节三年，谈谈一线团队如何搞工程化
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者所在的团队叫 “Cuckoo FE” （Cuckoo：布谷鸟，多数种类为灰褐或褐色，喙强壮而稍向下弯，一只幼鸟一天能吃39只蚱蜢），寓意朴实能干，下文中工程化实践各类体系也是以Cuckoo开头。目前前端团队成员接近20人，归属字节商业化业务中台，承担海外商业化交易流程建设，为字节内部出海产品提供商业变现能力，整体技术方向以PC中台为主（...
2024-05-06 09:15:36
4
转载 前端权限开发——设计到实践（保姆级）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群关于本文作者：守夜人xhttps://juejin.cn/post/72592108744466924111.权限控制的方案选择。做后台项目区别于做其它的项目，权限验证与安全性是非常重要的，可以说是一个后台项目一开始就必须考虑和搭建的基础核心功能。在后台管理系统中，实现权限控制可以采用多种方案：权限方案类型描述基于角色的访问控制（Role-...
2024-04-30 09:15:27
28
转载 Vue3 除了 keep-alive，还有哪些页面缓存的实现方案
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群引言有这么一个需求：列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页。对于这个需求，我的第一个想法就是使用keep-alive来缓存列表页，列表和详情页切换时，列表页会被缓存；从首页进入列表页时，就重置列表页数据并重新获取新数据来达到列表页重新加载的效果。但是，这个方案有个很不好的地方就是：如...
2024-04-29 10:37:48
14
转载 Vite 4.3 为何性能爆表？（第一次知道 Node 竟还有这个冷门性能问题...）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群Vite 4.3 相比 Vite 4.2 取得了惊人的性能提升，下面和大家分享一下 Vite 4.3 性能大幅提升的幕后技术细节，深度阅读，全程高能。fs.realpathSync的 bug你可能不知道，Node中有一个冷门的realpathSync性能问题 ——fs.realpathSync比fs.realpathSyn...
2024-04-26 09:30:52
20
转载 写html页面没意思，来挑战chrome插件开发
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。要开发谷歌浏览器插件，开发者通常需要创建一个包含*清单文件（manifes...
2024-04-25 09:15:12
19
转载 面试官：只知道v-model是modelValue语法糖，那你可以走了
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言我们每天都在用v-model，并且大家都知道在vue3中v-model是:modelValue和@update:modelValue的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？将v-model指令转换为modelValue属性和@update:modelVa...
2024-04-24 09:20:34
15
转载 轻松掌握开源项目的二次开发技巧
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文作者：@方长_beezen 原文链接：https://juejin.cn/post/7358647992608489535前言随着软件行业的迅速发展，开源项目的重要性已经成为不言而喻的事实。它能够为开发人员节省大量时间和成本，避免重复开发已存在的功能。其次，开源项目经过广泛的社区审查和测试，具有较高的质量，从而降低了开发风险。另外，庞大...
2024-04-23 09:20:27
49
转载 你真的理解 devDependencies 和 dependencies 的区别吗？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：井柏然原文：https://juejin.cn/post/7135795969370619918你是否真的理解 devDependencies 和 dependencies 的区别？如果不能确切的回答、理解还停留在模糊的阶段，那就接着往下看。笔者结合案例讲解，保证一文就能让大家清晰理解他们的区别。笔者可以大胆的说：devDepen...
2024-04-23 09:20:27
124
转载 前端框架新势力大盘点
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群近年来，前端领域快速发展，新的框架不断涌现，为开发者提供了更多选择和解决方案。尽管 React、Vue、Angular、Next.js、Preact 等老牌框架依然稳坐市场主流，但新势力前端框架的崛起也为特定场景带来了更佳的适配和优化。接下来，我们将一探近三年年出现的前端框架新势力，深入了解它们的特点以及主要解决的问题，共同探索这些新势力框...
2024-04-22 09:15:26
25
转载 分享几个前端中好玩且有用的开源工具,总有一个适合你！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群正所谓差生文具多,作为前端的我们,拥有几个合适的工具和网站可以很有效的提高我们的工具效率,还会有一些很有趣的网站可以在我们敲 bug 累了的时候供我们娱乐,接下来我就和大嘎分析一下我在用的一些工具和网站。聚合API该网站提供了大量的免费的 API 接口供我们使用,大家可以将其用在自己的项目上使用,并且每个接口都提供了完整的文档,开箱即用...
2024-04-22 09:15:26
15
转载 前端开发者必须知道的日常小技巧！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：明远湖之鱼https://juejin.cn/post/7301947438885191695这篇文章收录了本人在前端学习实践中遇到的一些问题及解决，可供前端新人进行学习和参考，下面先展示一些可能有用的文档/文章/网站：文档：【Chrome 扩展开发文档】：wizardforcel.gitbooks.io/chrome-doc/...
2024-04-19 09:20:46
29
转载 为什么大厂都要开发自己的脚手架？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：猿猴望月原文：https://juejin.cn/post/7128597557634138148每个初入大厂的前端同学，在真正投入开发之前的第一件事可能就是熟悉公司的脚手架，从那一刻起，你就抛弃了熟悉的cra、vue-cli、vite等，成为了合格的大厂人（误）大厂是不是为了冲绩效所以才会开发脚手架呢？每当新技术出现，作为热爱技...
2024-04-18 10:10:27
19
转载 面了一个字节45k前端大佬，见识到了基础天花板！
最近有个老同学进了某大厂—— 高级前端工程师，拿了45K*16薪！马上找他要来了几套高质量内部资料。既是高频真题，也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求，内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等等。实战代码清晰，解析也十分全面。足足有15套！据说有不少朋友靠这套资料进了腾讯、蚂蚁、美团等大厂。掌握了不单能应付面试，还能学到更多的前端核心知...
2024-04-18 10:10:27
22
转载 TypeScript很麻烦，不想使用！
前言 最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScript真的有那么麻烦吗？然而，当我抽时间审查队伍的代码时，我终于发现了问题所在。在这篇文章中，我想和大家分享我的一些发现和解决方案。一、类型复用不足 在代码审查过程中，我发现了大量的重复类型定义，这...
2024-04-17 09:20:38
21
转载 不要再写满屏import导入啦！
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：tager原文：https://juejin.cn/post/7344571285848768524密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的...
2024-04-16 09:15:32
13
转载 关于虚拟DOM（面试必看）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群原文地址：https://juejin.cn/post/7339364757386068004作者：漫步繁星的Talent什么是虚拟 DOM虚拟 DOM（Virtual DOM）本质上是 JS 和 DOM 之间的一个映射缓存，它在形态上表现为一个能够描述DOM 结构及其属性信息的 JS对象虚拟 DOM 在 React 组件的挂载阶段...
2024-04-16 09:15:32
19
转载 受 TypeScript 启发，微软又搞了一个神器！
TypeSpec 是什么TypeSpec[1] 是一种高度可扩展的语言，可轻松描述 REST、OpenAPI、gRPC 和其他协议中常见的 API 结构。TypeSpec 在生成多种不同的 API 描述格式、客户端和服务端代码、文档等方面表现出色。有了 TypeSpec，你就可以摆脱那些拖慢你速度的手写文件，并在几秒钟内生成符合标准的 API Schemas。TypeSpec 的特点简洁轻量：受 ...
2024-04-15 10:20:33
18
转载 4月，前端面试起飞了。。。
前几天下午摸鱼，无聊翻了下粉丝群，发现群里找了三个月工作的哥们儿拿到了字节45k+的offer！（个人信息厚码，转发已经过粉丝同意）交流了一下上岸心得，他说：（头像厚码，转发已经过粉丝同意）为了造福粉丝，我把他的面试资料全部要过来了！也是深藏不漏哈，没想到他收集的资料超全，还满满都是干货。全部资料已打包，内含前端八股文+大厂面试题库+算法题需要的朋友扫码找小助手领（高清pdf版）01八股文 | 基...
2024-04-15 10:20:33
14
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人