我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

Mactavish

更快地构建 DOM: 使用预解析, async, defer 以及 preload ★ Mozilla Hacks – the Web developer blog

29阅读 · Mactavish 5小时前翻译  
DOM HTML Web

在 2017年,保证我们的页面能够快速加载的手段包括压缩,资源优化到缓存,CDN,代码分割以及 tree shaking 等。 然而,即便你不熟悉上面的这些概念,或者你感到无从下手,你仍然可以通过几个关键字以及精细的代码结构使得你的页面获得巨大的性能提升。 这些新的...

弈晨

重新思考 drag 和 drop

239阅读 · 弈晨 1天前翻译  
React API Web

原作者: Alex Reardon 我们今天来讲一些基础的,但是很漂亮的东西。 先介绍一下 react-beautiful-dnd 拖拽是一个直观地移动和重排方式。我们已经在 Atlassian 的官方仓库上发布了 react-beautiful-dnd,它能够使表...

starlee

Web如何工作第三部分:HTTP & REST – freeCodeCamp

126阅读 · starlee 2天前翻译  
HTTP Web

Web如何工作第三部分:HTTP & REST 我们在第一部分讲了基本的Web架构,在第二部分讨论了Web应用程序结构。现在是时候卷起袖子处理第三部分了:细究HTTP和REST。 理解HTTP对于Web开发者人员至关重要,因为它促进了Web应用程序中的信息...

rollby

十个免费的web前端开发工具 – Envato – Medium

4234阅读 · rollby 2017-09-12翻译  
Web

十个免费的web前端开发工具 By Jake Rocheleau 网络技术发展迅速,部分技术难以保持 每年都有新的工具出现,这同时也意味着许多旧的工具倒在了新技术的发展之路上。 前端开发占据了web很大一部分,而且也成为了一种职业路径。如果你将前端开发当做自己的又...

eJayYoung

下划线是否破坏可读性? | UX Booth

1670阅读 · eJayYoung 2017-09-09翻译  
UX Google Web

在非常早期的互联网,链接就已经是一个基础的交互元素了。直到现在仍然非常流行:研究表明链接是人们在上网时最流行的操作之一。在过去的30年里,设计师们尝试过设计各式各样的链接,但有一点不会变:下划线。那个蓝色的带下划线的超链接是互联网中最明确并且最好理解的习惯之一。 万...

众里寻他千百度

网站工作原理第二部分:客户端 - 服务器模型和Web应用程序的结构

1060阅读 · 众里寻他千百度 2017-09-04翻译  
Web

网站工作原理第二部分:客户端 - 服务器模型和Web应用程序的结构 在 之前文章,我们分析了网站在基本工作原理,包括客户端(您的计算机)和服务器(响应客户端网站请求的另一台计算机)之间的交互。 作为四部分系列的第二部分,让我们双击了解基本Web应用程序的客户端,服...

lizheming

请停止使用 JWT 认证

575阅读 · lizheming 2017-08-30翻译  
JavaScript Web HTTP

最新我看到越来越多的人推荐在 Web 应用中使用 JWT(JSON Web Tokens) 来管理用户的会话记录。然而我想说这真的是个馊主意。在这篇文章中我会解释为什么我会这么说。 为了避免造成一些困扰,我先解释一些文章中出现的名词: 无状态 JWT:JWT 密钥中...

凯伦酱

React 还是 Vue: 你应该选择哪一个Web前端框架?

3876阅读 · 凯伦酱 2017-08-30翻译  
Web

2016年,React在Web端和移动端都实现了迅速的成长,稳稳地领先于其主要竞争对手Augular,巩固了其作为前端框架之王的地位。 但是Vue在这一年里的表现也可谓同样的耀眼。Vue.js 2.0 的发布在整个JavaScript社区都引起了巨大反响,这一点仅从...

chechengpeng

深度剖析现代 JavaScript 应用 — SitePoint

1404阅读 · chechengpeng 2017-08-30翻译  
Web JavaScript

毫无疑问,JS 生态圈变化飞快。不仅仅新的工具与框架被快速的引入和开发,随着 ES2015(又名 ES6)的推出,JS 语言本身也经历了很大的变革。所以,已经有很多文章抱怨现在学习JavaScript 开发是多么的艰难。 在这篇文章中,我将为你介绍现代 JavaSc...

Kuangchi

React开发,在VS Code中配置ESLint, Prettier, and Flow

3002阅读 · Kuangchi 2017-08-30翻译  
Web JavaScript

PS:因为有时间限制,很粗糙的就翻译出来了,这是我的第一篇译文,水平不足。希望大家多给点意见,我会多多改进的。 这篇短文会针对所有React/React Native 项目,简单介绍下一致性和可重用开发流程。当你投入了很多的精力去编写高质量编码,就不用花很多的时间去...

numbbbbb

初探新的 JavaScript 并行特性

1221阅读 · numbbbbb 2017-08-30翻译  
JavaScript Web C

简介——我们给 JavaScript 添加了一个 API,开发者可以在 JavaScript 中使用多个 worker 和共享内存来实现真正的并行算法。 多核计算 现如今,JavaScript(JS)已经获得了广泛应用,每个现代网页都包含大量 JS 代码,我们也从未有...

00_悦

教程 | React

607阅读 · 00_悦 2017-08-30翻译  
Web React

# 教程 我们来创建一个简单实用可以放到你的博客里面评论框,Disqus、LiveFyre、Facebook提供了最简单版本的实时评论。 我们会提供: 所有评论的展示 提交评论的表单 提供用户后台的hooks 还会有一些的巧妙的特性: 优化的评论:评论会在...

kayson

快速提示:使用JavaScript获取URL参数

2055阅读 · kayson 2017-08-30翻译  
JavaScript jQuery Web

### 该作者的更多文章 不用jQuery做一个简单的JavaScript幻灯片 帮助你更快学习JavaScript的六个简单技巧 你想从URL里获取参数? URL参数(也叫查询字符串参数获URL变量)可包含很多有用的数据,如产品信息、用户偏好、链接来源等等。...

zhifan

在React Native 与 React Web Apps 间共用代码

1285阅读 · zhifan 2017-08-30翻译  
React React Native Web

最近我在我的工作中为同一端构建了三个应用:iOS app,安卓app 与 web app,这三个应用很大程度上都使用着同一个代码库 我想谈谈我们的4人开发团队所共同面临的问题:搞清楚哪部分的代码是可以在每个项目中共享而哪部分应该放在各自的项目中;怎么建立起一个npm包...

sammffl

是时候使用CSS自定义属性了 – Smashing Magazine

935阅读 · sammffl 2017-08-30翻译  
Web CSS

在今天,css预加载已经成为了前端开发的一个标准。预加载的一个主要优势就是可以让你使用变量。它可以让你避免复制黏贴你的代码,并且简化了开发和重构。 我们用预加载来存储颜色、字体偏好,布局的细节——几乎是我们在css里面用到的所有东西。 但是预加载的变量有一些使用上的限...

loveky

利用控制台API调试Web应用

1382阅读 · loveky 2017-08-30翻译  
API DOM Web

利用控制台API更方便的调试Web应用 许多年前,调试JavaScript代码无非就是在要调试的函数内部插入几句console.log()而已。有时你会发现问题的根源并不在于你正在查看的函数,而是出现在这些函数调用的其它函数内部。结果就是更多的console.log...

myvin

为什么史蒂夫.乔布斯每天早晨都会问自己这个问题(你也应该这样做)

1258阅读 · myvin 2017-08-30翻译  
Web Apple

让我们看一下为什么史蒂夫·乔布斯的自省习惯能彻底改变你的生活。 你是否会有这样的经历:你正在开车,然后突然就到了目的地,这时你会心烦意乱,努力回想自己到底是怎么到达目的地的。在生活中,我们就像是坐在自动驾驶的车上,之后我们才会意识到我们已经失去了往日的激情和目标。尽...

网络埋伏纪事

关于渐进式 Web 应用,你应该知道的一切

4985阅读 · 网络埋伏纪事 2017-08-30翻译  
Web

演示 下载 渐进式 Web 应用是利用现代浏览器的特性,可以添加到主屏幕上,表现得像原生应用程序一样的 Web 应用程序。 本教程将用实例和一个演示应用程序,一步一步向你展示关于渐进式 Web 应用程序你应该知道的一切。为了不从零开始,我们打算用我们最近做过的一个自拍...

安安

在浏览器中播放音乐:用JS和 Web Audio API 重新创造泰勒名琴

854阅读 · 安安 2017-08-30翻译  
API Web JavaScript

在1920年苏联的列宁格勒。一个叫Léon Theremin的青年在他的实验室中偶然发现当他的手在高频振荡器上移动时振荡器会改变音高发出美妙的声音。流行文化就此改变。从科幻小说的电影配音和沙滩男孩的《美妙共振》可以看出,泰勒名电子琴的独特的声音是完美的。世界变得更加美...

lunasun

设计更好的数据表格 – uxdesign.cc

1749阅读 · lunasun 2017-08-30翻译  
Web

如果没有办法对其进行可视化和操作,数据就毫无用处。未来行业的成功将会把数据收集与更好的用户体验结合在一起,而数据表格包含了诸多此类的用户体验。 优秀的数据表格让用户能够快速浏览、分析、对比、过滤、排序以及处理信息,从中形成见解并采取行动。这篇文章展示了一系列的设计结构...

郑 farmer

Node.js 8 中的重要新特性及优化

820阅读 · 郑 farmer 2017-08-30翻译  
Web JavaScript

随着 Node.js 8.0 版本的发布(5月30日下午12点发布),我们得到了最新的 LTS 版本,具有一系列新功能和性能改进。 本文我们将介绍 Node.js 8.0 版本中重要的功能和修复。 与以前的 Node.js 版本相比,8.0.0相当强大。虽然这其中有...

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

掌握Chrome开发工具:新一代前端开发技术

7147阅读 · 一只叫做兰胖的食人魔魔法师 2017-08-30翻译  
Web JavaScript

你可能已经熟悉了Chrome开发工具的基本功能。: DOM检查器、样式面板和JavaScript控制台。 但也有一些不太为人所知的特性可以显著提高你调试或开发应用的速度。 黑色主题 Chrome开发工具的内置了黑色主题。你可以通过点击开发工具窗口右上角的三点图标,...

为之漫笔

5行JavaScript代码实现页面平滑滚动

2747阅读 · 为之漫笔 2017-08-30翻译  
JavaScript CSS Web

HTML本身具有跳到页面任意位置的能力,只需给目标元素一个id 属性即可。这个技术叫做“锚链接”。 不过,这种跳转是瞬间完成的。为了让人看起来舒服,很多网站都会给页内跳转加上平滑或慢慢滚动到页面某处的设计。 过去人们大都用jQuery来实现此设计,但为这就加载一个框架...

印前

高效程序员的10个习惯

863阅读 · 印前 2017-08-30翻译  
Web

今年,我和软件工程领域的一些大牛聊天。这是典型的会议演讲者与赞助方之间的晚餐,没有正式的参与者。一些你在Twitter上关注的大牛,在餐间都会放松心情,分享观点和战争故事(IE6或任何一个?)。 通过这些轻松的交谈以及我个人多年的观察,让我相信高效成功的程序员确实...

二方土君

如何让上传速度加快10倍——草案博客

774阅读 · 二方土君 2017-08-30翻译  
Web

你觉得你的web应用只可以响应得更快一点吗?我们觉得可以所以做了一点新的尝试 “高层次的抽象” 作者: Tomasz Urbaszek 我们会对在发现应用响应慢的时候做一些优化,但是现实效果都不怎么满意。正如它所显示的,最慢的部分是在我们应用中上传文件的时候。然而是...

高大魔王

实用的 Promise in JavaScript - 创建 promise

389阅读 · 高大魔王 2017-08-30翻译  
Web

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

Mactavish

深入了解一个超快的 CSS 引擎: Quantum CSS(Stylo)

832阅读 · Mactavish 2017-08-26翻译  
CSS Web

或许你听说过 Quantum 项目。 它是对于 Firefox 内部的一个重大改写,以达到让 Firefox 更快运行的目的。我们将实验性的浏览器 Servo 的一部分功能调换出来,并对引擎的其他部分做除了重大的改进。 这个项目好比一架正在飞行的飞机的引擎。我们对适当...

iOSDevLog

所有这些基础的React.js概念都在这里了

2258阅读 · iOSDevLog 2017-08-26翻译  
React JavaScript DOM API HTML React.js Medium Web Form

去年,我写了一本关于学习React.js的简短书,原来是大约100页。今年,我将挑战自己,把它概括为一篇关于中度的文章。 这篇文章不会涵盖什么是React或者为什么你应该学习它。相反,这是对已经熟悉JavaScript并熟悉DOM API基础知识的人们对React...

miaoyu

10个React小模式

2673阅读 · miaoyu 2017-08-24翻译  
Web JavaScript React

在过去的几年,我经手过很多大大小小的React项目,在这个过程中,我不断的重复重复,逐渐的形成了一些模式,在这里分享给大家。 如果你是刚开始接触React,能看到这篇文章,只能说你很幸运 :)。 如果你没有接触过React,你可以跳过(3,6,8,10)节。 #1 数...

helloworldzxy

Angular vs React —  前端领域的突破者 – Hacker Noon

545阅读 · helloworldzxy 2017-08-22翻译  
Web JavaScript

Angular vs React — 前端领域的突破者 框架的真正详尽对比 Angular 是一整套的框架,包含所需的全套工具和基于其上的最佳实践。有的人觉得很适合,另一些人则不喜欢。从另一方面来看,React 只是一个轻量的视图库,当你制作一个应用时可能会用到它。这...

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