- 博客(1501)
- 资源 (5)
- 收藏
- 关注
RSS订阅转载 你还在用旧版本的 ESLint 吗？快来看看最新版
ESLint 社区在 4 月 5 日迎来了一个里程碑式的更新，正式发布了 v9.0.0 版本。这一版本包含了许多重要的变化和改进，为 JavaScript 代码的静态分析带来了新的功能和更强的灵活性。以下是此次更新的主要内容：安装升级现有的 ESLint 用户可以通过以下命令将 ESLint 升级到最新版本：[email protected]迁移指南由于此次更新涉及大量更改...
2024-04-19 08:45:57
转载 如何减少网页卡顿
前言经常听人说，“不要阻塞主线程”，或者 “减少长耗时 "，该如何做呢？聊网站性能的文章有很多，通常为了提高 js 性能，避不开这两点：不要阻塞主线程减少长耗时该怎么做呢？很明显，精简 js 代码有好处，但更少的代码量是否就一定意味着用户界面的体验会更顺畅？可能会，但也可能恰恰相反。要弄懂优化 js 中任务的重要性，首先需要了解什么是任务、任务的角色以及浏览器的任务处理机制。浏览器中的任务浏览器执...
2024-04-18 08:45:47
7
转载 Vue3 开发秘籍，封装一个超级好用的 Hook
关注我，回复“加群”加入我们一起学习，天天进步Vue3 的 Composition API 为我们提供了另一种代码组织方式，这个概念借鉴自 React 的 Hook。在 16.8 的版本中，React 引入了 React Hook，通过封装有状态的函数，提高了组件的编写效率和可维护性，在后面统一使用 Hook 来替代“组合式函数”。Hook 允许我们将逻辑封装为可复用的函数，这些函数可以让你在组件...
2024-04-17 08:45:27
11
转载 面试官：只知道v-model是modelValue语法糖，那你可以走了
前言我们每天都在用v-model，并且大家都知道在vue3中v-model是:modelValue和@update:modelValue的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和@update:modelValue事件呢？将v-model指令转换为modelValue属性和@update:modelValue事件这一过程是在编译时还是运行时进行的呢？先说结论下...
2024-04-16 08:45:39
12
转载 你可以停止讨厌 React.FC 了
快速分解截至 TypeScript 5.1 和 React 18，React.FC 现在正式宣告没问题了。它不再隐式地将 children 包含在 props 类型中。如果你返回 undefined、string 或 number，它不会再出错。我仍然建议直接注释 props 而不是使用 React.FC。但是，如果你在你的代码库中使用 React.FC，就不用再删除它了。解释React.FC 是...
2024-04-15 08:45:52
11
转载 写html页面没意思，来挑战chrome插件开发
谷歌浏览器插件开发是指开发可以在谷歌浏览器中运行的扩展程序，可以为用户提供额外的功能和定制化的体验。谷歌浏览器插件通常由HTML、CSS和JavaScript组成，非常利于前端开发者。 开发者可以利用这些技术在浏览器中添加新的功能、修改现有功能或者与网页进行交互。要开发谷歌浏览器插件，开发者通常需要创建一个包含*清单文件（manifest.json）、背景脚本（background script）...
2024-04-12 08:45:13
19
转载 NPM 依赖管理的复杂性
这是一个很少被提及的话题 —— 「依赖管理」(Dependencies Management) 。在开源文化盛行的现代，多数时候我们都不必从零开始搭建一套软件系统，转而可以借助诸多开放的代码片段及其他资源更快速高效开发软件应用，这算的上软件工程发展史上一次巨大革命，因为它能大幅提升软件工业的生产效率，我们不必再从底层开始编写所有代码，大部分问题与常见的编程模式都能在社区找到相应的解决方案，且这些被...
2024-04-11 08:45:08
20
转载 不要再写满屏import导入啦！
作者：tager原文：https://juejin.cn/post/7344571285848768524密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。我们是如何做到让import“占领满屏“的了，又该如何优雅地管理这些import语句呢？本文将从产生大量import语句的原因、可能带来的问题以及如何优化和管理import语句几个角度来进行探讨。import是如...
2024-04-10 08:45:18
27
转载 2024 年 7 个 Web 前端开发趋势
作者 | Nefe Emadamerho-Atori 译者 | 许学文 策划 | 丁晓昀 来源｜前端之巅希腊哲学家赫拉克利特认为，变化是生命中唯一不变的东西。这句话适用于我们的个人生活、行业和职业领域。尤其是前端开发领域，新技术、开发趋势、库和框架不断涌现，变化并不陌生。最近发生的一些事件正在改变开发人员构建网站和 Web 应用的方式，其中包括支持服务器端渲染的 Angular 17 ...
2024-04-09 08:45:24
50
转载 JavaScript 迈入 AI 新纪元
随着人工智能技术的不断进步，JavaScript 也迎来了自己的 AI 时代。JS-Torch 是一个全新的深度学习库，专为 JavaScript 设计，其语法习惯与广受欢迎的 PyTorch 框架高度相似。这个库提供了一整套深度学习工具，包括可追踪梯度的张量对象、多层网络结构以及自动微分功能。PyTorch，作为 JS-Torch 的灵感来源，是一个由 Meta AI 团队开发的开源深度学习框架...
2024-04-08 08:45:42
27
转载 合并分支用rebase还是merge？
实际开发工作的时候，我们都是在自己的分支开发，然后将自己的分合并到主分支，那合并分支用2种操作，这2种操作有什么区别呢？git上新建一个项目，默认是有master分支的，将项目克隆到本地，我们的准备工作就完成了同学A：执行git log ，可以看到有一个提交记录，是初始化提交新增一个文件a.txt, 再次查看我们的提交记录，有2条提交记录了这个时候将本地新commit的记录push到远程仓库，就可...
2024-04-02 08:45:21
24
转载 这Proxy能干啥？
提到 proxy，貌似很多人的印象是这东西是实现 vue3 的核心，但好像除此以外就没有什么关于 proxy 实际应用的场景了。今天就重新在了解一下 proxy，并在文章最后会给出几个 proxy 的实际应用案例，扩展下对 proxy 使用的场景。让大家写出逼格更高，更有深度的代码。首先我们要先复习下 proxy 的基本知识。Proxy 基础proxy 是个啥？在 JavaScript 中，Pro...
2024-04-01 08:45:14
28
转载 Antfu 全职开源四年：当爱好变成职业，我发现一切并没有那么简单
前言: Antfu 是前端开源领域的狂热爱好者，是很多知名开源项目的作者以及维护者，如 Slidev、Vitest 等等，同时也是 Nuxt、Vue、Vite 团队的官方成员。下面是他全职开源四年后的一些感悟，讲述了关于全职开源后的状态、个人心态的成长和变化、软件开发的底层思考以及对自己内在的探索。（阅读英文原文可查看文末原文的链接）这是我开始做开源的第四年。坦白说，我开始感觉到越来越多的事情超出...
2024-03-29 08:50:32
25
转载 尤雨溪怒喷React挖坑不埋，这波我想说句话！！！
这两天尤大喷React文档的内容又被前端圈疯传，内容如下，看了这个内容后，我的第一反应是：他是懂的玩流量博人眼球的，操作跟近期抖音上某些博主互喷互黑如出一辙。自己Vue和React两个框架都用过，下面发表一下自己的几点看法：框架仅仅是框架，目的是利用该框架快速实现产品解决问题，所以不用深陷框架的好坏、快慢之中，跟随部门的技术选型走即可，毕竟也许在不久的将来，将会有新的内容替换掉现在的前端框架；Vu...
2024-03-28 08:46:00
34
转载 解决前端跨团队统一的隐性拦路虎
背景过去多年无论是一款插件推广，还是组件库统一，无论是一次机制流程制定，还是前端工程化体系建设，相信很多同学与我一样，在跨团队方案推广统一过程中，前期无论做好多详实的准备，最终都会有一种未竟全功的感觉。推广过程中，总会有人摆出历史包袱过重这一拦路虎“说服”我们，比如”我这项目不维护了，无需升级“，”我这项目框架太老旧了，无法升级“，或两者兼有之，到底改哪些项目，多取决于双方自行判断，说穿了其实是双...
2024-03-27 08:45:25
20
转载 慎用！！！不要在Typescript中使用Function类型
原文链接：https://www.totaltypescript.com/dont-use-function-keyword-in-typescript翻译：一川在Typescript中不应该使用Function作为一个类型，因为它可以表示任何函数。通常，我们期望的是更具体的类型--例如指定参数的数量或函数返回的内容。如果确实要表示可以接受任意数量的参数并返回任何类型的函数，请使用 (...arg...
2024-03-26 08:45:55
45
转载 尤雨溪都在推荐的 Vue 拖拽库！
最近看到尤雨溪推荐了一个基于 Vue 的拖拽库：VueDraggablePlus，本文就来看看这个拖拽库有什么特别之处！概念Sortablejs 是一个非常流行的拖拽库，不过这个库的 Vue 3 版本已经三年没更新了，可以说是已经跟 Vue 3 严重脱节，所以诞生了这个项目，这个组件是基于 Sortablejs 的。在 Sortablejs 官方以往的 Vue 组件中，都是通过使用组件作为列表的直...
2024-03-25 08:45:43
40
转载 前端部署真的不简单
现在大部分的中小型公司部署前端代码都是比较简单的，主要步骤如下:首先，通过脚手架提供的命令npm run build打包前端代码，生成dist文件夹；最后，将dist文件夹丢给后台开发人员放在他们的工程里面，随后台一起部署；现在普遍是前后端分开部署，因此，利用nginx起一个web服务器，将dist文件夹放到指定的路径下，配置下nginx访问路径，对于请求接口使用proxy_pass进行转发，解决...
2024-03-22 08:45:44
29
转载 Chrome开发者建议你这样调试web应用
❝本文来自 Chrome 团队的 Jecelyn Yeen (阮贝琪)在FEDAY分享，主题为：探讨网页调试的现况、Chrome DevTools 的最新进展以及一些实用的 DevTools 小工具。现代Web开发中，为了满足用户的需求和期望，提高开发效率和质量，构建更现代、更安全、响应更快、功能更丰富的Web应用。开发中经常使用一些流行的前端框架和库，如React、Angular、Vue.js等...
2024-03-21 08:45:33
32
转载 关于 React19，你需要了解的前因后果
React当前的稳定版本是18.2，发布时间是22年6月，在此之后就没有新的稳定版本发布。直到今年2月15日，官方博客[1]才透露下一个稳定版本的计划。没错，他就是React19。为什么时隔1年多才公布下个稳定版本的计划？为什么下个版本直接跳到了19？18我都还没升呢，19就来了，是不是要学很多东西？这篇文章会为你详细解答这些疑问。从React16聊起近年来React最为人津津乐道的版本应该是16...
2024-03-20 08:45:39
26
转载 rust 正在全面入侵前端
过年期间我没怎么发文章，但是我也没闲着。在这个空闲时间，把 rust 基础以及个别生态技术方案扎扎实实的，系统的学习了一下。学习他的初衷是因为 rust 可以支持鸿蒙应用的原生级别的开发，为进阶资深级别的鸿蒙开发者做技术储备。可这不学不知道，一学吓一跳。这才发现 rust 生态，正在以一种锐不可当的气势，全方位、无死角的入侵前端开发的方方面面。最关键的是，由于有后发优势，这些技术方案往往都比已有的...
2024-03-19 08:45:32
31
转载 我的创业故事：从 0 到每月 45000 美金
原文链接：https://news.tonydinh.com/p/my-solopreneur-story-zero-to-45kmo[1]译者注：一名越南开发者两年前辞去工作，成为一名独立开发者。通过两年的努力，目前月收入达到 45000 美元。今天是我辞职创业两周年纪念日。2021 年 9 月 20 日，我辞掉工作，开始成为一名独立开发者。这是我做过的最好的决定，为自己工作给了我前所未有的自由...
2024-03-18 08:45:31
35
转载 震惊！[9,8,7,6][1,2] 竟然等于 7！
没用的知识又增加了，让我们来拆解一下。第一步：[1,2] 将被转换为 [2]为什么呢？首先 [9,8,7,6] 是一个一维数组，后面的元素 [1,2] 不能作为数组执行，它将作为数组下标进行处理。在下标的上下文中，[1,2]是一个以逗号（,）分隔的单一表达式。在 MDN 的定义中，逗号（,）运算符对它的每个操作数从左到右求值，并返回最后一个操作数的值。//示例1constz=(1,2,...
2024-03-15 08:45:37
31
转载 当我们执行 npm run serve 时到底发生了什么？
在前端开发中，npm run serve 是一个常见的命令，尤其是在使用 Vue CLI 构建项目时。但是为什么直接运行 vue-cli-service serve 会报错，但使用 npm run serve 却可以成功启动项目呢？npm scripts 的基本原理先回顾一下 npm 命令的基本原理。在 package.json 文件中的 "scripts" 字段允许我们定义一组自定义的命令。例如...
2024-03-13 08:40:41
69
转载 面了8个前端开发，发现了一个通病…
面了很多前端开发，发现一个通病。。如今闷头刷题已经行不通。与其没有目标的死磕LeetCode，不如站在阿里大神的肩膀上，背熟大神整理的刷题笔记，才是省时省力的上岸路径！为了帮助小伙伴们快速掌握大厂前端高频考点，上周找阿里P8级前端专家要来了一套内部资料????《阿里前端高频面试真题库》，文档内容为「核心知识点 + N 道相关面试题解析」，掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中...
2024-03-12 10:10:49
45
转载 localhost 与 127.0.0.1 在本地开发中到底有什么区别？
在进行前端开发时，我们经常使用localhost，只需运行npm run就能在浏览器中打开网页，地址栏显示类似于http://localhost:xxx/index.html，但是很多人并不了解更深层次的原理，不知道 localhost 与 127.0.0.1 到底有什么区别。了解localhost是什么？localhost是一个域名，从本质上来说和用于互联网访问的域名没有太大不同，只是更容易记忆...
2024-03-11 14:01:03
52
转载 掌握 TypeScript 泛型的精髓
引言今天深入研究 TypeScript 中的泛型，涵盖了泛型基础、泛型数组、泛型约束、泛型类、泛型与函数重载等方面，并简单介绍了泛型工具类型和条件类型的高级用法。1：泛型基础首先，让我们对泛型进行基础了解。我们能通过泛型编写更通用的代码，摆脱对数据类型的限制。//泛型基础functionidentity<T>(arg:T):T{returnarg;}leto...
2024-03-08 08:46:02
28
转载 作为前端，工作中处理过什么复杂的需求？
恶狠狠的休息了几天，今天，...，祝各位，位高权重责任轻，钱多事少离家近，工资领到手抽筋，别人加班你加薪！新的年轮里，帅编也会继续加油，为大家推荐更多优质有料的文章图片正文先说背景，我目前在腾讯IMWeb团队，负责在线教育腾讯课堂的前端研发。都说疫情期间在线教育是风口，我想说，打的赢扛得住也许是机遇，打不赢完全是炮灰。先说流量从春节假期到现在，我们遭遇了前所未有的流量峰值，虽然具体数字不方便透露，...
2024-03-07 08:45:40
32
转载 为什么现在前端面试都不考八股文了？
作者：前端双越老师链接：https://juejin.cn/post/7336859385782583308年前就有和几个同学在和我聊天的时候，说：现在面试都不考基础知识和八股文了，上来就聊项目。其实我也很早就意识到这个问题了，现在和前几年完全不一样了。2021年之前，随便写个简历，背诵 1-2 周八股文就可以去面试了。而现在，每一步都很困难。举个例子：Vue 性能优化方式我经常会问一个问题：Vu...
2024-03-06 08:46:01
32
转载 字节跳动最热门的 15 个前端开源项目
作为国内知名的互联网公司，字节跳动在前端领域做出了很多开源贡献。本文就来盘点字节跳动开源的 15 个前端项目，你用过几个？Arco DsignArco Design 是一套设计系统，主要服务于字节跳动旗下中后台产品的体验设计和技术实现。它的目标在于帮助设计师与开发者解放双手、提升工作效率，并高质量地打造符合业务规范的中后台应用。它拥有系统的设计规范和资源，提供了覆盖 React、Vue、Mobil...
2024-03-05 08:45:25
92
转载 还在封装 xxxForm，xxxTable 残害你的同事？试试这个工具
作者：若邪原文：https://juejin.cn/post/7315242945454735414之前写过一篇文章我理想中的低代码开发工具的形态，已经吐槽了各种封装 xxxForm，xxxTable 的行为，这里就不啰嗦了。今天再来看看我的工具达到了什么程度。多图预警。。。以管理后台一个列表页为例然后：选择对应的模板截图查询区域，使用 OCR 初始化查询表单的配置截图表头，使用 OCR 初始化...
2024-03-04 08:45:27
28
转载 如何在线上使用 SourceMap
前言介绍了在线上使用 SourceMap 进行调试的方法和常见问题。常见的使用姿势是通过浏览器的开发者工具进行本地调试，而在线上使用 SourceMap 则需要手动添加 SourceMap 地址。针对线上无法自动加载 SourceMap 的问题，可以尝试使用浏览器插件、Charles 进行转发或者私有静态服务托管 SourceMap。今日前端早读课文章由 ES2049@落风分享。正文从这开始～～1...
2024-03-01 08:45:44
35
转载 关于我怎么进字节
最近很多同学都在看机会????????♀️，问我有没有大厂的前端面经和面试资料。这不来了嘛，今天分享的是一位读者的字节一面的面经，以及他所做的面试准备，大家可以参考一下。???? 读者是在今年2月面试的抖音生活服务前端岗，顺利拿到了offer。字节毕竟是顶流大厂，非常重视基础和代码能力，感觉问的问题还挺多的????，面试时长足足有1个半小时之多...???? 字节上岸面试合集文末领取问题记录 (1h 30min)：面试准备（...
2024-02-29 10:10:10
33
转载 玩转 TypeScript 类型注解
引言TypeScript 类型注解是确保代码稳健性的关键。今天我们学习基础类型注解、数组和元组、函数、对象、联合类型和类型别名以及 Generics 类型注解，提高代码可读性和维护性。1：基础类型注解在 TypeScript 中，类型注解是提高代码可读性和稳健性的关键。我们从基础开始，学习如何为变量明确类型。//基础类型注解letusername:string="John";let...
2024-02-29 10:10:10
53
转载 前端 TS 微课系列（一）：深入了解 TypeScript 基本类型
引言今天开始学习前端 TypeScript 微课系列，整个系列通过视频 + 文字的方式呈现出来，通过深入研究 TypeScript 中的各种关键概念，从基础到高级应用，今天先来了解 TypeScript 的基本类型。TypeScript 是一种超集，它为 JavaScript 提供了静态类型检查，让我们更轻松地发现和解决潜在的错误。1：数字类型通过数字类型，可以更精确地定义变量的值//数字类型...
2024-02-28 08:45:46
26
转载 Git撤销已合并提交的多种姿势
#Git撤销已合并提交的多种姿势在Git中，合并分支是一个常见的操作，但有时候可能会意外地将错误的提交合并到了主分支。这时候需要撤销已合并的提交并恢复到正确的状态。本文将介绍的是如何在Git中撤销已合并的提交，无论这个提交记录是最新的还是中间的某一个。撤销最新合并的一次提交如果要撤销最新的合并提交，可以使用git revert命令来创建一个新的提交，撤销错误的变更。首先使用git log命令查看提...
2024-02-27 08:45:45
40
转载 Node 调试利器，前端、Node 开发必备 - VSCode JS Debug Terminal
经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等，而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案，其实有一定学习成本。而其实在 VSCode 中早已内置了相当无脑的 Debug 方式，就是 JavaScript Debug Terminal，利用它我们只需要负责打断点，别的什么 inspect、launch...
2024-02-26 08:45:48
37
转载 Nue.js：现代化前端框架的崭新选择
伟大的事业是根源于坚韧不断地工作，以全副精神去从事，不避艰苦。——罗素Nue.jsNue.js 是一款轻量级、现代化的前端框架，旨在提供更简单、更直观的开发体验。它采用了一系列先进的技术和思想，使得前端开发更加轻松、高效。https://github.com/nuejs/nue介绍 Nue.jsNueJS 是一个非常小（2.3kb minzipped）的 JavaScript 库，用于构建用户界面...
2024-02-23 09:05:10
90
转载 相见恨晚的前端开发利器
昨天，朋友说有个新需求，需要在短时间内做 100 多个不同并且很复杂的表单（类似于下图，但可能更复杂），有没有什么好的解决方案呢。对于少量的复杂表单，手动编写尚可接受，但面对如此庞大的数量，逐个实现显然不是明智之选。因此，推荐使用可视化表单生成器来实现。这类工具允许用户通过简单的拖拽和配置快速生成复杂表单，极大提升了工作效率。通常，可视化表单生成器包含两大核心组件：表单设计器和表单渲染器。表单设计...
2024-02-22 08:40:23
36
转载 阿里内部首发2024前端开发手册，完整版开放下载了！
做技术的有一种资历，叫做通过了阿里的面试。上周找阿里P8级前端专家要来了一套内部资料——《阿里前端高频面试真题库》，都是常考必考点，文档内容整理采用「核心知识点 + N 道相关面试题」模式，掌握了不单能应付面试，还能学到更多的前端核心知识，应用在工作中！下面是部分资料内容的展示↓（PS：PDF文档在文末领取）1Javascript面试真题解析 210页2Vue面试真题 237页3Css面试真题...
2024-02-21 10:10:33
36
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人