- 博客(1631)
- 收藏
- 关注
RSS订阅转载 为什么大厂都要开发自己的脚手架？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：猿猴望月原文：https://juejin.cn/post/7128597557634138148每个初入大厂的前端同学，在真正投入开发之前的第一件事可能就是熟悉公司的脚手架，从那一刻起，你就抛弃了熟悉的cra、vue-cli、vite等，成为了合格的大厂人（误）大厂是不是为了冲绩效所以才会开发脚手架呢？每当新技术出现，作为热爱技...
2024-04-18 10:10:27
1
转载 面了一个字节45k前端大佬，见识到了基础天花板！
最近有个老同学进了某大厂—— 高级前端工程师，拿了45K*16薪！马上找他要来了几套高质量内部资料。既是高频真题，也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求，内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等等。实战代码清晰，解析也十分全面。足足有15套！据说有不少朋友靠这套资料进了腾讯、蚂蚁、美团等大厂。掌握了不单能应付面试，还能学到更多的前端核心知...
2024-04-18 10:10:27
1
转载 TypeScript很麻烦，不想使用！
前言 最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScript真的有那么麻烦吗？然而，当我抽时间审查队伍的代码时，我终于发现了问题所在。在这篇文章中，我想和大家分享我的一些发现和解决方案。一、类型复用不足 在代码审查过程中，我发现了大量的重复类型定义，这...
2024-04-17 09:20:38
4
转载 不要再写满屏import导入啦！
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：tager原文：https://juejin.cn/post/7344571285848768524密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的...
2024-04-16 09:15:32
6
转载 关于虚拟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
8
转载 受 TypeScript 启发，微软又搞了一个神器！
TypeSpec 是什么TypeSpec[1] 是一种高度可扩展的语言，可轻松描述 REST、OpenAPI、gRPC 和其他协议中常见的 API 结构。TypeSpec 在生成多种不同的 API 描述格式、客户端和服务端代码、文档等方面表现出色。有了 TypeSpec，你就可以摆脱那些拖慢你速度的手写文件，并在几秒钟内生成符合标准的 API Schemas。TypeSpec 的特点简洁轻量：受 ...
2024-04-15 10:20:33
4
转载 4月，前端面试起飞了。。。
前几天下午摸鱼，无聊翻了下粉丝群，发现群里找了三个月工作的哥们儿拿到了字节45k+的offer！（个人信息厚码，转发已经过粉丝同意）交流了一下上岸心得，他说：（头像厚码，转发已经过粉丝同意）为了造福粉丝，我把他的面试资料全部要过来了！也是深藏不漏哈，没想到他收集的资料超全，还满满都是干货。全部资料已打包，内含前端八股文+大厂面试题库+算法题需要的朋友扫码找小助手领（高清pdf版）01八股文 | 基...
2024-04-15 10:20:33
6
转载 京东一面：浏览器跨标签页通信的方式都有什么？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群跨标签通信也有很多实际的应用场景，比如：共享登录状态：当用户在一个标签页中登录后，其他打开的标签页需要及时获取到登录状态，以保持一致的用户体验。在这种情况下，可以使用浏览器的localStorage或sessionStorage来存储登录状态，并通过监听storage事件来实现不同标签页之间的状态同步。实时通知和消息推送：如果用户在一个...
2024-04-12 09:15:39
7
转载 2024 年让我想疯狂学习的几个框架。。
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群2024 年即将到来，可以为新的一年做计划了，思考我们可以在未来一年中做些什么或学习些什么。这篇文章想做的是寻找新的一年中可以学习的框架，了解它们的功能，并找出它们特别之处。我们参考了 2023 年JS Rising Stars[1]列表，并尽可能客观地进行选择。对于每个被介绍的框架，我们都强调了它们最大的优点，以便你了解它们在哪些方面...
2024-04-11 09:20:31
14
转载 前端开发的利器，使用Whistle提升开发幸福感
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：欲买炸鸡同载可乐原文：https://juejin.cn/post/7330151205770412095好多人认为whistle是抓包工具，殊不知抓包只是whistle能力的冰山一角。除了抓包外，它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。总而言之，使用whistle能够提升我们的开发效率，改善开发体验。...
2024-04-11 09:20:31
11
转载 合并分支用rebase还是merge？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群实际开发工作的时候，我们都是在自己的分支开发，然后将自己的分合并到主分支，那合并分支用2种操作，这2种操作有什么区别呢？git上新建一个项目，默认是有master分支的，将项目克隆到本地，我们的准备工作就完成了同学A：执行git log ，可以看到有一个提交记录，是初始化提交新增一个文件a.txt, 再次查看我们的提交记录，有2条提交记录了...
2024-04-10 09:20:15
5
转载 解锁前端难题：亲手实现一个图片标注工具
业务中涉及图片的制作和审核功能，审核人员需要在图片中进行标注，并说明存在的问题，标注过程中需要支持放大缩小，移动等交互，将业务剥离，这个需求，可以定义为实现一个图片标注功能。实现这个功能并不容易，其涉及的前端知识点众多，本文带领大家从零到一，亲手实现一个，支持缩放，移动，编辑的图片标注功能，文字描述是抽象的，眼见为实，实现效果如下所示：技术方案这里涉及两个关键功能，一个是绘制，包括缩放和旋转，一个...
2024-04-10 09:20:15
25
转载 字节面试过了，来和大家聊一下前端的行情
前几天下午摸鱼，无聊翻了下粉丝群，发现群里找了三个月工作的哥们儿拿到了字节45k+的offer！（个人信息厚码，转发已经过粉丝同意）交流了一下上岸心得，他说：（头像厚码，转发已经过粉丝同意）为了造福粉丝，我把他的面试资料全部要过来了！也是深藏不漏哈，没想到他收集的资料超全，还满满都是干货。全部资料已打包，内含前端八股文+大厂面试题库+算法题需要的朋友扫码找小助手领（高清pdf版）01八股文 | 基...
2024-04-09 10:20:36
9
转载 现代 CSS 解决方案：accent-color 强调色
accent-color 是从 Chrome 93 开始被得到支持的一个不算太新属性。之前一直没有好好介绍一下这个属性。直到最近在给一些系统整体切换主题色的时候，更深入的了解了一下这个属性。简单而言，CSS accent-color 支持使用几行简单的 CSS 为表单元素着色，是的，只需几行代码就可以将主题颜色应用到页面的表单输入。表单元素一直被吐槽很难自定义[1]。而accent-color...
2024-04-09 10:20:36
10
转载 优雅的使用位运算，省老多事了！！！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言今天我们来一篇 JS 中的位运算科普，经常在源码中看到的位运算符，和用其定义的一系列状态到底有什么优势？位运算符号的基本了解首先，我们应该要简单了解位运算符，常用的位运算符大概有以下几种，我们可以在JS中使用toString将数字转换为二进制查看，也可以通过0b开头来手动创建一个二进制数字：(3).toString(...
2024-04-08 09:27:26
13
转载 开源分享！GPT自动投简历，一周斩获三offer
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群原文链接: https://juejin.cn/post/7320949203542409231作者：不要秃头啊WechatIMG54679 (1).png一、前言最近在 GitHub 上发现了一个非常有意思的项目：GitHub链接1。该作者巧妙地结合 GPT 和 RPA 技术，打造了一个自动投简历助手。这是原作者分享的效果展示视频：B...
2024-04-08 09:27:26
19
转载 React 并发 API 实战，这几个例子看懂你就明白了
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文适合对React 并发 API感兴趣的小伙伴阅读。目录什么是并发它和 React 有什么关系中断和切换是如何工作的那 Suspense 呢？如何启动 transition结束语什么是并发并发是一种执行模型，它允许程序的不同部分可以不按顺序执行，而不影响最终结果。你可能听说过多线程或多进程。由于浏览器中的 JavaScript 只能访...
2024-04-07 09:15:15
9
转载 40道ReactJS 面试问题及答案
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群英文 | https://blog.stackademic.com/top-40-reactjs-interview-questions-and-answers-for-2024-70c94e5fcccaReactJS 已成为现代 Web 开发的基石，其基于组件的架构和高效的渲染使其成为构建动态用户界面的首选。无论你是希望提高技能的经验丰富...
2024-04-03 10:45:07
26
转载 Vue3 + Three.js 商城可视化实战
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：前端了了liaoliao链接：https://juejin.cn/post/7137192060045492231实战目的根据不同的产品配合接口展示相应的描述。根据选择的场景及其物品实现可视化的产品展示效果。效果展示支持不同位置展示不同描述：配合数据配置渲染不同桢的效果根据选中的产品，切换相应产品效果根据选中场景，切换相应的场景实现思...
2024-04-03 10:45:07
19
转载 面试真的有问到 vue3，拿捏了！
本文推荐最近在考虑新机会的小伙伴阅读！前言上周和部门BP聊天，她说最近在boss上放出一个初级前端岗位，平均每天都能收到500多份简历。前端市场越来越卷，跳槽前做好技术进阶突击，才能稳拿offer。资料内容展示三个维度：资料框架+八股文+Vue3面试题+算法题部分资料逻辑框架八股文面试必备的八股文，整理的超级全。结合了2024年最新的面试动向，精准拿捏今年的前端面试！Vue3相关面试题总结重...
2024-04-02 10:20:54
14
转载 什么？！你居然连个内存泄漏都排查不出来
在日常的业务开发中，偶尔会出现内存泄漏的情况，那么我们该怎么排查呢？现在跟着文章一起学习下吧~使用Chrome devTools查看内存情况打开Chrome的无痕模式，以屏蔽Chrome插件对我们之后测试内存占用情况的影响。然后打开开发者工具，找到Performance栏，可以看到一些功能按钮，如开始录制按钮、刷新页面按钮、清空记录按钮、记录并可视化js内存、节点、事件监听器按钮、触发垃圾回收机制...
2024-04-02 10:20:54
12
转载 我的前端工程化宝典，分享给你
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言好久没更文了，因为有很多人问我工程化相关的内容，而我之前的工作中恰好有一些工程化的经验，这里笼统地和大家分享一下（没法太具体，具体的话，每部分都需要单开文章长篇大论），所以这里旨在为大家搭建体系，有需要的话，再慢慢细出吧（比较...
2024-04-01 09:55:59
8
转载 十年前端做Leader，这是我想跟你说的
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：mapbar_front原文：https://juejin.cn/post/73271072546037596432014年，我从大学毕业，到现在已经马上接近10年整了，内心深处，对于基层管理（前端leader）这个岗位，有了深刻的理解。而现如今，整个IT行业经历了巨大的繁荣之后，也进入到了自己的平稳期，以前动不动就想要升职加薪的...
2024-04-01 09:55:59
15
转载 我在大专院校教前端，咋润进去的，待遇如何？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：yoUng9527https://juejin.cn/post/7312081875023101963好久没跟大家分享了，看过我文章的小伙伴晓得，我是做前端培训的。现在行情差，初级前端已经饱和并暴雷，各大培训机构前端方向要么关闭，要么缩减严重。我们原来是小机构的，所有就直接关闭了。对于一个37岁的老前端来说，出来找开发工作，确实也...
2024-03-31 10:43:24
19
转载 托文档搜索的福，我终于在实战中用上了AI！
halo大家好，我是广州小井。有段时间没发文章了，最近都在卷一些自己的空白领域，比如文档搜索，k8s部署等等...卷到上厕所的时间都木有了，这不~现在文档搜索初步卷出点效果来了，赶紧来写成实战文章进行分享。话说 AI 已经火了很长一段时间了，毕竟23年初期的 GPT 带来的冲击（甚至出现了“前端，狗都不做”的言论！），大家都在关注、讨论人工智能了。但说实话，那时候的自己还真的没有任何实战应用 AI...
2024-03-29 09:01:31
13
转载 面了一个26岁的前端小哥，真的有被震惊到！
前天加完班，回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱，结果没想到仔细一看，这份资料竟然真的有点东西。内容收纳的很全，而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人，果然是位大佬！他是现任阿里前端Leader，在前端行业深耕近十年，见证了互联网的飞速发展，也见证...
2024-03-29 09:01:31
10
转载 微信支付混沌工程实践
????目录1 为什么要做混沌工程2 如何落地3 成果4总结与展望业务场景：微信支付服务于千万商户和亿级用户，可用性要求高于 5 个 9；落地矛盾：注入故障需贴近实际故障环境，对现网业务无影响/弱影响；实践难点：如何控制最小半径，如何高效、全面挖掘风险；业务收益：发现多处组件和业务风险，从0到1建设起混沌工程系统；未来展望：更丰富的故障原子；自动化；支持多类半径实验。本文从业务角度介绍微信支付实践混沌...
2024-03-28 10:10:56
7
转载 实现Vue3响应式系统核心-MVP 模型
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群简介2023 年 12 月 31 日，vue2 已经停止维护了。你还不会 Vue3 的源码么？手把手带你实现一个 vue3 响应式系统，你将获得：Vue3 的响应式的数据结构是什么样？为什么是这样？如何形成的？Proxy 为什么要配合 Reflect 使用？如果不配合会有什么问题？Map 与 WeakMap的区别响应式数据以及副作用函数响...
2024-03-27 09:20:53
15
转载 还学的动吗？号称最快的 JS 运行时 WinterJS 发布！速度对标 Bun、支持 RSC...
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群WinterJS 是一个使用 Rust 编写的、与 WinterCG 兼容的 JavaScript 运行时，使用 SpiderMonkey 引擎执行 JavaScript，并使用 Tokio 处理底层的 HTTP 请求和 JS 事件循环。WinterJS 运行时还可以编译为 WebAssembly，并且因此是第一个完全可在 Wasmer E...
2024-03-26 09:20:48
27
转载 Antfu 全职开源四年：当爱好变成职业，我发现一切并没有那么简单
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言: Antfu 是前端开源领域的狂热爱好者，是很多知名开源项目的作者以及维护者，如 Slidev、Vitest 等等，同时也是 Nuxt、Vue、Vite 团队的官方成员。下面是他全职开源四年后的一些感悟，讲述了关于全职开源后的状态、个人心态的成长和变化、软件开发的底层思考以及对自己内在的探索。（阅读英文原文可查看文末原文的链接）这是我...
2024-03-26 09:20:48
21
转载 VUE中常用的4种高级特性！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群1. provide/injectprovide/inject 是 Vue.js 中用于跨组件传递数据的一种高级技术，它可以将数据注入到一个组件中，然后让它的所有子孙组件都可以访问到这个数据。通常情况下，我们在父组件中使用 provide 来提供数据，然后在子孙组件中使用 inject 来注入这个数据。使用 provide/inject 的...
2024-03-25 09:46:23
16
转载 总结下最近的几场大厂前端实习面试
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群大家好，我是winty。分享一篇最近入职快手的面试经历。正文博主目前已经接到快手offer,即将启程下一段实习了，我会将最近的几场面试题都整理出来，供大家学习参考，也可以让大家了解目前大厂面试题题型的转变。快手一面令我感叹的是，几场面试下来感觉八股都不多了，更多的都是场景题。八股部分js数据类型，如何判断,几种判断数据类型的方法，并且说他们...
2024-03-25 09:46:23
13
转载 Vue 团队正式开源 Rolldown
本文适合对rust打包工具感兴趣的小伙伴阅读。前言3 月 8 日，Vue 团队正式开源了其对外公布已久的打包工具：Rolldown，它是使用 Rust 开发的 Rollup 替代品，提供了与 Rollup 兼容的 API 和插件接口，但在功能范围上将更接近 Esbuild。下面我们一起来看看Rolldown的背后故事背景10 月 5 日 - 6 日，ViteConf 2023 在线举行，Vue 和...
2024-03-22 09:00:16
17
转载 答应我，在vue中不要滥用watch好吗？
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言上周五晚上8点，开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求，并且维护这一块业务的同事已经下班走了，所以只有我来做。虽然内心一万头草泥马在狂奔，但是嘴里还是一口答应没问题。由于这一块业务很复杂并且我也不...
2024-03-21 09:20:58
14
转载 深入JS执行原理：一文搞定 EventLoop、宏任务、微任务
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：Sailinghttps://juejin.cn/post/7318619321421217832面试官：你了解JavaScript事件循环吗，掌握多少，把你知道的都说一下。今天我们就来说一下，JavaScript作为一门单线程语言，如何通过事件循环（Event Loop）和任务队列（Task Queue）的机制，高效地处理异步任务，...
2024-03-21 09:20:58
25
转载 相比于 Node.js，Deno 和 Bun 到底能带来什么？
Deno 和 Bun 是两个想颠覆 Node.js 的新的 JavaScript 运行时。这两个替代方案凭借其对 JavaScript 服务器开发的创新设计在社区里也收获了不少的人气。但真正的问题是：相比于 Node.js，它们究竟能带来些什么呢？JavaScript 引擎JavaScript 引擎是一种负责解析 JavaScript，并且将其转换为可执行代码并运行的技术，也是每个浏览器的核心。在...
2024-03-20 09:21:01
28
转载 如何减少网页卡顿
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言经常听人说，“不要阻塞主线程”，或者 “减少长耗时 "，该如何做呢？聊网站性能的文章有很多，通常为了提高 js 性能，避不开这两点：不要阻塞主线程减少长耗时该怎么做呢？很明显，精简 js 代码有好处，但更少的代码量是否就一定意味着用户界面的体验会更顺畅？可能会，但也可能恰恰相反。要弄懂优化 js 中任务的重要性，首先需要了解什么是任务、...
2024-03-20 09:21:01
17
转载 为什么defineProps宏函数不需要从vue中import导入？
本文约4000+字，整篇阅读大约需要10分钟。前言我们每天写vue代码时都在用defineProps，但是你有没有思考过下面这些问题。为什么defineProps不需要import导入？为什么不能在非setup顶层使用defineProps？defineProps是如何将声明的 props 自动暴露给模板？举几个例子我们来看几个例子，分别对应上面的几个问题。先来看一个正常的例子，common-ch...
2024-03-19 10:20:55
16
转载 字节面试官：你让我见识到了前端基础的天花板！
前几天下午摸鱼，无聊翻了下粉丝群，发现群里找了三个月工作的哥们儿拿到了字节45k+的offer！（个人信息厚码，转发已经过粉丝同意）交流了一下上岸心得，他说：（头像厚码，转发已经过粉丝同意）为了造福粉丝，我把他的面试资料全部要过来了！也是深藏不漏哈，没想到他收集的资料超全，还满满都是干货。全部资料已打包，内含前端八股文+大厂面试题库+算法题需要的朋友扫码找小助手领（高清pdf版）01八股文 | 基...
2024-03-19 10:20:55
17
转载 突破项目瓶颈：2024 年 Monorepo 工具选择和实践
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：方长_beezen 原文地址：https://juejin.cn/post/7342360674151858202前言在当今飞速发展的软件开发领域，面对日益复杂的项目结构和不断增长的开发挑战，各团队需要不断调整其开发工作流程，以适应变化中的需求。随着项目的发展，我们发现传统的单一代码库在应对多项目、多库和多服务的情况下显得力不从心。...
2024-03-18 09:56:29
60
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人