公众号：程序员白特，欢迎一起交流学习~ 原文作者：前端充电宝 相信许多前端开发者对Lodash都耳熟能详，作为 JavaScript 领域的一款常用实用工具库，它在前端开发中广受欢迎， npm 周下载量高达 5200 万。然而，时光荏苒，转眼已是 2024 年，Lodash 是否仍然值得使用呢？它的确为开发者带来了许多便利，但同样存在一些不容忽视的问题。本文将深入探讨 Lodash 的局限性，并推荐一个更为现代化、值得一试的 JavaScript 实用工具库 —— Radash。 Lodash 的问题 Lodash 最初在 2009 年以 Underscore之名诞生，并在 2012 至 2...

公众号：程序员白特，欢迎一起交流学习~ hi，我是白特。 众所周知，计算机知识十分广泛复杂，尤其是在前端领域，各种概念和框架原理不断涌现。所以如果我们要使自己的前端知识扎实，就必须建立一个知识图谱，包括基础概念、应用和原理，使知识体系形成网络。同时将来这个知识图谱还可以帮助我们后期进行回顾复习。 以下是前辈前端开发者的总结经验，在此进行推荐，欢迎点赞收藏~ JavaScript Guidebook：JavaScript 知识图谱 – ECMAScript | DOM | BOM | HTML5 | 计算机网络 | 设计模式 React Guidebook：：React 知识图谱 – 基本概...

公众号：程序员白特，欢迎一起学习交流~ 通常我们在开发中需要区分当前代码的运行环境是dev、test、prod环境，以便我们进行相对应的项目配置，比如是否开启sourceMap，api地址切换等。 而我们区分环境一般都是通过process.env.NODE_ENV，那么为什么process.env.NODE_ENV可以区分环境呢？是我们给他配置的，还是他可以自动识别呢？ 什么是process.env.NODE_ENV process.env属性返回一个包含用户环境信息的对象。 在node环境中，当我们打印process.env时，发现它并没有NODE_ENV这一个属性。实际上，process...

公众号：程序员白特，欢迎一起交流学习~ 原文：大厂真实 Git 开发工作流程 - 掘金 (juejin.cn) 一、开发分支模型分类 目前所在部门使用是主要是四种：dev（开发）、test（测试）、uat（预发）、release（生产） 小公司可能就一个 dev、一个 master 就搞定了，测试都是开发人员自己来🤣。 二、开发主体流程 需求评审 开发排期 编码开发 冒烟测试（自检验） 冒烟通过，提交测试，合并代码到测试分支，部署测试环境 测试环境测试，开发修 bug 测试完成，提交预发，合并代码到预发分支，部署预发环境 预发环境测试，开发修 bug（修完的 bug 要重新走测试再走...

公众号：程序员白特，欢迎一起交流学习~ 如果产品经理要求系统中某个页面的输入框做防止篡改处理，你会怎么做呢？ 需求梳理 首先，什么是防篡改？ 简单来说，就是用户输入input框值，我们传给后端的值就是用户输入的 正常情况下用户输入input框值，就是我们传递给后端的值，但是部分浏览器插件或者恶意脚本会更改用户输入的值 常见针对的是输入的钱包地址，我们需要防范被浏览器插件和恶意脚本更改 因为实现的效果需要对已有的业务无任何侵入性，保证原有业务的正常运行 这里的需求背景在nuxt2技术栈 最终效果 业务方只需要加上这个指令就可以 实现思路 我们如何保证对原有的代码没...

公众号：程序员白特，欢迎一起交流学习~ Babel 7.24.0 出来了！ 目录 装饰器更新 支持JSON 模块导入 基于 Hermes 的 Flow 解析器更新 装饰器更新 与之前实现的 2023-05 版本相比，该版本主要区别在于通过 context.addInitializer 方法注册的初始值设定项的执行顺序。 我们可以通过在 @babel/plugin-proposal-decorators 中设置 "version"： "2023-11" 选项来启用此版本的提案： babel.config.json { "plugins&...

公众号：程序员白特，欢迎一起交流学习~ 原文作者：这波能反杀 过年期间我没怎么发文章，但是我也没闲着。在这个空闲时间，把 rust 基础以及个别生态技术方案扎扎实实的，系统的学习了一下。学习他的初衷是因为 rust 可以支持鸿蒙应用的原生级别的开发，为进阶资深级别的鸿蒙开发者做技术储备。 可这不学不知道，一学吓一跳。这才发现 rust 生态，正在以一种锐不可当的气势，全方位、无死角的入侵前端开发的方方面面。最关键的是，由于有后发优势，这些技术方案往往都比已有的前端方案更加先进、更加科学、性能更高... Farm Farm 是一个使用 rust 编写的极速构建引擎。在它的宣传文档中，认为自己...

公众号：程序员白特，欢迎一起交流学习~ 原文：干货 | 作为前端，工作中处理过什么复杂的需求，如何解决的? - 知乎 (zhihu.com) （多图预警）聊一聊当下发生的事情吧。疫情期间大家都在享受延长假期的福利，吐槽在家办公的不爽，而我们则从过年开始就一直在战斗，到现在还没有好好休息过。 先说背景，我目前在腾讯IMWeb团队，负责在线教育腾讯课堂的前端研发。 都说疫情期间在线教育是风口，我想说，打的赢扛得住也许是机遇，打不赢完全是炮灰。 1.先说流量 从春节假期到现在，我们遭遇了前所未有的流量峰值，虽然具体数字不方便透露，但是可以预想得到，那么多所学校在期间强制网络上课，学生加老师的数量...

公众号：程序员白特，欢迎一起交流学习~ JavaScript 是前端开发中的必备语言。但是我发现很多同学对于 JavaScript 的技巧使用却并不熟悉。所以，今天咱们就来分享一下 JavaScript 的10个好用的技巧，帮你更好地使用 JavaScript，提升开发效率！ 1. 使用 flatMap 有些 JavaScript 方法尽管鲜为人知，但它们解决独特挑战的潜力能够增强编码效率， 比如 flatMap() 数组方法 flatMap() 本质上是 map()和 flat() 的组合，区别在于 flatMap 只能扁平1级，flat 可以指定需要扁平的级数，flatmap 比分别调用...

公众号：程序员白特，欢迎一起交流学习~原文作者：前端充电宝3 月 6 日，TypeScript 发布了 v5.4 版本，该版本带来了以下更新：类型缩小会在闭包中保留引入新的实用程序类型 NoInfer<T>新增Object.groupBy 和 Map.groupBy新的模块解析选项新的模块导入检查机制TypeScript 5.5 即将弃用的功能类型缩小会在闭包中保留TypeScript 通过类型缩小来优化代码，但在闭包中并不总是保留这些缩小后的类型。从TypeScript 5.4开始，当在非提升函数中使用参数或let变量时，类型检查器会查找最后的赋值点，从而智能地进行类型缩小。然而...

公众号：程序员白特，欢迎一起交流学习~ 原文：掘金_超杰 前言 今年由于大环境差，加之大家都会遇到的职场困惑期，让很多人觉得很无助，不知道要向何处去努力。 我有两三位朋友正面临类似的困境，向我寻求意见。虽然我不是什么大厂的架构师，也没有多牛，但也有一些自己的思考和实践，希望能帮助到他们，也希望与大家一起探讨这个话题。 思考 学好英语 原因 获得更广泛的就业机会 拥有更高的技术天花板 获得更广泛的就业机会 如果你了解过外国的就业机会，就会发现除了母语为英语的国家，像德国、西班牙、瑞典、荷兰这样的英语为第二语言的国家，只要英语过关，找工作方面也是完全没问题的。 当你学好英语时，就不仅局限于...

公众号：程序员白特，欢迎一起交流学习~ 在日常的业务开发中，偶尔会出现内存泄漏的情况，那么我们该怎么排查呢？现在跟着文章一起学习下吧~ 使用Chrome devTools查看内存情况 打开Chrome的无痕模式，以屏蔽Chrome插件对我们之后测试内存占用情况的影响。然后打开开发者工具，找到Performance栏，可以看到一些功能按钮，如开始录制按钮、刷新页面按钮、清空记录按钮、记录并可视化js内存、节点、事件监听器按钮、触发垃圾回收机制按钮等。 请简单录制一下百度页面，观察我们能够获取到什么信息，如下动图所示： 从图表中我们可以清楚地观察到，在页面加载过程中JS Heap（js堆内存...

公众号：程序员白特，欢迎一起交流学习~原文：以下文章来源于沐洒 ，作者ASCII26今天跟大家分享一个重磅消息，沐洒终于从腾讯离职了！不知不觉已经在鹅厂打了8年工，如果说在大厂里工作如同在高校里念学的话，那么这8年，我相当于足足完成了两次全日制本科教育。上周五，我在乐问（腾讯内部问答平台）写下了最后一篇帖子，一方面对自己的“乐问达人”标签做个了结，另一方面也当作离场感言，给鹅厂生涯一个了结。（腾讯乐问，个人主页）（腾讯乐问，热帖推荐）没想到当天就冲上了热榜，引来了不少素未谋面的鹅厂同事围观，公众号粉丝也迎来了沉寂许久的增长。（公众号，粉丝增长曲线）上午在公司办完手续出来，习惯性的摸了一下脖子上...

公众号：程序员白特，欢迎一起交流学习~> 原文：前端部署真的不简单 - 掘金 (juejin.cn) 现在大部分的中小型公司部署前端代码都是比较简单的，主要步骤如下: 首先，通过脚手架提供的命令npm run build打包前端代码，生成dist文件夹； 最后，将dist文件夹丢给后台开发人员放在他们的工程里面，随后台一起部署；现在普遍是前后端分开部署，因此，利用nginx起一个web服务器，将dist文件夹放到指定的路径下，配置下nginx访问路径，对于请求接口使用proxy_pass进行转发，解决跨域的问题。 更加高端一点的操作，是利用CI/CD + Docker进行自动化部署。 ...