首页
学习
活动
专区
工具
TVP
发布

前端Q

专栏作者
379
文章
485698
阅读量
42
订阅数
16 个在面试前需要知道的系统设计概念
英文 | https://levelup.gitconnected.com/16-system-design-concepts-i-wish-i-knew-before-the-interview-b8586e40a73b
winty
2024-05-10
350
面试官:假如有几十个请求,如何去控制并发?
面试官:看你简历上做过图片或文件批量下载,那么假如我一次性下载几十个,如何去控制并发请求的? 让我想想,额~, 选中ID,循环请求?,八嘎!肯定不是那么沙雕的做法,这样做服务器直接崩溃啦!突然灵光一现,请求池!!! 我:利用Promise模拟任务队列,从而实现请求池效果。 面试官:大佬!
winty
2024-05-10
380
字节三年,谈谈一线团队如何搞工程化
小马加入公司不久,最近刚接手一个新需求。凭借以往经验,这是一个small case,很快的给了排期,准备开干。没多久,他就向他的mentor提了第一个问题:“怎么创建项目?”,mentor很快就丢过来一个仓库,并回复道“你拿着这个项目去copy下改改”。小马愣了一下,不敢多问,立马开始操作,一顿CV猛如虎,项目终于跑起来,心想“快了,只要项目跑起来就快了”。接着小马在开发过程中遇到一个比较通用的功能,又问mentor有没有类似组件,没多久mentor又丢过来一个仓库,并在链接下评论:“你在xx文件下找找xx组件,应该修改修改就能用”,小马又把项目跑起来了,细研究了源码,果然能用,很开心又解决了一个问题。这样类似问题一个接一个,mentor也都能很快的给出答复。时间很快,在mentor的加持下到了联调那一天,小马心里长舒一口气“终于可以用真实数据跑一把了”,结果在浏览器刷新的那一刻,页面白了,虽然屏幕有点脏,但显的格外的白,这终究还是没有超出预期啊。这一调又是一堆问题,要么是成功码不对,要么是该有的字段没有,有了结构也不对,小马跑过去问后端怎么回事,后端回道“你应该没看最新文档”,小马打开文档对比了下:“嗯,是已经有很多不一样的了,但和现在的接口返回好像也不完全一样吧”,最终小马还是选择了相信接口返回的json。又是一顿折腾准备提测,小马又问mentor“怎么部署啊?”,mentor毫无意外的又丢过来一个文档,好一点的是这次只有一个文档,应该比较简单,点开的一瞬间又绷不住了,里面是一堆文档的链接,有什么编译的、部署的、环境配置的、权限配置的、流水线校验等等。此时小马已经濒临崩溃,但也只能硬着头皮挨个看,挨个对接,但总有地方报错。去查文档,但文档点开总有其它文档,点不完,有时还会有好几篇相同的文档,但说法却不尽相同(小马心里苦啊,他要的只是一个button,轻轻一点就能部署罢了)。作为新同学,小马只能一遍又一遍的问自己的mentor。
winty
2024-05-10
580
Vue3 除了 keep-alive,还有哪些页面缓存的实现方案
有这么一个需求:列表页进入详情页后,切换回列表页,需要对列表页进行缓存,如果从首页进入列表页,就要重新加载列表页。
winty
2024-04-30
1690
写html页面没意思,来挑战chrome插件开发
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序,可以为用户提供额外的功能和定制化的体验。谷歌浏览器插件通常由HTML、CSS和JavaScript组成,非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。
winty
2024-04-25
2160
前端开发者必须知道的日常小技巧!
这篇文章收录了本人在前端学习实践中遇到的一些问题及解决,可供前端新人进行学习和参考,下面先展示一些可能有用的文档/文章/网站:
winty
2024-04-19
1450
为什么大厂都要开发自己的脚手架?
每个初入大厂的前端同学,在真正投入开发之前的第一件事可能就是熟悉公司的脚手架,从那一刻起,你就抛弃了熟悉的cra、vue-cli、vite等,成为了合格的大厂人(误)
winty
2024-04-18
2740
TypeScript很麻烦,不想使用!
最近,我们部门在开发一个组件库时,我注意到一些团队成员对使用TypeScript表示出了抵触情绪,他们常常抱怨说:“TypeScript太麻烦了,我们不想用!”起初,我对此感到困惑:TypeScript真的有那么麻烦吗?然而,当我抽时间审查队伍的代码时,我终于发现了问题所在。在这篇文章中,我想和大家分享我的一些发现和解决方案。
winty
2024-04-17
970
关于虚拟DOM(面试必看)
虚拟 DOM(Virtual DOM)本质上是 JS 和 DOM 之间的一个映射缓存,它在形态上表现为一个能够描述 DOM 结构及其属性信息的 JS 对象
winty
2024-04-16
1010
受 TypeScript 启发,微软又搞了一个神器!
TypeSpec[1] 是一种高度可扩展的语言,可轻松描述 REST、OpenAPI、gRPC 和其他协议中常见的 API 结构。TypeSpec 在生成多种不同的 API 描述格式、客户端和服务端代码、文档等方面表现出色。有了 TypeSpec,你就可以摆脱那些拖慢你速度的手写文件,并在几秒钟内生成符合标准的 API Schemas。
winty
2024-04-15
2270
京东一面:浏览器跨标签页通信的方式都有什么?
没错,还是京东一面的问题,首先问的是浏览器跨标签也通信的方式有什么,我答完浏览器通信通信的方式,后面就接着问 JavaScript 有什么方式的了。
winty
2024-04-15
990
前端开发的利器,使用Whistle提升开发幸福感
好多人认为whistle是抓包工具,殊不知抓包只是whistle能力的冰山一角。除了抓包外,它还能修改请求与响应、真机调试h5移动端、解决跨域、域名映射等等等。总而言之,使用whistle能够提升我们的开发效率,改善开发体验。
winty
2024-04-15
1300
2024 年让我想疯狂学习的几个框架。。
2024 年即将到来,可以为新的一年做计划了,思考我们可以在未来一年中做些什么或学习些什么。这篇文章想做的是寻找新的一年中可以学习的框架,了解它们的功能,并找出它们特别之处。
winty
2024-04-15
1830
解锁前端难题:亲手实现一个图片标注工具
业务中涉及图片的制作和审核功能,审核人员需要在图片中进行标注,并说明存在的问题,标注过程中需要支持放大缩小,移动等交互,将业务剥离,这个需求,可以定义为实现一个图片标注功能。
winty
2024-04-15
1110
合并分支用rebase还是merge?
实际开发工作的时候,我们都是在自己的分支开发,然后将自己的分合并到主分支,那合并分支用2种操作,这2种操作有什么区别呢?
winty
2024-04-15
1030
现代 CSS 解决方案:accent-color 强调色
accent-color 是从 Chrome 93 开始被得到支持的一个不算太新属性。之前一直没有好好介绍一下这个属性。直到最近在给一些系统整体切换主题色的时候,更深入的了解了一下这个属性。
winty
2024-04-15
1150
开源分享!GPT自动投简历,一周斩获三offer
该作者巧妙地结合 GPT 和 RPA 技术,打造了一个自动投简历助手。这是原作者分享的效果展示视频:B站视频链接2。
winty
2024-04-15
1350
优雅的使用位运算,省老多事了!!!
今天我们来一篇 JS 中的位运算科普,经常在源码中看到的位运算符,和用其定义的一系列状态到底有什么优势?
winty
2024-04-15
860
React 并发 API 实战,这几个例子看懂你就明白了
并发是一种执行模型,它允许程序的不同部分可以不按顺序执行,而不影响最终结果。你可能听说过多线程或多进程。由于浏览器中的 JavaScript 只能访问一个线程(虽然 Web Workers 在单独的线程中运行,但它们和 React 关系不大),我们不能使用多线程来并行处理一些计算。为了确保资源的最佳利用和页面的响应性,JavaScript 必须采用不同的并发模型:协作式多任务。这听起来可能有点复杂,但别担心,你已经熟悉这个模型了,而且肯定用过。
winty
2024-04-15
1080
Vue3 + Three.js 商城可视化实战
链接:https://juejin.cn/post/7137192060045492231
winty
2024-04-03
1440
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档