我要反馈问题

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

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

友情链接

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

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

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

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

立即体验

京ICP备17024260号

chaussen

摘自codeburst:如何用Mocha测试JavaScript程序,基础篇

90阅读 · chaussen 2天前翻译  
Web JavaScript

Mocha是用于Node.js平台测试的框架中最热门的工具之一。虽然看起来让人发怵,其实入门是相当简单的。 通过upsplash.com测试 这篇教程究竟是关于哪方面的? 这个教程讲的全都是Mocha基础知识。教程结束时,我们第一个成功的Mocha测试也就写出来了。...

Doraemonls

增强网站无障碍功能的十条准则

349阅读 · Doraemonls 2017-11-09翻译  
Web accessibility CSS HTML5

我们列出了十条关于网站无障碍功能的准则,它们能保证你的网站对任何人(包括残疾人)都是可用的。 W3C的主席蒂姆·伯纳斯-李说过一句话:“网络的力量在其普遍性”。作为以制作网站为生的人来说,我们的责任就是要使每个人都能够访问它们。网络无障碍功能看起来好像是论文里的一个艰...

夏风

巧用滑动选项卡,提升用户体验

554阅读 · 夏风 2017-11-01翻译  
Vue UI Web

操作中Vue的声明性质 滑动选项卡Swiping Tab Bar 目前针对移动设备的Cordova应用程序和渐进式的Web应用程序非常流行。提升用户体验和交互的关键是传递出原生的视觉效果和感觉,这并不总是一件容易的事情。当然,新建有样式装饰的多选复选框(checkb...

大路小兵

如何使用浏览器工具调试PWA(Progressive Web Apps)

288阅读 · 大路小兵 2017-10-30翻译  
Web Service Workers PWA

如何使用浏览器开发工具调试 PWA(Progressive Web Apps) 本教程说明了Chrome和Firefox的开发工具展示了什么样的工具,用于帮助用户调试PWA。 什么是PWA 首先,一个PWA是一个根据设备的支持情况,提供了额外特性的应用,比如: 离...

eJayYoung

React Router v4 版本 完全指北

1343阅读 · eJayYoung 2017-10-28翻译  
React JavaScript SPA Web

React Router 事实上是React官方的标准路由库。当你在一个多视图的React应用中来回切换,你需要一个路由来管理那些URL。React Router 专注于此,同步保持你应用的UI和URL。 这个教程主要给你介绍React Router 的v4版本,以及...

橙橙橙

如果你的网站没有JavaScript - SitePoint

1375阅读 · 橙橙橙 2017-10-19翻译  
JavaScript Performance Web

我们有很多理由需要好好考虑一下JavaScript存在的意义(它做了什么,怎么做的以及它有多重要)。 如今,超过一半的网络流量来自移动设备,但这些设备的许多操作都是在极其不稳定的网络连接下进行的,例如,你想要在10秒内单独加载完毕脚本文件几乎是不可能的。 如果您正在使...

边城

没有副作用的哈希表

1181阅读 · 边城 2017-10-03翻译  
Web JavaScript Reference

没有副作用的哈希表 @bhaskarmelkani写于2017年9月1日 没有副作用的哈希表 如果想把JavaScript 对象当作哈希表(仅用于保存数据),你可能会像下面这样创建这个对象。 `const map = Object.create(null);` 如果...

eJayYoung

一份来自Treebo 的 React 与 Preact PWA 性能分析报告

1563阅读 · eJayYoung 2017-09-27翻译  
React Web

作者:来自Treebo的Lakshya Ranganath,和来自Chrome的Addy Osmani Treebo是一家印度家喻户晓的经济型连锁酒店,在旅游业中占据了价值200亿美元的市场。他们最近开发了一个新的渐进式应用(PWA)作为默认的移动端体验,最开始使用...

lucknessbuaa

CSS变量(自定义属性)使用指南 — SitePoint

522阅读 · lucknessbuaa 2017-09-27翻译  
CSS PostCSS Web

CSS预处理器,如Sass和Less,使得CSS代码易于组织和维护。通过提供变量、混合、循环等特性,使得CSS具有动态编写的能力,从而减少重复性工作,提高开发速度。 最近,CSS开始添加一些动态特性。CSS变量(自定义属性)已经加入规范,并且获得了大多数浏览器的支持...

myvin

不会写 JavaScript 的人是否还有价值?

2709阅读 · myvin 2017-09-26翻译  
CSS HTML JavaScript Web internet ES6

最近我有幸参加在墨尔本召开的 2017 Web Directions Code 大会。我和 Mark Dalgleish 还有 Glen Maddern (他的演讲非常精彩)被分到了一个演讲小组里。我们做了一系列关于 CSS 的演讲,在小组讨论中,我们讨论了一个问题...

Lizhooh

雨爱花的方式-小猫假日

315阅读 · Lizhooh 2017-09-24翻译  
Medium Web

雨爱花的方式 他爱她爱的花雨路。他把所有的东西都倾注在她身上,直到他撞到地上,然后被她吞噬。他这样做是为了看着她成长,看到她的美丽绽放,并成为其中的一部分。“我没有优雅和美丽。”他告诉她,他布满老茧的双手手掌厚肌肉拉她到他的肩膀让他吻她。“我只是工作和劳动。我有我的...

dainiel

PWA Checklist

379阅读 · dainiel 2017-09-22翻译  
Web PWA Google Chrome

渐进式WEB应用(PWA)是可靠、快速和吸引人的,有很方法是可以把一个PWA从初级提升到高级。 为了帮助团队尽可能的提升体验,我们整理了这个checklist,其涵盖了所有我们认为构建一个基础PWA所需的,以及通过提供更好的离线体验,达到更快的交互和关心更多的重要细节...

Mactavish

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

975阅读 · Mactavish 2017-09-20翻译  
DOM HTML Web

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

弈晨

重新思考 drag 和 drop

881阅读 · 弈晨 2017-09-19翻译  
React API Web

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

starlee

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

503阅读 · starlee 2017-09-18翻译  
HTTP Web

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

rollby

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

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

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

eJayYoung

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

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

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

众里寻他千百度

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

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

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

lizheming

请停止使用 JWT 认证

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

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

凯伦酱

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

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

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

chechengpeng

深度剖析现代 JavaScript 应用 — SitePoint

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

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

Kuangchi

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

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

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

numbbbbb

初探新的 JavaScript 并行特性

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

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

00_悦

教程 | React

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

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

kayson

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

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

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

zhifan

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

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

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

sammffl

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

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

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

loveky

利用控制台API调试Web应用

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

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

myvin

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

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

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

网络埋伏纪事

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

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

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

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