前端先锋
文章平均质量分 93
欢迎关注微信公众号:jingchengyideng,每天第一时间阅读最新前端技术文章。
疯狂的技术宅
这个作者很懒,什么都没留下…
展开
-
取消 Fetch 请求很简单
JavaScript 的 promise一直是该语言的一大胜利——它们引发了异步编程的革命,极大地改善了 Web 性能。原生 promise 的一个缺点是,到目前为止,还没有可以取消 fetch 的真正方法。 JavaScript 规范中添加了新的 AbortController,允许开发人员使用信号中止一个或多个 fetch 调用。原创 2020-04-15 12:04:40 · 5033 阅读 · 0 评论 -
前端程序员必须要懂的 UI 设计知识
作为一个前端工程师,如果你对 HTML 和 CSS 有基本的了解,并希望在浏览器中创建美观的用户界面,那就别到处乱找资料了!在本文中,你将通过了解以下七个基本知识来提高 UI 设计技能:原创 2020-04-15 12:11:04 · 3124 阅读 · 0 评论 -
7 个你应该知道的 JavaScript 原生错误类型
从浏览器控制台到运行 Node.js 的终端,我们到处都会看到错误。本文的重点是概述我们在 JS 开发过程中可能遇到的错误类型。原创 2020-04-15 11:50:49 · 682 阅读 · 0 评论 -
怎样取消 JavaScript 中的异步任务
有时候执行异步任务可能是很困难的,尤其是在特定的编程语言不允许取消被错误启动或不再需要的操作时。幸运的是 JavaScript 提供了非常方便的功能来中止异步活动。在本文中,你可以学到如何创建可中止的函数。原创 2020-04-15 11:47:32 · 3445 阅读 · 1 评论 -
怎样测试 JavaScript 的函数性能
作者:Felix Gerschau翻译:疯狂的技术宅原文:https://felixgerschau.com/measuring-the-performance-of-java-script-functions未经允许严禁转载通过衡量执行某个函数所花费的时间,以“证明”某些实现比另一些实现更高效始终是一个很好的主意。这也是确保性能在进行一些修改后不受影响并找出瓶颈的好方法。良好的性能...原创 2020-04-15 11:38:57 · 658 阅读 · 0 评论 -
为你的网页添加深色模式
CSS 规范一直在不断发展。尽管在 CSS 新功能的实现很复杂,但是 CSS 工作组还是决定要把简化版作为新元素添加到规范中。然后由浏览器来实现这些新元素,浏览器自行决定以哪种顺序去实现它们,这就是为什么现在对新功能的支持不匹配的原因。虽然这可能会令人讨厌,但实际上完成了规范的浏览器要好得多。CSS 工作组的成员来自主要浏览器供应商和 Apple 、Adobe等其他技术公司。 Apple 最近推出了新版的 MacOS,并希望能够在浏览器中检测到新加入的深色模式。为了做到这一点,Apple 推荐了一个新的原创 2019-04-04 18:34:16 · 9131 阅读 · 0 评论 -
Node.js 多线程完全指南
很多人都想知道单线程的 Node.js 怎么能与多线程后端竞争。考虑到其所谓的单线程特性,许多大公司选择 Node 作为其后端似乎违反直觉。要想知道原因,必须理解其单线程的真正含义。原创 2019-03-27 18:27:14 · 509 阅读 · 0 评论 -
必须要会的 50 个React 面试题
如果你是一位有抱负的前端程序员并准备面试,那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。原创 2019-03-25 16:03:54 · 113704 阅读 · 13 评论 -
一文学懂 TypeScript 的类型
如果你认为这段代码非常神秘 —— 那么我同意你的意见。但是(我希望证明)这些符号还是相对容易学习的。一旦你能理解它们,就能马上全面、精确的理解这种代码,从而无需再去阅读冗长的英文说明。原创 2019-03-15 13:15:24 · 340 阅读 · 0 评论 -
回到基础:如何用原生 DOM API 生成表格
这是一个刷 JavaScript 经验值的好机会:在技术面试中出现的最多的一个问题就是怎样用原生 API 操作 DOM。原创 2019-03-14 17:38:23 · 248 阅读 · 0 评论 -
尝鲜 ES2019 的新功能
ECMAScript 每年都会发布一个新版本,其中的提案是已经正式通过的,并分发给开发者和用户。本文将讨论该语言的最新版本,以及它又具有了什么新功能。ES10/ES2019 在本次更新中有很大的改进。它引入了一些新的函数和方法,使开发者能够编写更少的代码,并提高工作效率。原创 2019-03-13 19:55:03 · 561 阅读 · 0 评论 -
推荐一个基于 Node.js 的表单验证库
API 在执行过程中的一个基本任务是数据验证。 在本文中,我想向你展示如何为你的数据添加防弹验证,同时返回风格良好的格式。原创 2019-03-12 14:50:35 · 1451 阅读 · 0 评论 -
8 个给前端的顶级 VS Code 扩展插件
给你介绍一些适合前端的顶级 VS Code 扩展插件原创 2019-03-11 16:58:28 · 577 阅读 · 0 评论 -
React 教程:快速上手指南
前端和 JavaScript 是一个奇怪的世界。大量不断推出的新技术的同时,也在被不需要它们的人嘲笑,往往很多人都会这样做。我们有时会对不断涌现的信息、库和讨论感到不知所措,总希望能有一些稳定的东西,就像能让我们可以休整一段时间的避风港。最近 React 似乎有变成 JavaScript 演变海洋中温暖港湾的趋势。正是考虑到这一点,我们决定制作这个 React 系列教程,展示它的功能,并看看它与 Angular 和 VueJS 相比有什么特点。原创 2019-03-07 15:29:38 · 260 阅读 · 0 评论 -
React教程:组件,Hooks和性能
随着时间的推移,代码可能会变得难以维护,特别是在你不熟悉 React 的情况下。组件有可能会变大,或者你可能最终得到一堆不是组件的组件,最终你可能会到处编写重复的代码。这时候你就应该试着开始真正的 React 之旅了 —— Think in React。原创 2019-03-12 13:59:36 · 1865 阅读 · 0 评论 -
通过 Web 控制蓝牙设备:WebBluetooth入门
通过渐进式 Web 应用(*Progressive Web Apps*)技术,你可以开发成熟的 Web 应用。 得益于大量新规范和新功能,以前需要在本机执行的应用,现在可以基于 Web 实现。 不过迄今为止,与硬件设备的交互仍然是遥不可及。 感谢 WebBluetooth 的出现,现在我们可以开发能够控制灯光、驾驶汽车甚至是无人机的 PWA。原创 2019-02-24 11:45:39 · 31215 阅读 · 9 评论 -
JavaScript 的未来:它还少些什么?
近年来,JavaScript 的功能得到了大幅度的增加,本文探讨了其仍然缺失的东西。原创 2019-02-22 17:21:35 · 586 阅读 · 0 评论 -
JavaScript的新功能将改变正则表达式的编写方式
如果你曾用 JavaScript 做过复杂的文本处理和操作,那么你将会对 ES2018 中引入的新功能爱不释手。 在本文中,我们将详细介绍第 9 版标准如何提高 JavaScript 的文本处理能力。原创 2019-03-12 14:44:22 · 208 阅读 · 0 评论 -
基于 Babel 的 npm 包最小化设置
本文描述了通过 Babel 生成 npm 包的最小设置原创 2019-03-08 11:35:58 · 263 阅读 · 0 评论 -
半小时用JavaScript写一个脑力小游戏
本教程使用了HTML5,CSS3和JavaScript的基本的技术。 我们将讨论数据属性、定位、透视、转换、flexbox、事件处理、超时和三元组。 你不需要在编程方面有太多的知识和经验就能看懂,不过还是需要知道HTML,CSS和JS都是什么。原创 2019-02-26 11:19:22 · 360 阅读 · 0 评论 -
在 JavaScript 中优雅的提取循环内的数据
在本文中,我们将介绍两种提取循环内数据的方法:内部迭代和外部迭代。原创 2019-03-11 14:27:25 · 537 阅读 · 0 评论 -
怎样为前端开发可重用组件并发布到NPM
本文着眼于使用具有内置功能和样式的组件来扩充HTML。 我们还将学习如何通过 NPM 使这些自定义元素在项目中得到重用。原创 2019-02-25 11:35:40 · 710 阅读 · 1 评论 -
怎样使用 React Context API
React Context API 现在已经成为一个实验性功能,但是只有在 React 16.3.0 中才能用在生产中。本文将向你展示两个基本的 Web 商店应用程序,一个使用了 Context API 进行构建,另一个则不用。这个新的API解决了一个严重的问题 ——prop drilling。 即使你不熟悉这个术语,如果你曾经用 React.js 做过开发,它可能就已经在你身上发生过了。 Prop drilling 是通过将数据传递到多个中间 React 组件层,将数据从组件A 获取到组件 Z 的过程原创 2019-02-23 11:54:02 · 194 阅读 · 0 评论