- 博客(1800)
- 收藏
- 关注
RSS订阅转载 为什么软件行业仍在重蹈 50 年前的覆辙？读《人月神话》有感
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群????目录1 《人月神话》的背景2 20 周年纪念版序言3 第 1 章 - 焦油坑4 第 2 章 - 人月神话5第 3 章 - 外科手术队伍6第 4 章 - 贵族专制、民主政治和系统设计7第 5 章 - 画蛇添足8第 6 章 - 贯彻执行9第 7 章 - 为什么巴别塔会失败10第 8 章 - 胸有成竹11第 9 章 - 削足适履1...
2024-09-24 09:15:41
116
转载 一个新的 HTML 元素：<permission>！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群Chrome 126 于近期发布了稳定版本，其中一个比较有意思的更新是给 HTML 带来一个新的元素：<permission> ，它将从这个版本开始试用，并且正在努力走向标准化。今天我们一起来看下这个 <permission> 元素的用法。Web 权限提示的问题当 Web 应用程序需要访问浏览器的高级功能时，需要向用...
2024-09-24 09:15:41
4
转载 flat() 和 flatMap() 有什么区别？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在 JavaScript 中，数组就像数据结构中的超级英雄。但是，当你进入嵌套数组的领域时，事情可能会变得有点混乱，就像一团乱麻。幸运的是，ES2019 带来了两个超级方便的数组方法：flat() 和 flatMap()。这些方法不仅使数组处理变得轻而易举，而且还简化了处理那些讨厌的嵌套数组的过程。让我们深入了解这些方法的细节、它们的区别，...
2024-09-20 09:15:15
33
转载 8 个程序员都必须知道的常见数据结构
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在软件开发领域中，数据结构是我们能够有效地组织、存储和操作数据的基本构建块。无论你是初学者还是经验丰富的开发人员，掌握常见的数据结构对于编写高效且优化代码都至关重要。在今天的文章中，我们将探讨每个程序员都应该熟悉的8种基本数据结构，并提供清晰的解释和相关示例，以帮助你了解它们的重要性和应用。1. 数组：多功能主力什么是数组？数组可能是编程中...
2024-09-20 09:15:15
62
转载 Webpack 性能优化方案看这篇就够了！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群无论在面试还是内部晋升，性能优化方案 一直都是非常重要的部分。性能优化可以分为很多种，比如：打包工具（webpack || vite）性能优化访问速度优化用户感知优化代码标准化...正文在了解 webpack 的性能优化之前，我们需要先对性能优化有一个总体的认知，总共分为 3 点：在业务开发中，不要过早的考虑性能优化，而且业务开发大部分时候...
2024-09-18 08:54:28
556
转载 Cursor｜软件开发行业新变革
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文来自 AGI 掘金用户投稿编码时有豆包MarsCode 帮你实现效率倍增而你，我的朋友只需要负责早！点！下！班！如果我们的内容对您有帮助的话欢迎您点赞转发在看哦⬇产品：CursorCursor 是一款基于人工智能的代码编辑器，创建了一个集成开发环境 （IDE）。旨在帮助开发人员编写代码，并与 AI 进行实时互动，提供代码建议、错误检测和...
2024-09-13 09:15:28
137
转载 ServiceWorker 让前端赋能，一起拥抱服务端的能力
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群ServiceWorker 是一个运行在浏览器背后的独立线程，它拥有访问网络的能力，可以用来实现缓存、消息推送、后台自动更新等功能，甚至可以用来实现一个完整的 Web 服务器。因为ServiceWorker运行在浏览器背后，因为这个特性，它可以实现一些不需要服务器参与的功能，比如消息推送、后台自动更新等。什么是 ServiceWorkerS...
2024-09-13 09:15:28
94
转载 每秒处理 129 万个请求！Bun.js 性能迎来大幅增长！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群近期，Bun 发布了 v1.1.25 版本，并高调宣布在最新的性能测试中，每秒可以处理 129 万个 HTTP 请求，我们一起来看看这个版本究竟做了哪些改进吧。node:cluster 支持Bun 现在支持 node:cluster API。通过使用这个 API，你可以在同一个端口上运行一组 Bun workers，从而实现更高的吞吐量和利...
2024-09-10 09:15:43
170
转载 2024最新VSCode实用插件推荐，开发效率遥遥领先！超全面，快收藏~
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作为前端开发，vscode 好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。但是，很多文章介绍的插件都不怎么详细，有些更是毫无卵用，尤其某 N，简直屎里淘金。这篇文章，我将结合自己的工作经验，向大家推荐我工作中用到的一些插件，我会尽可能详细和全面介绍。如果大家有更好用的插件，欢迎在评论区分享！必备中文插件...
2024-09-10 09:15:43
165
转载 腾讯写码6年，我总结的技术人核心竞争力
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群????目录1 重视基础然后呢？2 重视输出3 永远都选 A4 最后过去几年的开发生涯，我一直都在思考技术成长/核心竞争力这些命题。程序员这个行业面临的年龄危机和焦虑感是前所未见的，这些命题也将伴随程序员的整个职业生涯。在计算机软件工程...
2024-09-09 09:15:57
148
转载 前端容器化部署——实战学习nginx，积累面试经验
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前文有提到前端项目容器化部署和静态资源部署的两种方式，核心的区别就是在于部署的这个文件服务器在谁的手里管辖。如果说是纯上传静态资源就可以完成部署工作，那么服务器的管辖大概率在运维同学手里；如果说是容器化部署，那意味着我们可以自己管理自己的文件服务器——Nginx。本文不会细致讲解从零到一的 Nginx 配置、高级玩法，更多是通过我个人遇到的...
2024-09-06 09:15:34
162
转载 100 个太多，但这 9 个 css 属性你必须要知道！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群昨天发布了一篇 助力性能优化：100 个 CSS 优化技巧分享！,就有同学反馈说：“100 个太多了，也记不住了，放到收藏夹里吃灰吧 ????”好吧，100 个确实太多。所以，今天咱们就只关注 “重中之重”，看一下这 9 个特别有用的 css 属性！01：外部形状控制使用 shape-outside 属性控制定义文本如何环绕 HTML 元素。此属...
2024-09-06 09:15:34
109
转载 GitHub + VitePress，或许是你做笔记的新路子
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言为什么我开始转入 VitePress，主要是因为好玩，一直想搭建一个个人博客，稍微了解了一下 VitePress 就狠狠的爱上了，实在是太简便太舒服了 还能结合 GitHub，部署个人网站，入门门槛极低 身为 熟练掌握 Vue 的搬砖工，只要你愿意，你也能玩出花（PS：真的可以玩出花，你看）本篇主要介绍搭建工作以及部分配置，不会着重介绍...
2024-09-05 09:15:40
112
转载 产品：你能让网页也像QQ那种一样发出右下角消息吗
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文用于记录浏览器发出通知的知识点，相关API为Notification(https://developer.mozilla.org/zh-CN/docs/Web/API/Notification)原文地址：https://juejin.cn/post/7402781955077095474作者：李仲轩需求很平常的一个工作日，「产品经理...
2024-09-05 09:15:40
252
转载 刚接了字节的offer，分享一下我的经验
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群有个本科学弟前段时间顺利通过字节转正了，跟我做了同事，挺替他开心的，他给我分享了他的经验总结，分享一下他的经验总结。一、个人情况末流211应届本，CS科班，末流acmer。大一大二一心想保研，主要都呆在acm实验室，大三上突然意识到自己读完研还是要就业，就转换思路，本科能进大厂就本科进吧。二、先谈谈我的选择今年秋招陆续接到了一些意向，但是我...
2024-09-04 09:46:10
55
转载 （已开源）开发了一个纯前端在线代码编辑器、制作一个炫酷动画收藏网站
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群原文链接: https://juejin.cn/post/7405769445027594266作者：_小九 感谢小伙伴投稿，项目已开源欢迎start收藏距离上次在掘金写作已经过去了很长时间，这段时间里，我也没有开发什么有意思的项目。最近终于有了些空闲时间，我决定学习一下NuxtJs 3。虽然它已经发布有一段时间了，但因为工作中没有机...
2024-09-04 09:46:10
233
转载 性能优化思路之网络层优化
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言在数字时代，速度已成为互联网体验的关键。用户对网页加载时间的容忍度越来越低，每一毫秒的延迟都可能导致用户的流失。根据谷歌的研究，页面加载时间超过3秒的网站，其跳出率会增加120%。在这个以用户为中心的网络世界里，性能优化不再是一个选项，而是必须。相信大家都至少听过一道面试题从用户输入网址到界面完成展示中间发生了什么。不知道大伙有没有思考...
2024-09-03 09:15:50
191
转载 要不要发给你们后端？ 看看人家后端 API 接口写的，那叫一个优雅！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在移动互联网，分布式、微服务盛行的今天，现在项目绝大部分都采用的微服务框架，前后端分离方式，（题外话：前后端的工作职责越来越明确，现在的前端都称之为大前端，技术栈以及生态圈都已经非常成熟；以前后端人员瞧不起前端人员，那现在后端人员要重新认识一下前端，前端已经很成体系了）。一般系统的大致整体架构图如下：需要说明的是，有些小伙伴会回复说，这个架...
2024-09-03 09:15:50
106
转载 还在用 swiper.js 吗？CSS实现带指示器的swiper
几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的swiper.js没想到已经出到 11 个大版本了https://www.swiper.com.cn/当然我也不例外，确实非常全面，也非常强大。不过很多时候，我们可能只用到了它的10%不到的功能，显然是不划算的，也会有性能方面的顾虑。随着CSS地不断发展，现在纯CSS也几乎能够实现这样一个swiper了，实现更加简单，更加轻量，性能也更...
2024-09-02 09:15:17
397
转载 CSS 函数 calc() 会引起重排重绘吗
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文转载于稀土掘金技术社区，作者——窗边的anini原文链接：https://juejin.cn/post/7374716539679359003calc() 用法介绍CSS 中的 calc() 函数可以执行元素属性的计算。首先简单介绍一下 CSS 中的 calc() 函数的用法。语法：property:calc(expression);...
2024-09-02 09:15:17
95
转载 如何检查前端项目和node项目中未被使用的依赖包
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：Moment原文：https://juejin.cn/post/7355779183148318747随着前端项目中使用的依赖包越来越多，而其中一部分依赖包可能并未被项目所使用，手动查找这些依赖包既耗时又繁琐。未使用的依赖包会增加项目的大小，这可能会导致下载和安装你的应用所需的时间更长。并且在构建项目时，构建工具需要处理所有的依赖...
2024-08-30 09:16:00
1455
转载 面试题：一次性渲染十万条数据
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言当面试官问：给你十万条数据，你会怎么办？这时我们该如何应对呢？在实际的Web开发中，有时我们需要在页面上展示大量的数据，比如用户评论、商品列表等。如果一次性渲染太多的数据（如100，000条数据），直接将所有数据一次性渲染到页面上会导致浏览器卡顿，用户体验变差。下面我们从一个简单的例子开始，逐步改进代码，直到使用现代框架的虚拟滚动技术来...
2024-08-30 09:16:00
1606
转载 京东又开源一款新作，中后台开发效率高出10倍！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群今天推荐一款京东开源的、高效的企业级表格可视化搭建解决方案：DripTable！DripTable 是京东零售推出的一款用于企业级中后台的动态列表解决方案，项目基于 React 和 JSON Schema，旨在通过简单配置快速生成页面动态列表来降低列表开发难度、提高工作效率。DripTable 目前包含以下子项目：drip-table、dr...
2024-08-29 09:15:33
171
转载 如何二次封装 Axios 下载文件和上传文件？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群一 下载文件正常情况下，我们用axios下载下来的文件是一个二进制的东西，需要处理才能成一个真真的文件。比如：我用express写一个接口，就是当页面访问的时候，下载这个美女图片。服务端客户端浏览器console上图里面，对象data里面放了很多二进制的东西，就是我们的文件内容，我们需要用Blob对象，把他转成Blob，然后用 window...
2024-08-29 09:15:33
391
转载 写给懒人的Vue3快速查阅宝典
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群原文链接: https://juejin.cn/post/7332435905925890098作者：radawn写了多年React，但是新入职的公司技术栈是Vue，部门后续会升级到Vue3。并且发现身边不少小伙伴是React转Vue，因项目原因需要快速上手，所以输出了一篇学习笔记，方便快速上手查阅。Vue 3 相对于 Vue 2 有许...
2024-08-28 09:15:49
52
转载 如何实现一套完整的CI/CD？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群CI/CD在项目中的作用不可言喻，避免了手工操作的低级失误以及便捷了开发部署项目。首先实现完整CI/CD，需要一些前置知识。CI是什么？CI是持续化集成。他主要流程其实就是开发将代码上传到Github，持续集成工具（Github action， Jenkins）检测到新的代码提交，会触发构建过程，生成应用镜像，推送到镜像仓库（docker ...
2024-08-28 09:15:49
102
转载 把黑神话悟空视频设置为vscode背景，真的太炫酷了。
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群背景今天在掘金热榜上看到VSCode 天命人：边打代码边体验黑神话悟空 ✨这篇文章，文章里说vscode里不能播放视频，我研究了一下，找到一个可以播放视频的方案，于是我写了一个vscode插件，把黑神话悟空宣传视频当前vscode背景，效果真的太炫酷了。效果展示主题1主题2使用说明可以到vscode插件市场中安装，也可以本地vscode插件...
2024-08-27 09:15:20
58
转载 React模式指南：重构你的前端思维
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群设计模式复合模式( Compound Pattern )在我们的应用程序中, 经常包含相互关联的组件, 它们通过共享状态相互依赖, 并共享相关逻辑。你可以在像选择、下拉组件或菜单项这样的组件中经常看到这一点。复合组件模式允许你创建一同工作以完成需求的组件。我们来看一个例子，这里我构建了一个Counter计数器组件，并在App.js中使用它：...
2024-08-27 09:15:20
35
转载 面试官：来, 实现一个基于promise的请求重试吧
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群背景实现一个函数 实现一个重试功能，当异步任务失败时，等待N秒后会自动重试直到成功或达到最大重试次数。constquery=()=>{returnfetch('https://api.juejin.cn/user_api/v1/user/dynamic?user_id=3649990025815...
2024-08-26 09:15:11
44
转载 基于 Three.js 的 3D 模型加载优化
作者：来自 vivo 互联网前端团队- Su Ning作为一个3D的项目，从用户打开页面到最终模型的渲染需要经过多个流程，加载的时间也会比普通的H5项目要更长一些，从而造成大量的用户流失。为了提升首屏加载的转化率，需要尽可能的降低loading的时间。这里就分享一些我们在模型加载优化方面的心得。一、前言近段时间，我们使用three.js完成了vivo拟我形象的开发工作，大家可以在vivo账号中拟制...
2024-08-23 09:15:00
40
转载 这几个前端组件库有点厉害！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群今天给大家推荐几款的后台管理系统开箱即用的组件库，基于ElementUI二次封装，开发必备Headless UIHeadless UI 是一款出色的前端组件库，专为与 Tailwind CSS 集成而设计。一组完全无样式、完全可访问的 UI 组件，可以自由的引入进你的项目，支持Vue和React。项目特点无样式干扰 - 不带预设样式的组...
2024-08-23 09:15:00
45
转载 30+ 个工作中常用到的前端小知识（干货）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：隐冬https://juejin.cn/post/69086988270338375751. JS为什么单线程一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。而且还有一个主要的原因，设想一下，如果js...
2024-08-22 09:15:45
35
转载 纯 CSS 检测滚动的速度和方向
分享一个 CSS 交互技巧CSS可以做的事情越来越越多了。我们经常会碰到这样的场景，很多网页会在右下角放一个固定入口，有可能是返回顶部，有可能广告，为了避免干扰，在页面滚动时，会把这些入口临时收起来，停止滚动后再出现，就像这样通常我们实现这样的效果会借助JS的定时器，并且监听页面滚动，其实也不复杂，大概是这样实现let timer;window.addEventListener('scroll'...
2024-08-22 09:15:45
61
转载 封装WebSocket消息推送，干翻Ajax轮询方式
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群使用AJAX和WebSocket都可以实现消息推送，但它们在实现方式和适用场景上有所不同。下面是使用这两种技术实现消息推送的简要说明。AJax实现或WebSocket实现对比AJAX 实现消息推送AJAX（Asynchronous JavaScript and XML）允许你在不重新加载整个页面的情况下，与服务器进行数据交换。但是，传统...
2024-08-21 09:15:45
34
转载 开源项目 | 低代码流程开发平台、基于Activiti7和Vue3全开放式流程，简洁且强大的...
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群一、项目简介在当今数字化时代，企业面临着快速变化的市场环境和日益复杂的业务需求。现有的软件开发模式往往存在开发周期长、成-本高、迭代速度慢等问题，难以满足企业对快速响应市场变化的需求。此外，传统的开发平台往往缺乏灵活性和扩展性，限制了企业业务创新的步伐。为了解-决这些痛点，一款能够支持快速迭代、低代码开发、并且易于整合和扩展的软件成为了迫切...
2024-08-21 09:15:45
60
转载 一次网络请求的顿悟之旅
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群当你在浏览器输入 qq.com 按下回车键，到页面呈现在你面前，整个过程发生了什么？我以前思考过这个问题，从最前面的浏览器到最后的 db 都梳理的一遍，触发了一次技术顿悟，将很多散落的知识点贯通起来了。01IP、DNS 和 CDN如果面试时问你「局域网 IP 有哪些 IP 段」，你怎么答？1.1 为什么不是每个设备一个公网 IP？先说...
2024-08-20 09:15:34
34
转载 还在手写路由？Vue3 可以自动生成路由啦！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在 Vue3 开发中，路由管理一直是项目结构中的重要组成部分。传统的路由配置方式需要手动编写每个路由的配置信息，这在页面众多的大型项目中显得尤为繁琐。今天，我们将介绍一个能够自动化生成 Vue3 路由的插件 —— unplugin-vue-router。它将大幅提升你的开发效率！unplugin-vue-router 简介unplugin-...
2024-08-20 09:15:34
184
转载 掌握现代 Web API：2024 年强大浏览器功能指南
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群随着网络应用程序变得越来越复杂，开发人员更需要充分利用现代浏览器的强大功能。这篇文章将探讨多种正在革新的 2024 年网络开发前沿 Web API。从简化在线交易到高级存储解决方案，这些 API 提供了强大的工具，帮助创建更具动态性、安全性和用户友好性的网络体验。1. 支付请求API：简化在线交易付款请求 API 改变了电子商务网站。它标准...
2024-08-19 09:15:46
36
转载 深入理解 JavaScript 的 Promise 与 async/await
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群JavaScript 中的异步编程是开发现代 Web 应用的核心部分，而 Promise 和 async/await 是处理异步操作的关键工具。本文将详细讲解 Promise 的概念与用法，并介绍如何使用 async/await 来简...
2024-08-19 09:15:46
56
转载 腾讯一面：let、const解决了什么问题？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言今天来聊一聊腾讯的一个面试题，let、const解决了什么问题？let、const解决了什么问题？我们来分析一下这个问题首先这个问题问我们let、const解决了什么问题？我们就需要去分别讲解一个let和const是干什么用的首先let和const是es6后面才有的东西，既然问到这个说明面试官的问题聚焦到了es6的范围既然如此我们就一定...
2024-08-16 09:15:22
37
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人