我要反馈问题

加入众成翻译官方交流群(群号:362419683)

关注《奇舞周刊》微信号
阅读更多精选前端技术文章

友情链接

猿说:互动氛围更好的IT交流学习平台

互动氛围更好的IT交流学习平台

立即访问
声享:制作精彩的有声幻灯片

使用声享在线PPT快速制作分享优质内容

立即体验

京ICP备17024260号

Athon

关键请求 | CSS-Tricks

1646阅读 · Athon 2017-08-03翻译  
CSS

网站服务看起来很简单:发送HTML,浏览器进行处理并加载资源,然后我们只要耐心的等页面渲染好即可。 但是你很少知道,整个过程背后发生了“很多”事情。 你有没有想过,浏览器“如何”知道应该加载哪些资源,并且以什么顺序来加载这些资源? 今天我们来看看如何利用资源优先...

iOSDevLog

全栈React: 第30天 总结和更多的资源

163阅读 · iOSDevLog 2017-08-03翻译  
React

我们做到了!第30天。恭喜!现在,您有足够的信息来编写一些非常复杂的数据集成,风格完美样式,经过测试和部署的应用。 欢迎来到最后一天!恭喜!你做到了! 我们此行的最后一个部分是通过React-land参与。反应社区是活跃, 成长和友好的。 查看 github 上的社区...

iOSDevLog

全栈React: 第29天 持续集成

158阅读 · iOSDevLog 2017-08-03翻译  
React

今天,我们将介绍一些可持续的集成解决方案,为我们提供运行测试以及实施测试我们在云端的应用。 我们已经将应用程序部署到 "云" 中, 现在我们要确保一切都按预期运行。我们已经启动了一个测试套件, 但是现在我们要确保它在部署之前完全通过。 我们 云端...

iOSDevLog

全栈React: 第28天 部署

153阅读 · iOSDevLog 2017-08-03翻译  
React

今天,我们将看看一些即将推出的选项,以便我们的网站启动并运行。到今天结束时,您将可以共享一个链接到正在运行的应用。 昨天我们离开了, 准备第一次部署我们的应用程序。我们已经准备好部署我们的应用程序了。现在的问题是我们要在哪里和如何部署? 让我们来探索... 什么 这与...

iOSDevLog

全栈React: 第16天 显示远程数据

165阅读 · iOSDevLog 2017-08-03翻译  
React

我们的前端应用与我们在其中显示的数据一样有趣。今天,我们开始提出数据请求,并将其集成到我们的应用中。 截至今天, 我们已经通过承诺, 使用 npm包建立我们的应用程序, 安装我们的远程对象获取库 (whatwg-fetch), 我们终于准备好将远程数据集成到我们的应用...

iOSDevLog

全栈React: 第15天 承诺简介

168阅读 · iOSDevLog 2017-08-03翻译  
React

今天,我们将要看看我们需要知道什么来从高层次了解Promises,所以我们可以使用这个非常有用的概念构建我们的应用。 昨天我们将 fetch 库安装到我们的 create-react-app 项目 我们开始 第12天. 今天, 我们将拿起从昨天讨论的概念和Promis...

iOSDevLog

全栈React: 第14天 获取远程数据

190阅读 · iOSDevLog 2017-08-03翻译  
React

我们已准备好外部请求获取数据!今天我们来看一下调用外部API的第一步。 直到这一点,我们的应用基本上是静态的。即使我们从 github 显示的数据也是我们项目中包含的静态数据。我们的应用确实和我们使用的数据一样有趣, 因此让我们的应用更有趣。 查询远程数据 正常的浏览...

iOSDevLog

全栈React: 第13天 重复元素

187阅读 · iOSDevLog 2017-08-03翻译  
React

今天,我们将通过如何显示多个组件来准备将外部数据引入我们的应用。 我们已经构建了一个没有任何外部数据的基本应用。在我们实现之前 (我们将在明天开始这个功能), 让我们来看看过去两周中我们所掩盖的事情: 重复元素 我们已经看到了这之前, 我们已经遍历了一个对象列表, 并...

iOSDevLog

全栈React: 第12天 create-react-app

224阅读 · iOSDevLog 2017-08-03翻译  
React

今天,我们将添加一个构建过程来存储常见的构建操作,以便我们可以轻松地开发和部署我们的应用。 React小组注意到运行一个React应用需要很多配置(并且社区帮助臃肿 - 包括我们也是如此)。幸运的是,React团队/社区中的一些聪明人员聚集在一起,构建/发布了一个官方...

iOSDevLog

全栈React: 第11天 纯组件

186阅读 · iOSDevLog 2017-08-03翻译  
React

React提供了几种创建组件的不同方法。今天我们将讨论创建组件的最终方案,即无状态函数的纯组件。 我们已经研究了几种不同的方法来构建反应组件。 通过这一点我们遗漏的一种方法是构建React组件的无状态组件/功能方法。 正如我们已经看到的那样,我们只使用React.Co...

iOSDevLog

全栈React: 第10天 交互性

199阅读 · iOSDevLog 2017-08-03翻译  
React

今天,我们将介绍如何添加交互性到我们的应用,使其具有吸引力和交互性。 通过这一点,我们构建了少数几个组件,而没有添加用户交互。 今天我们将要改变它。 用户交互 浏览器是事件驱动的应用程序。 用户在浏览器中进行的一切都会触发一个事件,从点击按钮,甚至只是移动鼠标。 在简...

36KrFE

CSS 进化论:从CSS,SASS,BEM,CSS Modules到Styled Components

668阅读 · 36KrFE 2017-08-03翻译  
CSS

自从有互联网以来,我们就需要给我们的网站设计样式,而CSS也一直存在并以自己的速度发展起来,这篇文章将会让您了解它。 首先,在什么是CSS上我们需要有相同的认识,我认为我们都同意CSS是一种用于描述用标记语言编写文档的演示文稿。 众所周知,虽然CSS早已沿途发展的越来...

iOSDevLog

全栈React: 第9天 样式

201阅读 · iOSDevLog 2017-08-03翻译  
React

没有样式的应用是不完整。我们将看看我们可以使用不同的方法来调整组件,从传统的CSS到内联样式。 通过这一点,除了将CSS类名附加到组件之外,我们还没有触及我们组件的样式。 今天,我们将花点时间去了解我们的React组件的样式,使它们看起来很棒,但仍然保持完整。 我们来...

xiaomu

深入了解React的子组件 - Max Stoibers Blog

269阅读 · xiaomu 2017-08-02翻译  
React

React的核心是组件。你可以像嵌套HTML标签一样来嵌套这些组件,这使得写JSX变得容易,因为他和标记语言很像。 当刚开始学习React的时候,我认为“会用props.children,我就知道了关于子组件的一切”。难道,我有错吗? 因为我们在使用JavaScrip...

iOSDevLog

全栈React: 第8天 属性类型

175阅读 · iOSDevLog 2017-08-02翻译  
React

我们正在考虑如何在今天重新使用React组件,这样我们不仅可以在应用而且可以在团队中共享我们的组件。 唷! 我们做了第二周(相对毫发)! 通过这一点,我们已经讨论了React(props,state,生命周期挂钩函数,JSX等)的大部分基本特性。 在本节中,我们将看一...

iOSDevLog

全栈React: 第7天 生命周期钩子函数

208阅读 · iOSDevLog 2017-08-02翻译  
React

今天,我们将看看我们可以用于React组件的一些最常见的生命周期钩子函数,我们将讨论为什么它们是有用的,什么时间应该用什么。 恭喜!我们已经在React的第一周结束了,我们已经覆盖了这么多的基础知识。我们刚刚完成了处理有状态的组件来跟踪组件的内部状态。今天,我们将暂停...

我是搬运工

测量 web 性能,非常简单

559阅读 · 我是搬运工 2017-08-02翻译  
Performance

如果你对 'web 性能' 不了解的话,那么你会觉得这篇文章很难。 你应该测量页面加载时间?对用户输入的响应能力?还是页面到页面的导航所需的时间?你是否为刚果共和国或者硅谷的用户做这些?Fiber, 4G? 在摩托罗拉 G4 或者 iPhone 7...

秋雨寒雪

GitHub上最流行的Top 10 JavaScript项目

1534阅读 · 秋雨寒雪 2017-08-02翻译  
JavaScript

统计出Github中所有项目的数量,几乎是不可能的,而明确指出哪些是最优秀的项目就更不可能了。如果说到JavaScript,曾经极富创新的项目(很可能)在一两个月后就会变得过时、落后。以防被淹没在大量的项目中,去研究(哪个项目更好),我们可以来看看2016年Gith...

iOSDevLog

全栈React: 第6天 状态

569阅读 · iOSDevLog 2017-08-02翻译  
React

今天我们开始了解React中有状态组件的工作原理,并且看看我们何时以及为什么要使用状态。 我们几乎完成了在React开始运行的第一周。我们通过JSX工作,构建我们的第一个组件,设置父子关系,并使用React驱动组件属性。我们还有一个重要的想法,我们还没有讨论React...

iOSDevLog

全栈React: 第5天 数据驱动

311阅读 · iOSDevLog 2017-08-02翻译  
React

我们的应用程序中的硬编码数据不是好主意。 今天,我们将把我们的组件设置为由数据驱动,访问外部数据。 通过这一点,我们已经编写了我们的第一个组件并将其设置为子/父关系。但是,我们还没有将任何数据绑定到我们的React组件。虽然在React中写一个网站是一个更愉快的体验(...

iOSDevLog

全栈React: 第4天 复杂组件

388阅读 · iOSDevLog 2017-08-02翻译  
React

太棒了,我们已经构建了第一个组件。现在让我们来看一下,开始构建一个更复杂的界面。 React 30天前一章节,我们开始构建我们的第一个 React 组件。在本节中,我们将继续使用我们的App 组件,并开始构建一个更复杂的UI。 我们可能会看到一个常见的网页元素是用户时...

iOSDevLog

全栈React: 第3天 我们的第一个组件

449阅读 · iOSDevLog 2017-08-02翻译  
React

这个系列的前两篇文章是很重要的讨论。在今天的课程中,我们来看看一些代码,并写下我们的第一个React应用。 让我们重温第一天介绍的Hello world应用。这次,略有不同: <!DOCTYPE html> <html> <head>...

iOSDevLog

全栈React: 第2天 什么是 JSX?

500阅读 · iOSDevLog 2017-08-02翻译  
React

现在我们知道React是什么,让我们来看看这个系列的其余部分将会出现的几个术语和概念。 在我们前面的文章中,我们看了一下[React](https://facebook.github.io/react/),并在高级别上讨论了它的工作原理。 在本文中,我们将介绍Reac...

cherryjin

表单验证第四部分: MailChimp订阅表单中的验证 | CSS-Tricks

302阅读 · cherryjin 2017-08-01翻译  
Form CSS JavaScript

这是 CSS-Tricks十周年 纪念日 ! 我们制作了 一些书呆子T恤,你可以购买它来支持这个网站 CSS-Tricks 搜索 主页 视频 年鉴 画廊 片段 论坛 新消息 工作 指南 商店 # 表单验证第四...

iOSDevLog

全栈React: 第1天 什么是 React?

521阅读 · iOSDevLog 2017-08-01翻译  
React

今天,我们从一开始就开始。让我们看看React是什么,是什么让React运转起来。我们将讨论为什么要使用它。 在接下来的30天内,您可以体验到React网页框架及其生态系统的各个部分。 我们的30天冒险中的每一天都将建立在前一天的材料上,所以在系列结束之后,您不仅可以...

iOSDevLog

全栈React: React 30天

666阅读 · iOSDevLog 2017-08-01翻译  
React

对学习React 感兴趣但不知道怎么开始? 我们会教你它是如何工作的 - 免费 在接下来的30天内,我们将逐步了解您需要知道的与React相关的所有内容。 从我们的第一个应用的从零开始到测试和部署。 下载超过300页的 PDF 第1天 什么是 React? 今天,...

miaoyu

2017 JS开发指南

1872阅读 · miaoyu 2017-08-01翻译  
JavaScript

过去几年可能你一直在写接口。也许一直在优化你们公司数据的搜索速度,也可能在为微波炉写嵌入式程序。是否记得那时你摆弄Prototype.js,已经过去好长一段时间了。现在你决定是时候提升自己的前端技能了,这时你将看到这样一幅风景: 当然你不是在里面寻找某人,而且随机寻...

一只叫做兰胖的食人魔魔法师

我是如何在没有学历和工作经验的情况下得到UX设计工作的

257阅读 · 一只叫做兰胖的食人魔魔法师 2017-08-01翻译  
UX Design

在我刚开始从事UX设计师的过去的几个月中,有很多人问我是如何在没有学历和工作经验的情况下得到这份工作的。随着市场日趋饱和,我想分享一下我的故事,来鼓励那些想从事的设计工作的人去继续追求自己的梦想。 先说一下我自己吧,我本科毕业于韦尔斯利大学,化学专业。曾在一家护肤品...

huangxiaolu

HTTP/2推送的现状比我想象的更艰难

496阅读 · huangxiaolu 2017-08-01翻译  
Web JavaScript

每当讨论到网页加载性能问题时,我就会听到很多人说“HTTP/2推送将解决这个问题”,但是我对此并不太了解,所以我决定深入研究一下。 HTTP/2推送比我最初想象的更复杂,更偏底层,但真正让我感到惊讶的是各大浏览器之间的不一致——我还以为大伙儿已经达成一致,并且完全准备...

高大魔王

实用的 Promise in JavaScript - 创建 promise

158阅读 · 高大魔王 2017-07-31翻译  
Web

在本系列教程中的 第一部分 , 我们来讲解一下 promises 的基础知识. 我们知道它是什么. 我们也知道怎么用 then 方法去获得 promise 运行后的结果. 我们都知道用 catch 来获取代码中出现的错误. 但是我们现在还没有创建一个 prom...

玩命加载中……
已经到底啦