前端翻译
文章平均质量分 91
西装暴徒_12138
这个作者很懒,什么都没留下…
展开
-
【译】在 React 中使用 Immer 管理不可变状态
在 React 中使用 Immer 管理不可变状态在 React 中,使用不可变状态可以快速且高效地比较更改前后的状态树。因此,每个组件可在执行任何成本很高的 DOM 操作之前,决定是否重新渲染。我希望你已经知道:javaScript 是可变的,我们必须自己实现不可变性。像 Redux 这样流行的状态管理库也遵循着相同的理念。当我们使用 reducers(译者注:根级的 reduce 函数 reducer 拆分为多个 reducers)时,它期望我们不要改变状态,以避免产生任何的副作用。但是,对翻译 2021-04-01 11:34:41 · 1190 阅读 · 0 评论 -
【译】JavaScript中哪一种循环最快呢?
JavaScript中哪一种循环最快了解哪一种 for循环或迭代器适合我们的需求,防止我们犯下一些影响应用性能的低级错误。JavaScript 是 Web 开发领域的“常青树”。无论是 JavaScript 框架(如 Node.js、React、Angular、Vue 等),还是原生 JavaScript,都拥有非常庞大的粉丝基础。我们来谈谈现代 JavaScript 吧。循环一直是大多数编程语言的重要组成部分,而现代 JavaScript 为我们提供了许多迭代或循环值的方法。但问题在于,我们是否真的翻译 2021-03-02 10:57:54 · 122 阅读 · 0 评论 -
【译】严格模式(Strict mode)
严格模式(Strict mode)前言ECMAScript 5中推出的JavaScript严格模式(strict mode),可以让你使用JavaScript的一种受限”变体“,从而悄悄地退出了”正常模式(sloppy mode)“。严格模式并非只是正常模式的子集:它专门拥有与正常模式下的代码不一样的语义。如果浏览器A不支持严格模式,浏览器B支持,它们俩运行同样的严格模式代码结果也会不同,所以如果没有对严格模式下的代码进行相应的功能测试,请不要依赖它。严格模式和正常模式的代码可以共存,所以正常模式的代码翻译 2020-12-28 14:17:34 · 377 阅读 · 0 评论 -
【译】你的 React 组件的看起来怎么样?
代码异味 是什么意思? 简言之,就是暗示可能存在着深层次问题的代码结构。代码异味太多的 props 传递矛盾的 props从 props 派生 state从函数中返回 JSX多个布尔类型的 state单组件中存在太多的 useState庞大的 useEffect太多的 props 传递传递多个 props 到一个组件中暗示着也许这个组件应该被拆分。你可能会问多少才算太多呢?嗯…“看情况”。你也许会面对这样一种情况,一个组件有着 20 或更多个 props ,但是你依然感到没问题.翻译 2020-12-02 10:06:06 · 83 阅读 · 0 评论 -
[译] 如何处理 JavaScript 比较中的临界情况
如何处理 JavaScript 比较中的临界情况“在任何一项足够先进的技术和魔法之间,我们无法做出区分。” — Arthur C. Clarke在我们开始熟悉 JavaScript 的临界情况之前,我想先区分一下 临界情况(Corner Case) 和 边界情况(Edge Case)。我们可以说 边界情况(Edge Case)是一种仅在最小或最大参数时发生的问题。预测这种问题很重要,因为这些情况可能会被忽视或低估。比如,一台全力运转的 PC 可能会过热,可能会导致性能有所折损。我也想介绍另一种 边翻译 2020-09-30 15:02:36 · 130 阅读 · 0 评论 -
[译] 60 个有用 CSS 代码片段(下)
60 个有用 CSS 代码片段(下)41、CSS3 鲜艳的输入input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none;翻译 2020-09-02 11:52:14 · 156 阅读 · 0 评论 -
[译] 60 个有用 CSS 代码片段(中)
[译] 60 个有用 CSS 代码片段(中)21、图片边框偏光img.polaroid { background:#000; /*Change this to a background image or remove*/ border:solid #fff; border-width:6px 6px 20px 6px; box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth翻译 2020-08-03 09:47:51 · 121 阅读 · 0 评论 -
[译] 60 个有用 CSS 代码片段(上)
1.垂直居中如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑:.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}使用这个技巧,从单行文本、段落到.翻译 2020-07-07 09:40:04 · 163 阅读 · 0 评论 -
【译】ECMAScript 2020 新特性
ECMAScript 2020 新特性JavaScript 是最流行的编程语言之一,每年都会添加新的特性。本文介绍了添加在 ECMAScript 2020(又称ES11)中的新特性。在引入 ECMAScript 2015(又称 ES6)之前,JavaScript 发展的非常缓慢。但自 2015 年起,每年都有新特性添加进来。需要注意的是,不是所有特性都被现代浏览器支持,但是由于 JavaScript 编译器 Babel 的存在,我们已经可以使用新特性了。本文将介绍 ECMAScript 2020(ES翻译 2020-05-27 11:10:22 · 199 阅读 · 1 评论 -
【译】掌握 JavaScript 面试:什么是函数式编程
掌握 JavaScript 面试:什么是函数式编程“掌握 JavaScript 面试” 是一系列的帖子,为了帮助求职者在面试中高级 JavaScript 职位时可能遇见的常见问题做准备。这些是我在真实面试场景中经常会问到的一些问题。函数式编程已经成为 JavaScript 领域中一个非常热门的话题。就在几年前,甚至很少有 JavaScript 程序员知道什么是函数式编程,但是我在过去 3...翻译 2020-04-21 16:33:22 · 296 阅读 · 0 评论 -
【译】CSS Shapes 简介
CSS shapes简介css Shapes 允许我们通过自定义文本内容可以环绕的几何形状,图像和渐变,来创建有趣且独特的布局。本次教程会教你如何使用他们。在 CSS Shapes问世之前,为网页设计文本自由环绕的杂志式布局几乎是不可能的。相反,网页设计布局传统上一直用网格,盒子和直线构造。CSS Shapes允许我们自定义环绕的几何形状。这些形状可以是圆,椭圆,简单或复杂的多边形,甚至图...翻译 2020-04-01 17:25:03 · 377 阅读 · 0 评论 -
【译】您可能不知道的原生 JavaScript 方法
您可能不知道的原生 JavaScript 方法一些很强大但却经常被忽视的原生 JavaScript 方法自从 ES6 发布以来,许多新的、方便的原生方法被添加到 JavaScript 的新标准中。但是,我还是在 GitHub 的仓库中看到了许多旧代码。当然,这并不是说它们不好,而是说如果使用我下面介绍的这些特性,代码将变得更具可读性、更美观。Number.isNaN 对比 isNaNN...翻译 2020-03-01 14:33:04 · 222 阅读 · 0 评论 -
【译】什么将会取代JavaScript呢?
什么将会取代JavaScript呢?(译者语)ps. JavaScript天下第一!!!JavaScript 正在蓬勃发展。但由于 WebAssembly 的出现,它的衰落可能只是一个时间问题。有些编程语言很受欢迎。而有些只是被开发人员被迫接受。对于许多程序员来说,JavaScript 就是后者中的一个例子,每个前端开发人员都需要学习和理解这种语言,但是却没有人喜欢它。(我就蛮喜欢的,...翻译 2020-01-16 15:28:47 · 469 阅读 · 0 评论 -
【译】Node js 12的新功能将会颠覆人工智能,物联网和更多令人惊讶的领域(二)
译接上文支持多线程?怎么做到的?这个新特性仍处在试验阶段 —— 还不能在生产环境中使用。但我们还是可以随意玩玩的。那从哪开始呢?从 Node 12 开始及至更高版本中,我们不再需要使用特定的特性标志 –experimental-worker。 Worker 将是默认激活的!node index.js现在我们可以充分利用 worker_threads 模块。让我们先写一个简单的带有两个方法...翻译 2019-12-30 10:12:15 · 237 阅读 · 0 评论 -
【译】Node js 12的新功能将会颠覆人工智能,物联网和更多令人惊讶的领域(一)
Node js 12的新功能将会颠覆人工智能,物联网和更多令人惊讶的领域新版 Node.js 的特性并非这个平台此前的那些等闲卖点。Node.js 主要以其迅速和简洁而闻名。这也是为何那么多公司都愿意尝试 Node.js。然而,随着最新的 LTS(long-term support,长期支持)版本的发布,Node.js 将会带来很多让每位 Node.js 开发者欣喜若狂的新特性。为什么?因为 ...翻译 2019-11-29 16:38:11 · 391 阅读 · 0 评论 -
【译】使用“import”执行JavaScript代码
使用 import() 操作符,我们可以动态加载 ECMAScript 模块。但是 import() 的应用不仅于此,它还可以作为 eval() 的替代品,用来执行 JavaScript 代码(这一点是最近 Andrea Giammarchi 向我指出的)。这篇博客将会解释这是如何实现的。eval() 不支持 export 和 importeval() 的一大缺陷是:它不支持例如 expor...翻译 2019-10-28 17:11:46 · 2002 阅读 · 0 评论 -
【译】ES6的前十大功能--Top 10 ES6 features by example
ES6的前十大功能虽然ES6规范不是最近才发布,但我认为很多开发人员仍然不太熟悉。 主要原因是在规范发布之后,Web浏览器的支持可能很差。 目前,规范发布已经超过2年了,现在很多浏览器对ES6支持良好。 即使您(或您的客户)不使用最新版本的Web浏览器,也可以使用转换器(如Babel),在应用程序的构建过程中将ES6转换为ES5。 这意味着要向前迈出一步,学习ES6。在本文中,我将尽量简单地介...翻译 2019-02-25 19:48:10 · 191 阅读 · 0 评论 -
【译】 Yarn VS npm : 你所需要知道的一切
Yarn 是一个由Facebook,Google,Exponent和Tilde构建的新的JavaScript包管理器。正如官方公告所写,他的目标就是解决这些团队使用npm的时候所遇到的几个问题,即:安装包不够快速和稳定存在安全隐患,因为npm允许包在安装的时候运行代码但是,不必慌张!它并不是想要完全替代npm。Yarn仅仅是一个能够从npm仓库取到模块的新的CLI客户端。现在每个人都应...翻译 2019-05-23 16:16:47 · 311 阅读 · 0 评论 -
【译】他妈的到底什么是this(WTF is this)
ps.人家标题起的就是那么暴躁。原文链接:翻译 2019-07-24 10:29:12 · 527 阅读 · 0 评论 -
【译】布局的下一次革新
原文链接:https://mxb.dev/blog/layouts-of-tomorrow/布局的下一次革新如果在过去几年中你参加过任一网页设计演讲,你可能已经看过 Jon Gold 这篇著名的推文:它讽刺了今天很多网站看起来都一样的事实,因为它们都遵循我们共同决定使用的相同标准布局实践。建立博客?主栏,工具侧边栏。营销网站?大图,三个博眼球的框(一定是三个)。![在这里插入图片描述](h...翻译 2019-09-02 17:20:06 · 127 阅读 · 0 评论 -
【译】13 种有用的 JavaScript DOM 操作
13种有用的JavaScript DOM操作介绍DOM(Document Object Model)是网页上所有对象的基础。它描述文档的结构,并且为编程语言提供操作页面的接口。它被构造成逻辑树。每个分支以节点结束,每个节点包含有子节点。DOM API 有很多,在本文里面,我仅介绍一些我认为最有用的 API。document.querySelector / document.querySele...翻译 2019-09-26 10:09:15 · 110 阅读 · 0 评论 -
【译】JavaScript中写好条件判断的5个小技巧
JavaScript中写好条件判断的5个小技巧1.多重判断中使用Array.includes2.少嵌套,早返回3. 使用默认参数和解构4. 倾向对象遍历而不是switch语句5.对 全部/部分判断 使用Array.every/Array.some1.多重判断中使用Array.includes让我们看看下面的例子:function test(fruit) { if (fruit == 'a...翻译 2019-01-30 11:41:27 · 237 阅读 · 0 评论