article
article copied to clipboard
lightningminers
⚡️闪电矿工翻译组-前端（front end developer)
> 原文地址: https://medium.com/siliconwat/data-structures-in-javascript-1b9aed0ea17c > > 原文作者: Thon Ly > > 翻译作者: [hanxiansen](https://github.com/hanxiansen) > > 中文标题：前端必知必会的数据结构 # Data Structures in JavaScript ### 介绍 随着业务逻辑越来越多地从后台迁往前端，前端工程化方面的专业知识变得愈发重要。作为一名前端工程师，我们依赖于像 React 这样的视图库来提高工作效率。而视图库又依赖于像 Redux 这样的数据流管理工具来掌控数据。React 和 Redux 共同遵循响应式设计模式，在该设计模式下，数据的更新将会导致对应...
> 原文地址: https://medium.freecodecamp.org/es5-to-esnext-heres-every-feature-added-to-javascript-since-2015-d0c255e13c6e > > 原文作者: Flavio Copes # ES5 to ESNext — 自 2015 以来 JavaScript 新增的所有新特性  这篇文章的出发点是为了帮助前端开发者串联 ES6前后的 JavaScript 知识，并且可以快速了解 JavaScript 语言的最新进展。 JavaScript 在当下处于特权地位，因为它是唯一可以在浏览器中运行的语言，并且是被高度集成和优化过的。 JavaScript 在未来有着极好的发展空间，跟上它的变化不会比现在更加的困难。我的目标是让你能够快速且全面的了解这门语言可以使用的新内容。 [**点击这里获取...
> 原文地址: https://blog.usejournal.com/vue-js-gsap-animations-26fc6b1c3c5a > > 原文作者: Daily Fire > > 翻译作者: [hanxiansen](https://github.com/hanxiansen) > > 中文标题：通过GASP让vue实现动态效果 单页应用及支持它们的前端框架提供了一个很好的机会，可以为程序设计提供令人惊叹的交互层，本文，我们将了解 vue.js 及如何集成 GASP 动画库来添加令人惊叹的动画效果。  Vue.js 是一个功能强大且易掌握的 JS 框架，在 Vue CLI 的帮助下，我们能够快速构建具有所有最新 Webpack 功能的应用程序，而无需花费时间来配置...
> 原文地址：https://blog.logrocket.com/css-selectors-level-4-b5da36bcd54c/ > > 原文作者：[Esteban Herrera](https://blog.logrocket.com/author/ehrrera/) > > 翻译作者：[thisang](https://github.com/thisang) # CSS 第四级选择器 选择器是 CSS 的核心部分。你用来做一些操作比如说选择某种类型的所有元素，就像下面这样： ```css div { /* 一些应用在所有 div 元素上的样式 */ } ``` 或者你可以选择一个在它的父元素下的最后一个子元素： ```css ul li:last-child {...
> 原文地址: https://medium.com/free-code-camp/how-to-get-better-at-writing-css-a1732c32a72f > > 原文作者: Thomas Lombart > > 翻译作者: [hanxiansen](https://github.com/hanxiansen) > > 中文标题：如何更优雅的编写CSS代码  # How to get better at writing CSS # How to get better at...
> 原文地址: https://blog.logrocket.com/how-css-works-creating-layers-with-z-index-6a20afe1550e > > 原文作者: Benjamin Johnson ## 介绍 这篇文章是"How CSS workd"系列文章中的第三篇(深入探讨CSS基本构建模块的系列文章，这些基本构建模块有时会让人感觉像是黑魔法)。无论你如何编写你的css代码，知道样式表的运行原理总是极好的，这样你才能编写出高效的、可伸缩性css代码。 下面是系列文章中的前两篇： 1. [ css如何工作 — 解析和绘制css的关键路径](https://blog.logrocket.com/how-css-works-parsing-painting-css-in-the-critical-rendering-path-b3ee290762d3)：深入研究CSS引擎在浏览器请求css文件到用户实际在屏幕上看到的像素过程中发生了什么 2. [css如何工作 — 了解层叠](https://blog.logrocket.com/how-css-works-understanding-the-cascade-d181cd89a4d8)：讲解“css中的"c"以及层叠算法如何将各种css规则解析为浏览器中实际显示的样式 今天我们研究css的另一个黑魔法 — z-index，耍z-index，通常感觉像是往墙面上扔一个更高的数字，然后看看是什么效果。 但如果我们试着剥离z-index上的层，看看管理他们的规则呢，我们会发现它并不像我们想象的那么可怕。 ### 究竟什么是z-indx? 说到底，我们在浏览器中使用的屏幕是一组由像素组成的二维平面，但如果你经常上网，你可能会经常体会到"三维”世界，例如，你可以单击一个按钮打开一个...
> 原文地址: https://medium.com/flutter/bringing-flutter-to-the-web-904de05f0df0 > > 原文作者: Kevin Moore > > 翻译作者: Fedora Flutter For Web ===== 用来构建漂亮、定制化应用的跨平台的 UI 框架 Flutter 现在已经支持 Web 开发了。我们很高兴推出了一个预览版的 SDK 可以让开发者直接使用 Flutter UI 和业务逻辑代码构建 web 应用在浏览器中运行起来。...
> 译文出自：[闪电矿工翻译组](https://lightningminers.github.io/articles/) > > 原文地址：[Drawing Realistic Clouds with SVG and CSS](https://css-tricks.com/drawing-realistic-clouds-with-svg-and-css/) > > 原文作者：[Beau Jackson](https://css-tricks.com/author/beau-js/) > > 仓库原文链接：[Drawing Realistic Clouds with SVG and CSS](https://github.com/lightningminers/article/issues/46) > > 译者：[sichenguo](https://juejin.im/user/5b16558fe51d45068a6c9d43) # 【译】来用 SVG...
> 原文地址: https://hackernoon.com/javascript-async-await-the-good-part-pitfalls-and-how-to-use-9b759ca21cda > > 原文作者: Charlee Li > > 翻译作者: [Xixi20160512](https://github.com/Xixi20160512) `async/await` 是在 ES7 版本中引入的，它对于 JavaScript 中的异步编程而言是一个巨大的提升。它可以让我们以同步的方式处理异步的流程，同时不会阻塞主线程。但是，想要用好这一特性，可能需要动点脑筋。本文中，我们将从不同的角度探讨 async/await，同时会展示如何正确和高效的使用它们。 ### async/await 的优点 `async/await`带给我们最大的一个好处就是同步的编程风格。让我们看一个例子： ```typescript // async/await async getBooksByAuthorWithAwait(authorId) { const...
